@charset "utf-8";
/* CSS Document */
/*
* @description: 专题样式
* @author: ishang_pan
* @update: ishang_pan (2020-06-16 09:24)
*/

/*reset*/
html{-webkit-text-size-adjust:none;}
*html{background-image:url(about:blank); background-attachment:fixed;}
*{margin: 0; padding: 0; list-style: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{padding:0; margin:0; font: 16px "Microsoft YaHei",微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif; color:#333; min-width: 1200px;}
input,textarea,select,button,label{vertical-align:middle; outline:none; font-family:"Microsoft YaHei",微软雅黑;}
textarea{resize:none;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,a,form,input,label,select{margin:0; padding:0; list-style:none;}
a{color:#333; text-decoration:none; outline:none;}
a:hover{color:#335fcd; text-decoration:none;}
a img{border:none;}
h1,h2,h3{font-weight: normal;}

/*function*/
.f-dn{display: none;}
.f-db{display: block;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}
.f-oh{overflow: hidden;}
.f-fwn{font-weight: normal;}
.f-fwb{font-weight: bold;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.f-csp{cursor: pointer;}
.f-csd{cursor: default;}
.f-csh{cursor: help;}
.f-csm{cursor: move;}
.f-bgn{background: none!important;}
.f-bdn{border: none;}
.f-tal{text-align: left;}
.f-tac{text-align: center;}
.f-tar{text-align: right;}
.f-usn{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; }
.f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;}
* html .f-clearfix{zoom: 1;}
*:first-child+html .f-clearfix{zoom: 1;}
.f-wd100{width: 100%;}
.f-npd{padding: 0;}
.f-nmg{margin: 0!important;}
.f-mlr2{margin: 0 2px;}
.f-mlr5{margin: 0 5px;}
.f-mlr10{margin: 0 10px;}
.f-mlr15{margin: 0 15px;}
.f-mlr20{margin: 0 20px;}
.f-mlrf5{margin: 0 -5px;}
.f-mlrf10{margin: 0 -10px;}
.f-mlrf15{margin: 0 -15px;}
.f-mlrf20{margin: 0 -20px;}
.f-plr5{padding: 0 5px;}
.f-plr10{padding: 0 10px;}
.f-plr15{padding: 0 15px;}
.f-plr20{padding: 0 20px;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-mb50{margin-bottom: 50px;}
.f-nbg{background: none!important;}

/*header*/
.m-top{background: #f5f5f5;}
.g-top{margin: 0 auto; width: 1200px; height: 40px; line-height: 40px;}
.g-top,.g-top a{font-size: 13px; color: #999;}
.g-top .u-link li{float: left; margin: 0 3px 0 7px;}
.g-top .u-link li a{display: block; padding-left: 22px; background-image: url(../images/icon-sjlink.png); background-repeat: no-repeat;}
.g-top .u-link li.u-lk1 a{background-position: 0 0;}
.g-top .u-link li.u-lk2 a{background-position: 0 -40px;}
.g-top .u-link li.u-lk3 a{background-position: 0 -80px;}
.g-top .u-funs li{float: left; margin-left: 8px;}
.g-top .u-funs li a{display: block; padding-left: 9px; background: url(../images/bg-funline.png) left center no-repeat;}

.m-banner{height: 500px;}
.u-banner{left: 50%; margin-left: -960px; top: 0; width: 1920px; height: 500px;}
.u-logo{left: 50%; margin-left: -600px; top: 26px;}
a.u-gohome{right: 50%; margin-right: -600px; top: 26px; padding: 0 30px; line-height: 44px; border-radius: 6px; background: rgba(0, 0, 0, .3); color: #fff;}

/*index*/
.is-main{margin: 50px auto 40px; width: 1200px;}
.m-tabs{margin: 0 auto 64px; width: 608px;}
.m-tabs li{float: left; margin: 0 32px; width: 240px; line-height: 72px;}
.m-tabs li a{display: block; padding: 0 0 0 103px; border-radius: 8px; background-color: #f5f5f5; background-image: url(../images/icon-tab.png); background-repeat: no-repeat; font-size: 24px; font-weight: bold; background-position-x: 37px;}
.m-tabs li a.u-qy{background-position-y: -72px;}
.m-tabs li.u-active a{background-image: url(../images/icon-tab-h.png); background-color: #335fcd; color: #fff;}

.m-qhz::before{content: ''; display: block; position: absolute; left: 0; top: 84px; right: 0; height: 19px; background: url(../images/bg-line.jpg) #e6e6e6 repeat-x; border-radius: 19px;}
.m-qhz li{float: left; width: 64px; margin: 0 18px; text-align: center;}
.m-qhz li a{display: block; position: relative; padding-bottom: 32px;}
.m-qhz li span{display: block; margin: 0 auto 56px; width: 54px; height: 54px; border: 5px solid #e6e6e6; border-radius: 50%; background-image: url(../images/icon-qhzgr.png); background-repeat: no-repeat;}
.m-qhz li p{font-size: 16px;}
.m-qhz li a::before{content: ''; display: block; position: absolute; left: 50%; margin-left: -10px; top: 84px; width: 19px; height: 19px; background: url(../images/bg-yuan.png) no-repeat;}
.m-qhz li.u-active a{color: #335fcd;}
.m-qhz li.u-active a::before{background: url(../images/bg-yuan-h.png) no-repeat;}
.m-qhz li.u-active a::after{content: ''; display: block; position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 17px; background: url(../images/bg-jt.png) no-repeat;}
.m-qhz li.u-active span{border-color: #335fcd; background-color: #335fcd; background-image: url(../images/icon-qhzgr-h.png);}

.m-qhz li .c-qh1{background-position: 0 0;}
.m-qhz li .c-qh2{background-position: -54px 0;}
.m-qhz li .c-qh3{background-position: -108px 0;}
.m-qhz li .c-qh4{background-position: -162px 0;}
.m-qhz li .c-qh5{background-position: -216px 0;}
.m-qhz li .c-qh6{background-position: -270px 0;}
.m-qhz li .c-qh7{background-position: -324px 0;}
.m-qhz li .c-qh8{background-position: -378px 0;}
.m-qhz li .c-qh9{background-position: -432px 0;}
.m-qhz li .c-qh10{background-position: -486px 0;}
.m-qhz li .c-qh11{background-position: -540px 0;}
.m-qhz li .c-qh12{background-position: -594px 0;}

.m-ermbox{position: relative; padding: 27px 27px 15px; box-shadow: 0 0 10px #f1f1f1;}
.m-ermbox ul{max-height: 498px; overflow: hidden;}
.m-ermbox li{float: left; text-align: center; margin: 13px; width: 165px; height: 223px;}
.m-ermbox li img{display: block; width: 147px; height: 147px; padding: 8px; border: 1px solid #ddd;}
.m-ermbox li p{padding: 10px 0; font-size: 14px;}
.m-ermbox ul.show{max-height: unset;}
.m-ermbox .u-more{bottom: -38px; left: 50%; margin-left: -140px; width: 140px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #86b7df; cursor: pointer;}

.m-xmqh{margin-bottom: 16px;}
.m-xmqh li{float: left; line-height: 50px; margin-right: 20px;}
.m-xmqh a{display: block; padding: 0 30px 0 78px; background-color: #f5f5f5; background-image: url(../images/icon-xmqh.png); background-repeat: no-repeat; font-size: 16px; background-position-x: 32px;}
.m-xmqh .u-active a{background-image: url(../images/icon-xmqh-h.png); background-color: #335fcd; color: #fff;}

.c-xq1{background-position-y: 0;}
.c-xq2{background-position-y: -50px;}
.c-xq3{background-position-y: -100px;}
.c-xq4{background-position-y: -150px;}

.m-qyqhz li{margin: 0 190px 0 20px;}
.m-qyqhz li.n-nrm{margin-right: 0;}
.m-qyqhz li span{background-image: url(../images/icon-qhzgr-qy.png);}
.m-qyqhz li.u-active span{background-image: url(../images/icon-qhzgr-qy-h.png);}

.m-qyxmqh a{background-image: url(../images/icon-xmqh-qy.png);}
.m-qyxmqh .u-active a{background-image: url(../images/icon-xmqh-qy-h.png);}

.m-gcjsxm{padding: 20px 14px; box-shadow: 0 0 10px #f1f1f1;}
.m-ejtabs li{float: left; margin: 0 6px 14px 6px;}
.m-ejtabs li a{display: block; padding: 0 15px; line-height: 46px; background: #f5f5f5; font-size: 15px;}
.m-ejtabs li.u-active a{color: #085796; background: #eaf3f9;}
.m-gcjsxm .m-ermbox{padding: 0 13px; box-shadow: none;}
.m-gcjsxm .m-ermbox li{height: 165px;} 

/*footer*/
.is-footer{border-top: 8px solid #0e44b0; background: #f5f5f5;}
.m-footer{width: 1200px; margin: 0 auto; padding: 14px 0 25px; position: relative;}
.m-footerfun{padding: 10px 0;}
.m-footer p{line-height: 24px; text-align: center;}
.m-footer p,.m-footer p a,.m-footerfun,.m-footerfun a{color: #666; font-size: 14px;}
.m-footer p img{vertical-align: middle;}
#_ideConac{position: absolute; left: 0; top: 44px;}
#_span_jiucuo{position: absolute; right: -30px; top: 48px;}



.j-ptjc {
    position: absolute;
    right: 130px;
    top: 25px;
    color: red;
}
/* 适配手机 */
@media screen and (max-width: 1199px) {
    body{min-width:100%}
    .u-banner{width:100%;left:0;margin-left:0;}
    a.u-gohome{right:30px;margin-right:0}
    .g-top{width:100%}
    .u-logo{left:30px;margin-left:0}
    .m-ermbox li{width:23%;margin:1%;text-align: center;}
    .m-ermbox li img{margin:auto}
    .g-top{height:auto}
    .m-ermbox ul{max-height:800px}
    

}
/* 适配小屏1000px */
@media screen and (min-width:991px) and (max-width: 1199px) {
    .is-main{width:970px;}
    .m-banner,.u-banner{height:300px}
   
}
/* 适配pad */
@media screen and (min-width:768px) and (max-width: 990px) {
    .is-main{width:750px;}
    .m-banner,.u-banner{height:250px}

}
/* 适配手机 */
@media screen and (max-width: 768px) {
    .is-main,.m-tabs{width:100%;}
    .m-banner,.u-banner{height:300px;object-fit: cover;}
    .m-tabs li a,.m-tabs li.u-active a{padding-left:0;background-image:none;text-align:center}
    .m-tabs li{width:46%;margin:2%}
    .m-ermbox li{width:48%;margin:1%;text-align: center;}
    .m-xmqh li{margin:10px}
    .u-logo{width:50%;}
    .u-logo img{max-width:100%}

}