@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;}
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:#1c83d7; 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-mb30{margin-bottom: 30px;}
.f-mb35{margin-bottom: 35px;}

/*module*/
.m-titstyle{background: url(../images/bg-tit1.png) center no-repeat;}
.m-titstyle .u-tit{font-size: 40px; color: #1c58d3; font-weight: bold; font-style: italic; margin-right: 10px;}
.m-titstyle .u-tit span{color: #000;}
.m-titstyle .u-tit1{font-size: 40px; color: #999; font-weight: bold; font-style: italic; margin-right: 10px;}
.m-titstyle .u-tit1 span{color: #999;}
.m-titstyle .on{font-size: 40px; color: #1c58d3; font-weight: bold; font-style: italic; margin-right: 10px;}
.m-titstyle .on span{color: #000;}


.m-liststyle li{height: 40px; line-height: 40px;}
.m-liststyle li a{display: block; padding-left: 14px; font-size: 18px; background: url(../images/icon-li1.png) left center no-repeat;}
.m-liststyle li span{float: right; color: #999;}

/*header*/
.m-top{width: 1200px; height: 40px; line-height: 40px;margin: 0 auto;}
.m-top a{font-size: 14px;}
.m-top .u-link li{float: left; margin: 0 3px 0 7px;}
.m-top .u-link li a{display: block; padding-left: 22px; background-image: url(/dist/images/public/icon-sjlink.png); background-repeat: no-repeat;}
.m-top .u-link li.u-lk1 a{background-position: 0 0;}
.m-top .u-link li.u-lk2 a{background-position: 0 -40px;}
.m-top .u-link li.u-lk3 a{background-position: 0 -80px;}
.m-top .u-funs li{float: left; margin-left: 8px;}
.m-top .u-funs li a{display: block; padding-left: 9px; background: url(/dist/images/public/bg-funline.png) left center no-repeat;}
.m-pgtop{background: #f5f5f5;}
.g-pgtop{margin: 0 auto; padding: 5px 0; width: 1200px;}
.g-pgtop .u-logo img{display: block; height: 50px;}
.g-pgtop li{float: left; margin: 5px 0 5px 10px;}
.g-pgtop li a{display: block; padding: 0 30px; border: 1px solid #ddd; border-radius: 40px; line-height: 38px; background: #ededed;}
.m-banner{padding-bottom: 128px; background: url(../images/bg-banner.png) center no-repeat;}
.g-banner{margin: 0 auto; width: 1200px; }
.u-banner{padding: 97px 0 67px;}
.u-banner img{display: block; margin: 0 auto;}
.m-search{margin: 0 auto; width: 790px; height: 50px;}
.u-searchtext{width: 688px; height: 50px; line-height: 50px; border: none; padding: 0 20px; background: url(../images/bg-op.png); border-radius: 4px 0 0 4px;}
.u-searchbtn{width: 62px; height: 50px; border: none; border-radius: 0 4px 4px 0; background: url(../images/icon-search.png) #1c83d7 center no-repeat; cursor: pointer;}
.g-banner{position: relative;}
.h-aback{width: 104px;height: 44px;background-color: rgba(0,0,0,.21);text-align: center;line-height: 44px;font-size: 16px;position: absolute; right: 10px;top: 10px;}
.h-aback a{color: #fff;}

/*index*/
.m-rdly{padding: 38px 0 52px; background: #f5f5f5;}
.g-rdly{margin: 0 auto; width: 1200px;}
.m-rdlybox{height: 145px;}
.m-rdlybox .u-yjli{float: left; margin-right: 20px; width: 386px; background: #fff; box-shadow: 0 0 10px #ededed;}
.m-rdlybox .u-yjli div{padding: 18px 18px 26px; height: 101px;}
.m-rdlybox .u-yjli .u-ts{display: block; margin-bottom: 16px; font-size: 18px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-rdlybox .u-yjli li{float: left; width: 33.33%; line-height: 30px;}
.m-rdlybox .u-yjli li a{padding-right: 10px; display: block; font-size: 14px; color: #666; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-rdlybox .hd a{position: absolute; top: 55px; display: block; width: 36px; height: 36px; border-radius: 50%; background-color: #fff; background-image: url(../images/icon-jt.png); background-repeat: no-repeat; box-shadow: 2px 2px 0 #bfbfbf; cursor: pointer;}
.m-rdlybox .hd .prev{left: -66px;}
.m-rdlybox .hd .next{right: -66px; background-position: -36px 0;}
.m-zyfa{margin: 23px auto 30px; width: 1200px;}
.m-zyfa ul{zoom: 1; width: 110%;}
.m-zyfa li{float: left; margin-right: 20px; width: 386px; height: 446px;}
.m-zyfa li a{display: block;}
.m-zyfa li img{display: block; width: 100%; height: 240px;}
.m-zyfa li .u-box{padding: 15px 20px; height: 174px; border: 1px solid #ddd; background: url(../images/bg-more.png) 331px 160px no-repeat;}
.m-zyfa li .u-box h1{height: 50px; line-height: 25px; font-size: 18px; overflow: hidden;}
.m-zyfa li .u-box p{margin: 5px 0 18px; height: 72px; line-height: 24px; font-size: 14px; color: #666; overflow: hidden;}
.m-zyfa li .u-box h2{font-size: 16px; color: #666;}
.m-zdly{padding: 36px 0 50px; background: #f5f5f5;}
.g-zdly{margin: 0 auto; width: 1200px;}
.g-zdly .m-titstyle{background: url(../images/bg-tit4.png) center no-repeat;}
.m-zdlybtns .bd{height: 428px; overflow: hidden;}
.m-zdlybtns .bd ul{zoom: 1; width: 110%;}
.m-zdlybtns .bd li{float: left; margin: 0 27px 27px 0; width: 280px; height: 180px;}
.m-zdlybtns .bd li a{display: block; padding: 52px 10px 47px; height: 81px; background: #fff;}
.m-zdlybtns .bd li span{display: block; margin: 0 auto 17px; width: 40px; height: 40px; line-height: 40px; font-size: 40px; color: #1c83d7;}
.m-zdlybtns .bd li p{text-align: center;}
.m-zdlybtns .bd li a:hover{background: #1c83d7; color: #fff;}
.m-zdlybtns .bd li a:hover span{color: #fff;}
.m-zdlybtns .hd{width: 200px; height: 8px; margin: 0 auto;}
.m-zdlybtns .hd li{float: left; margin: 0 10px; width: 30px; height: 8px; background: #969696; overflow: hidden; text-indent: 999px;}
.m-zdlybtns .hd li.on{background: #1c83d7;}
.m-gztj{margin: 22px auto 38px; width: 1200px;}
.m-zyfa .m-titstyle{background: url(../images/bg-tit5.png) center no-repeat;}
.m-gztj ul{zoom: 1; width: 110%;}
.m-gztj li{float: left; width: 590px; height: 134px; margin: 20px 20px 0 0;}
.m-gztj li a{display: block; padding: 18px 18px 31px; height: 85px; background: #ebf2ff;}
.m-gztj li h1{margin-bottom: 13px; font-size: 18px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-gztj li p{line-height: 24px; font-size: 14px; color: #666;}
.m-gztj li:nth-child(1) a{background: #ebf2ff;}
.m-gztj li:nth-child(2) a{background: #defff8;}
.m-gztj li:nth-child(3) a{background: #f4ffda;}
.m-gztj li:nth-child(4) a{background: #fff8e4;}
.m-gzdt{margin: 0 auto; width: 1200px;}
.g-gzdt .bd{width: 777px; height: 444px; overflow: hidden; float: left;}
.g-gzdt .bd li,.g-gzdt .bd img{display: block; width: 777px; height: 444px;}
.g-gzdt .hd{width: 423px; height: 444px; float: right;}
.g-gzdt .hd li{height: 88px; border-bottom: 1px solid #fff;}
.g-gzdt .hd li a{display: block; padding: 20px 16px 20px 20px; height: 48px; background: #e6e6e6; font-size: 18px;}
.g-gzdt .hd li span{font-size: 40px; float: left; margin-right: 20px;}
.g-gzdt .hd li.on a{background-color: #8db3ff; background-image: linear-gradient(to right, #8db3ff, #28cbde); color: #fff;}
.m-xzzf{margin: 30px auto; width: 1200px;}
.g-xzzf {width: 100%;height: auto;overflow: hidden;}
.g-xzzf ul{width: 110%;}
.g-xzzf ul li{width: 188px;height: 50px;margin-top: 20px;margin-right: 14px;text-align: center;float: left;line-height: 48px;}
.g-xzzf ul li a{width:100%;display: block;border: 1px solid #ededed;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.g-xzzf ul li a:hover{background: #1c83d7;border: 1px solid #1c83d7;color: #fff;}
.u-gztjl{float: left;position: relative;width: 618px; height: 410px;}
.u-bottom{position: absolute; height: 50px; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.4);}
.u-gztjl .bd{width: 618px;height: 410px;}
.u-gztjl .bd .tempWrap{width: 618px;height: 410px;}
.u-gztjl .bd ul li{position: relative;width: 618px; height: 100%; margin-top: 0;}
.u-gztjl .bd ul li a{width: 618px; height: 100%; padding: 0;background: none!important;}
.u-gztjl .bd ul li img{width: 618px; height: 410px;}
.u-gztjl .bd ul li span{position: absolute;bottom: 0; left: 0; color: #fff; font-size: 18px; z-index: 999;line-height: 50px;padding-left: 10px;width: 70%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.u-gztjl .hd{position: absolute;bottom: 20px;right: 0;z-index: 999;}
.u-gztjl .hd ul li{float: left;width: 10px;height: 10px;border-radius: 100%;margin-right: 10px;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;}
.u-gztjl .hd ul li.on{background-color: #fff;}
.u-gztjr{float: right;width: 560px;height: 410px;}
.u-gztjr11 a{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;font-size: 20px; color: #333;}
.u-gztjr12{text-align: justify; font-size: 14px; color: #999; line-height: 24px;margin-top: 10px;margin-bottom: 20px;}
.u-gztjr2 ul li{height: auto;width: 560px;margin: 0;}
.u-gztjr2 ul li a{display: block;padding: 0;padding-left: 15px; height: auto;background: url(../images/icon-li1.png) left center no-repeat!important; color: #333; font-size: 18px; line-height: 40px;}
.u-gztjr2 ul li a span{color: #999; float: right;font-size: 16px;}


.iconfont-shuili{background: url(../images/iconshuili.png) center no-repeat;}
.m-zdlybtns .bd li a:hover .iconfont-shuili{color: #fff;background: url(../images/iconshuili-ff.png) center no-repeat;}
/*footer*/
.is-footer{margin-top: 20px; border-top: 8px solid #1c83d7; 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: 51px; top: 44px;}
#_span_jiucuo{position: absolute; right: 10px; top: 48px;}


/*media query*/
/*medium pcScreen lg*/
@media screen and (max-width: 1200px){
    .g-pgtop,.g-banner,.g-rdly,.m-gztj,.g-zdly,.m-zyfa,.m-xzzf,.m-footer{width: 970px!important;}
    .m-rdlybox .bd{width: 850px; margin: 0 auto; margin-top: 15px;overflow: hidden;}
    .m-rdlybox .hd .prev{left: 0;}
    .m-rdlybox .hd .next{right: 0;}
    .u-banner img,.g-xzzf ul,.u-gztjr2 ul li,.m-gztj ul{width: 100%;}
    .m-gztj li{width: 45%; overflow: hidden; height: 133px;}
    .m-zdlybtns .bd li{width: 21%;}
    .g-xzzf ul li{width: 18%;}
    .u-gztjl,.u-gztjr{width: 48%;}
    .u-gztjl .bd,.u-gztjl .tempWrap{width: 100%!important;}
    
}
/*pad md*/
@media screen and (max-width: 1199px){
    .m-top{display: none;}
}

@media screen and (max-width: 991px){
    .g-pgtop,.g-banner,.g-rdly,.m-gztj,.g-zdly,.m-zyfa,.m-xzzf,.m-footer{width: 750px!important;}
    .is-main{padding: 0 15px;}
    .m-rdlybox .bd{width: 700px;}
    .m-search,.u-gztjl .bd ul li img,.u-gztjl,.u-gztjr,.u-gztjl .bd ul li,.u-gztjl .bd ul li a{width: 100%;}
    .u-searchtext{width: 84%;}
    .m-zdlybtns .bd li{width: 20%;}
    .is-footer{padding-bottom: 90px;}
    #_ideConac,#_span_jiucuo{top: 110px;}
}
/*phone sm*/

@media screen and (max-width: 767px) {
    .g-pgtop,.g-banner,.g-rdly,.m-gztj,.g-zdly,.m-zyfa,.m-xzzf,.m-footer,.m-footer p,.m-rdlybox .bd{width: 100%!important;} 
    .m-rdlybox .hd .prev,.m-rdlybox .hd .next{top: 152px;}
    .m-zdlybtns .bd li{margin: 0 5px 10px 5px;}
    .u-logo{width: 100%;}
    .g-pgtop .u-logo img{width: 268px; margin: 0 auto;}
    .g-pgtop ul{width: 85%;}
    .u-banner{margin: 0 15px; padding: 30px 0;}
    .m-search{width: 320px;}
    .u-searchtext{width: 200px;}
    .m-banner{padding-bottom: 20px;}
    .m-rdlybox .u-yjli{width: 320px;}
    .m-gztj li:nth-child(2n){margin-right: 0;}
    .m-gztj li{width: 48%;}
    .is-footer{padding: 0 15px;}
    .m-footer{padding:14px 0 66px!important}
    .g-xzzf ul li{width: 20%;}

    .m-top{display: block;width: 100%;height: auto;}
    #_ideConac,#f-elderwza,#_span_jiucuo{position: relative;float: left;margin: 0 5px;text-align: center;}
    /* #_ideConac{left: 0;top: 0;width: calc(24% - 10px);} */
    /* #f-elderwza,#_span_jiucuo{width: calc(38% - 10px);} */
    #_ideConac{left: 116px!important;bottom: -10px!important;top: auto!important;}
    /* #_ideConac,#_span_jiucuo{width: calc(50% - 10px)!important;} */
    #f-elderwza{left: 0!important;bottom: 5px!important;top:auto!important}
    #f-elderwza img{width: 100%;}
    #_span_jiucuo{right: 0!important;top: auto!important;bottom:5px!important}
}
/*small xs*/
@media screen and (max-width: 638px) {
    body{font-size: 14px;}
    /* #_ideConac,#_span_jiucuo{top: 150px;} */
}
@media screen and (max-width: 595px) {
    
}
/*small xs*/
@media screen and (max-width: 540px) {
    .m-gztj li{width: 100%;}
    .u-gztjr2 ul li a{width: 60%;}
    /* #_ideConac, #_span_jiucuo{top: 169px;} */
}