@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

/*h2,h3,h4,b,strong { font-weight: normal; }*/
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.banenr img{width: 100%;}
.header{position: absolute; width: 100%; top: 0; left: 0;}
.headerbox{width: 1750px; margin: 0 auto; overflow: hidden; max-width: 94%;}
.logo{float: left; overflow: hidden; padding: .34rem 0 .3rem;width: 4.7rem;}
.image_34{float: left;width: .7rem;}
.logo_text{float: right;width: calc(100% - .85rem);}
.logo_text h2{color: #fff;font-size: .3rem;margin: 10px 0;}
.logo_text p{color: #fff; font-size: .16rem; margin-left: -10px;}
.logo_text p span{padding-left: 10px;}
.logo_text p img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;}

.nav{float: right;}
.nav ul{overflow: hidden; padding-top: .68rem;}
.nav li{float: left; padding-left: .55rem; }
.nav li a{color: #fff;font-size: .22rem;display: block;}
.nav li a:hover{color: #00FFFF;text-decoration: underline;}

.bj1{background: #e0e9fa;}
.ypxt{width: 1200px; margin: 0 auto;max-width: 94%;}
.ypxt_text{padding: 50px 0 75px;}
.ypxt_text h2{ color: rgba(92, 100, 119, 1);font-size: .44rem;background:url(../images/gb.png) no-repeat left top ; padding-left: .5rem;background-size: .4rem auto;}
.ypxt_text p{padding: .3rem 0 0 .5rem;    color: rgba(92, 100, 119, 1);font-size: .3rem; line-height: 1.7;}
.ypxt_title{padding-top: .6rem;}
.ypxt_title h2{width: 1.5rem; margin: 0 auto; position: relative;}
.ypxt_title h2 img{width: 100%; position: relative; z-index:10;}
.ypxt_title h2:before{position: absolute; content: "";background: url(../images/yf.png) no-repeat center center; width: 4.61rem;height: 2.25rem;background-size: 100% 100%; left: -3.8rem; top: -.8rem;}
.ypxt_title h3{text-align: center; font-size: 1.2rem;    color: rgba(0, 1, 0, 1); padding: 70px 0 20px;}
.ypxt_title p{text-align: center; font-size: .55rem;    color: rgba(0, 1, 0, 1);}

.ypxt_nr ul{display: flex;justify-content : space-between; padding-top: 100px;}
.ypxt_nr li{text-align: center;}
.ypxt_box span{display: inline-block; margin: 0 auto; font-size: .74rem; line-height: 1.15rem;background: #3888ef;border-radius: 1.15rem;color: #fff; font-weight: bold; padding: 0 0 0 .5rem;}
.ypxt_box b img{margin: 0 auto; padding: 28px 0 10px;}
.ypxt_box span img{display: inline-block;vertical-align: middle; margin: -3px 0 0 .15rem; width: 1.2rem;}
.xqtp img{margin: 0 auto;}
.ypxt_nr ul li:nth-child(1) .xqtp img{ width: 2.11rem;}
.ypxt_nr ul li:nth-child(2) .xqtp img{ width: 2.67rem;height: 3.9rem;}
.ypxt_nr ul li:nth-child(3) .xqtp img{ width: 4.99rem;}

.gnfl{padding-top: 1.7rem;}
.gnfl ul{overflow: hidden;}
.gnfl li{float: left; width: 33.33%;text-align: center;}
.gnfl p{ font-size: .46rem;     color: rgba(28, 113, 221, 1); padding: .4rem 0 .7rem; font-weight: bold;}
.gnfl span{display: block; width: 2rem;height: 2rem;border-radius: 50%; margin: 0 auto; position: relative; background: #3888ef;}
.gnfl img{width:.9rem; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.c1{opacity: 1;}
.c2{opacity: 0;}
.gnfl span:hover .c1{opacity: 0;}
.gnfl span:hover .c2{opacity: 1;}

.gqxz_title{text-align: center; padding: 1.2rem 0 .8rem;}
.gqxz_title h2{font-weight: bold; color: #fff; font-size: 1.03rem;}
.gqxz_bj{background: url(../images/yp.png) no-repeat center center;background-size: cover;}
.gqxz_nr{width: 1220px; padding: 10px;max-width: 94%; margin: 0 auto;}
.gqxz_nr ul{overflow: hidden; margin-left: -.75rem;}
.gqxz_nr li{float: left; width: 50%; padding: 0 0 .75rem .75rem;}
.gqxz_nr a{display: block; position: relative;}
.gqxz_nr img{width: 100%;}
.gqxz_nr  ul li:nth-child(3){margin-top: -5.7rem;}
.gqxz_nr  ul li:nth-child(4){margin-top: -5.7rem;}
.gqxz_zz{position: absolute; width: 100%; left: 0;top: 0; opacity: 0;}
.gqxz_nr a:hover .gqxz_zz{opacity: 1;}

.dtbz{width: 1280px; margin: 0 auto;  padding: 0 60px;background: #3888ef; max-width: 100%;}
.dtbz_title{text-align: center; padding: 0 0 .7rem 0;}
.dtbz_title img{width: 1.99rem; position: relative; top: -.8rem;}
.dtbz_title h2{font-weight: bold; color: #fff; font-size: .86rem; padding-bottom: .35rem; margin-top: -.3rem;}
.dtbz_title h2 span{font-size: 1.08rem; }
.dtbz_title p{color: #fff;font-size: .36rem;}
.dtbz_nr ul{overflow: hidden; margin-left: -.3rem;}
.dtbz_nr li{width: 33.33%; padding: 0 0 0 .3rem;float: left;}
.dtbz_nr a{display: block; position: relative;}
.dtbz_nr img{width: 100%;}
.dtbz_nr span{display: block; position: absolute; width: 100%; top: 0;left: 0; opacity: 0;}
.dtbz_nr a:hover span{opacity: 1;}
.dtbz_nr img{width: 100%;}
.dtbz_nr h2{font-weight: bold; color: #fff; font-size: .45rem; margin: .3rem 0 .1rem;text-align: center;}
.dtbz_nr p{font-size: .28rem; margin-bottom: .3rem;text-align: center; color: #fff;}
.dtbz_nr dl{text-align: center;}
.dtbz_nr dt{padding-bottom: .25rem;display: inline-block; padding: 0 .1rem .25rem .1rem;}
.dtbz_nr dt b{display: inline-block; line-height:.8rem ;background: #fff;border-radius: .4rem; font-size: .4rem; padding: 0 .45rem;font-weight: bold;color: #000;}

.qjtp{clear: both; padding-bottom: 1.5rem;}
.qjtp img{width: 80%; margin: 0 auto;}
.mxgt{padding: .7rem 0 .95rem;width: 1200px; margin: 0 auto; max-width: 94%;}
.mxgt ul{overflow: hidden; margin-left: -.35rem;}
.mxgt li{float: left; width: 33.33%; padding-left: .35rem;}
.mxgt a{display: block; position: relative;}
.mxgt a img{width: 100%;}
.mxgt li img{width: 100%;}
.txbt{width: 100%; margin-top: -.6rem;}
.mxgt a span{display: block; position: absolute; width: 100%; left: 0; top: 0; opacity: 0;}
.mxgt a:hover span{opacity: 1;}

.footer{background: url(../images/gqs.png) no-repeat center center;background-size: cover;}
.footerbox{width: 1100px; margin: 0 auto; padding: .3rem 0 .6rem 0;display: flex;justify-content : space-between; max-width: 94%;
}
.foot_left{width: 1.72rem;}
.foot_left img{width: 100%;}
.foot_right{float: right;width: calc(100% - 2rem);text-align: center;}
.foot_right h2{font-size: .29rem; color: #fff;}
.foot_right h2 img{display: inline-block; margin: -3px .2rem 0 0 ; width: .66rem;vertical-align: middle;}
.foot_right li{display: inline-block; padding: 0 .2rem; font-size: .24rem; color: #fff;}
.foot_right ul{padding: .2rem 0; background: url(../images/xian.png) no-repeat center bottom;background-size: 100% auto;}
.foot_right ul li img{display: inline-block;vertical-align: middle; width: .29rem; margin: -3px 10px 0 0;display: inline-block;}
.foot_right p{text-align: center; font-size: 14px; color: #fff; margin-top: .3rem;}

.header_bj{background: url(../images/bg_xj.png);
    background-position: center;
    background-size: cover;}
.fgt{height: 60px;}
.banenr2 img{width: 100%;}
.xwlb{width: 1230px; margin: 0 auto; padding: 1.55rem 0 .9rem; max-width: 94%;}
.xwbox{background: #fff;border-radius: .2rem; margin: 0 .2rem;}
.xwlb_title h2{width: 2.37rem; line-height: .65rem; text-align: center; background:#0e58d1;font-size: .3rem; color: #fff; border-radius: .1rem; top: -.3rem;position: relative; margin-left: -.2rem;}
.xwlb_nr{padding:0 .7rem .95rem .7rem; }
.xwlb_nr li{border-bottom: 1px dashed #ddd; line-height: .7rem; font-size: .22rem; color: #999; padding-top: .35rem; }
.xwlb_nr li a{color: #333;display: block; padding-left: .5rem; position: relative; }
.xwlb_nr li a:before{position: absolute;content: ""; width: .1rem; height: .1rem;background: #0e58d1;border-radius: 50%; left:0;top:50%; transform: translateY(-50%);}
.xwlb_title img{display: inline-block; width: .38rem;vertical-align: middle; margin: -3px .1rem 0 0;}

.wzxq{padding: 0 .5rem .3rem .5rem;}
.wzxq_title{text-align: center; padding-bottom: .55rem;}
.wzxq_title h2{font-size: .4rem;     color: rgba(7, 7, 7, 1); line-height: 2.4;border-bottom: 1px dashed #ddd;}
.wzxq_title p{font-size: .22rem; line-height: 1.6; color: #000; margin-top: .2rem;}
.wzxq_nr p{font-size: .3rem; color: #000; line-height: 1.7;display: block; padding: 0 .4rem;}
.wzxq_nr img{width: 100%; margin: .15rem 0;}
 .banenr2{padding-top: 85px;}
 @media(min-width:1940px){
.ypxt_box span{font-size: 40px; padding: 0 30px;}
.ypxt_box span img{width: 100px;}
.dtbz_title h2{font-size: 40px;}
.dtbz_title h2 span{font-size: 60px;}
.gqxz_nr ul li:nth-child(3){margin-top: -4.5rem;}
.gqxz_nr ul li:nth-child(4){margin-top: -4.5rem;}
.dtbz_nr h2{font-size: 32px;}
.dtbz_nr p{font-size: 20px;}
.dtbz_nr dt b{font-size: 24px; line-height: 60px; padding: 0 30px;}
}
@media(max-width:1700px){
.logo{width: 6rem;}
}
@media(max-width:1200px){
.logo{width: 7rem;}
}

@media(max-width:1000px){
.header{height: 60px;background:#000;
    background-position: center;
    background-size: cover; width: 100%; position: fixed;z-index: 100;}
    
.logo{width: 40px;height: 40px; position: absolute; left: 15px; top: 12px; padding: 0;}    
.image_34{width: 100%;}    
.fgt1{height: 60px;}   
.logo_text{display: none;}   
.nav{position: fixed; width: 100%; height: calc(100vh - 60px); background: #000;top: 60px;left: 0; width: 100%;display: none;} 
.nav li{float: none; width: 100%; line-height: 50px; font-size: 16px; border-bottom: 1px solid #333;}    
.nav li a {font-size: 16px;text-align: center; display: block;}    
 .dhbtn{position: absolute; width: 30px;height: 30px; right: 15px; top: 15px;background: url(../images/d1.png) no-repeat center center #666;background-size: 20px 20px; border-radius: 5px;}  
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #666;background-size: 20px 20px;}    
.ypxt_text{padding: 40px 0;} 
.ypxt_text h2{font-size: 22px; padding-left: 30px;background-size: 20px auto;}
.ypxt_text p{padding: 10px 0 0 30px; font-size: 16px;} 
 .ypxt_title h2{width: 80px;height: 80px;}
 .ypxt_title h3{padding: 50px 0 20px; font-size: 36px;}
 .ypxt_title p{font-size: 18px;}
 .ypxt_nr ul{padding-top: 50px; margin-left: 30px;}
 .ypxt_box b img{width: 15px;}
 .gnfl li{width: 50%;}
 .gnfl span{width: 80px;height: 80px;}
 .gnfl p{font-size: 18px; padding: 15px 0 25px;}
 .gnfl img{width: 50%;}
 
 .footerbox{display: block;}
 .dtbz{padding: 0 3%;}
 .foot_left{width: 120px; margin: 0 auto;float: none;}
 .footer{background-size: 100% 100%;}
 .foot_right{width: 100%;float: none;padding: 15px 0;}
 .foot_right li{font-size: 14px;}
 .foot_right ul li img{width: 15px;}
 .foot_right ul{padding: 0 0 10px;}
 .foot_right p{font-size: 12px; padding-top: 10px;}
 .footerbox{padding: 25px 0;}
 
 .banenr2{padding-top: 60px;}
.xwlb{padding: 60px 0;}   
 .xwlb_title h2{width: 160px; line-height: 45px; font-size: 18px; top: -22px;border-radius: 6px;}  
  .xwlb_title img{width: 25px; margin-right: 10px;} 
  .xwlb_nr li a{line-height: 40px; font-size: 14px; padding-left: 10px;float: left;width: calc(100% - 90px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} 
  .xwlb_nr li{font-size: 14px;overflow: hidden;}   
 .xwlb_nr li a:before{width: 5px;height: 5px;}  
  .xwlb_nr li span{line-height: 40px;}  
   .foot_right h2{font-size: 18px; padding-bottom: 20px;}
   .foot_right h2 img{width: 30px;}
   .wzxq_title{padding-bottom: 30px;} 
   .wzxq_title h2{font-size: 20px; padding-bottom: 10px;}
    .wzxq_title p{font-size: 14px; margin-top: 10px;}
    .wzxq_nr p{font-size: 16px; line-height: 1.7;}
    .wzxq_nr img{margin: 10px 0;}
    .wzxq{padding-bottom: 15px;}
}