/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
b,i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px; font-family:"微软雅黑";}
.clear{clear: both;}
.clearbox:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}
.fl{float: left;}
.fr{float: right;}

/*nav*/
.nav_bg{width: 100%; height: 120px; background: #262d3f; overflow: hidden; z-index: 99;}
.nav{width: 1200px; overflow: hidden; margin: 0 auto;}
.nav a{display: block; height: 100px; float: left; width: 104px; color: #ffffff; font-size: 18px;
 text-align: center; margin: 0 33px; padding-bottom: 20px;}
.nav a i{display: block; width: 38px; height: 40px; background: no-repeat url(../img/sp.png)-5px -3px; margin: 20px auto 15px; }
.nav a:hover em,.nav a.on em{width: 71px; height: 8px; margin: 12px auto 0; background: linear-gradient(90deg,#00c6ff,#0072ff); display: block;}
.nav a:nth-child(2) i{background-position: -5px -55px; width: 38px;s}
.nav a:nth-child(3) i{background-position: -5px -105px; width: 36px;}
.nav a:nth-child(4) i{background-position: -5px -154px; width: 32px;}
.nav a:nth-child(5) i{background-position: -5px -203px; width: 27px;}
.nav a:nth-child(6) i{background-position: 0 -248px; width: 36px;}
.nav a:nth-child(7) i{background-position: 0 -303px; width: 36px;}

.nav_f{width: 100%; height: 40px;background: rgba(43,43,43,0.8); display: none;}
.nav_f div{width: 1200px; margin: 0 auto; height: 40px;}
.nav_f a{display: block; height: 40; float: left; width: 104px; color: #ffffff; font-size: 18px;
 text-align: center;margin: 0 33px; line-height: 40px; }
.nav_f a:hover,.nav_f a.on{ border-bottom: 1px solid #00c6ff;}
.adr{position: fixed; top: 0; display: block;}

.kslx{width: 1200px; overflow: hidden; margin: 0 auto; padding-bottom: 62px;}
.kslx>img,.section1>img,.section3>img,.pfbz>img,.bkkc>img,.yskd>img,.ksnr>img{display: block; margin: 0 auto;}
.kslx .section{padding-top: 56px; width: 100%; overflow: hidden; margin-bottom: 40px;}
.kslx ul li{float: left;width: 386px; height: 350px; margin: 0 7px;}

.btns{width: 596px; height: 84px; margin: 0 auto;  position: relative;}
.btns a,.btns p{width: 240px; height: 60px;  color: #fff; border-radius: 60px; background: #d91436; font-size: 24px;
 line-height: 60px; font-weight: bold; display: block; position: absolute; box-shadow: 0 2px 24px rgba(217,24,50,0.4); 
 -moz-box-shadow: 0 2px 24px rgba(217,24,50,0.4); -webkit-box-shadow: 0 2px 24px rgba(217,24,50,0.4); text-align: center;}
.btns a{top:0;left: 0;}
.btns p{top: 0;right: 0; width: 280px;}
.btns a:hover{opacity: 0.9;}
.btns a i,.btns p i{display: inline-block; background: no-repeat url(../img/sp.png)-60px 0; width: 46px; height: 46px; position: absolute; top: 7px; right: 8px;}
.btns p i{background: no-repeat url(../img/sp.png)-60px -59px; }

.section .f{position: relative; height: 200px;}
.section .f p{background: no-repeat url(../img/linebg.png);  height: 20px; z-index: 5; 
width: 195px; position: absolute; top:74px; right: 35px; color: #0180f1; font-size: 33px; font-weight: bold;}
.section .f img{z-index: 2;}
.section .f>b{position: absolute; top:59px; left: 229px;color: #0180f1; font-size: 33px; z-index: 6;}
.section .f div{position: absolute; bottom: 0; left: 199px;}
.section .f div b{color: #262d3f; font-size: 18px;}
.section .f em{color: #262d3f; font-size: 16px; font-weight: bold; display: block;}
.section  .s{width: 386px; height: 202px; background: #FFF; box-shadow: 0 2px 24px rgba(1,128,241,0.4); 
 -moz-box-shadow: 0 2px 24px rgba(1,128,241,0.4); -webkit-box-shadow: 0 2px 24px rgba(1,128,241,0.4); margin-top: -82px;
 border-radius: 0 20px 0 20px;}
.section  .s p{margin: 0 auto 0; color: #262d3f; font-size: 14px; width: 334px; font-weight: bold; padding-top: 96px;}
.section .t{border: 1px solid #d91436; width: 243px; height: 56px; margin: -28px auto 0; text-align: center; line-height: 56px;
color: #d91436; font-size: 20px; background: #fff;}
.section .t strong{font-size: 28px;}
.section .t:hover{background: #d91436; color: #fff;}

.cjys{width: 100%; height: 662px; background: rgba(73,71,71,0.05); overflow: hidden; padding-top: 80px;}
.section1{width: 1200px; margin: 0 auto; padding-bottom: 11px;}
.section1 .main{margin-top: 60px;}
.l_box{margin-right: 16px; width: 458px;}
.r_box{margin-left: 16px; width: 458px;}
.l_box dl,.r_box dl{margin-bottom: 36px; transition: all 0.3s linear;}
.l_box dl dt,.r_box dl dt{background: no-repeat url(../img/tbgr.png); width: 171px; height: 37px; color: #ffffff; 
font-size: 20px; line-height: 37px; text-align: center; font-weight: bold; margin-left: 287px; }
.l_box dl dt strong,.r_box dl dt strong{color: #fff103;}
.l_box dl dd,.r_box dl dd{width: 424px; height: 70px; background: #fff; border-radius: 20px 0 20px 0;box-shadow: 0 2px 24px rgba(1,128,241,0.4); 
 -moz-box-shadow: 0 2px 24px rgba(1,128,241,0.4); -webkit-box-shadow: 0 2px 24px rgba(1,128,241,0.4); padding: 20px 17px 0 17px;
  font-size: 14px; color: #262d3f; line-height: 24px; font-weight: bold;}
.r_box dl dt{background: no-repeat url(../img/tbgl.png); width: 192px; margin-left:0;}
.r_box dl dd{border-radius: 0 20px 0 20px;}
.section1 dl:hover{opacity: 0.9; transform: translateY(-5px);}

.section3{margin: 0 auto; width: 1200px;  padding-bottom: 50px;}
.kssj{margin-top: 30px;}
.kssj .xy{width: 234px; height: 328px; margin-top: 40px; background: no-repeat url(../img/calder.png); padding-top: 90px;}
.kssj .xy p{color: #fff; font-size: 16px; line-height: 28px; width: 160px; margin: 20px auto 0; text-indent: 30px; font-weight: bold;}
.kssj .sj_tab{width: 891px; background: #fff; height: 504px; border-radius: 20px;box-shadow: 0 2px 16px rgba(1,128,241,0.4); 
 -moz-box-shadow: 0 2px 16px rgba(1,128,241,0.4); -webkit-box-shadow: 0 2px 16px rgba(1,128,241,0.4); padding: 30px 37px 0 37px;}
.sj_hd{ border-bottom: 1px solid #959595; width: 891px; height: 48px;}
.sj_hd ul li{float: left; width: 100px; height: 48px; color: #959595; font-size: 24px; text-align: center; transition: all 0.5s linear;}
.sj_hd ul li.on i,.sj_hd ul li:hover i{width: 88px; height: 8px; margin: 12px auto 0;
 background: linear-gradient(90deg,#00c6ff,#0072ff); display: block;transition: all 0.3s linear;}
.sj_hd ul li.on,.sj_hd ul li:hover{color: #0180f1;}

.l_sj ,.r_sj {margin-top: 35px; }
.sjnr{display: none; height: 430px; overflow: hidden;}
.sjnr ul{margin-right: 15px;}
.sjnr ul li{width: 120px; height: 49px; text-align: center; line-height: 49px; background: #0180f1; color: #fff; font-size: 14px; }
.sjnr ul li:nth-child(1){font-size: 16px;}
.sjnr ul li:hover{opacity: 0.9;}
.sjnr table tr th{height: 48px;border-bottom: 1px solid #eeeeee; height: 48px; text-align: center; vertical-align: middle; color: #262d3f;
 font-size: 16px;}
.sjnr table tr td{border-bottom: 1px solid #eeeeee; height: 48px; text-align: center; vertical-align: middle; color: #262d3f;
 font-size: 14px;}
.sjnr table tr td:hover{background: rgba(1,128,241,0.1);}
.kssj .active{display: block;}

.ksnr{width: 1366px; margin: 0 auto; position: relative; overflow: hidden;}
.ksnr>p{width: 684px; color: #262d3f; font-size: 20px; margin: 10px auto 62px; text-align: center; line-height: 24px;}
.section5{width: 1200px; margin: 0 auto 40px; background: #fff; box-shadow: 0 2px 16px rgba(1,128,241,0.4); padding: 30px 0;
 -moz-box-shadow: 0 2px 16px rgba(1,128,241,0.4); -webkit-box-shadow: 0 2px 16px rgba(1,128,241,0.4); height: 432px; z-index: 6;}
.ksnr .circle{position: absolute; z-index: 4; bottom: 0; right: 0; }
.section5 ul{width: 1085px; margin: 0 auto;}
.section5 ul li{width: 452px; float: left; height: 126px; padding: 45px 20px 45px 50px;}
.section5 ul li:nth-child(1){border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.section5 ul li:nth-child(2){ border-bottom: 1px solid #eeeeee;}
.section5 ul li:nth-child(3){border-right: 1px solid #eeeeee;}
.section5 ul li i{background: no-repeat url(../img/lis.png); width: 262px; height: 50px; display: block; margin-bottom: 15px;}
.section5 ul li:nth-child(2) i{background: no-repeat url(../img/spo.png);}
.section5 ul li:nth-child(3) i{background: no-repeat url(../img/red.png); width: 279px; height: 60px;}
.section5 ul li:nth-child(4) i{background: no-repeat url(../img/wri.png); width: 279px; height: 60px;}
.section5 ul li p{color: #262d3f; font-size: 16px; margin-top: 15px;}
.section5 ul li h3{color: #262d3f; font-size: 20px; font-weight: bold; padding-left: 25px; background: no-repeat url(../img/th.png)center left;}
.section5 ul li:hover{background: rgba(1,128,241,0.1);}



.pfbz{width: 1200px; overflow: hidden; margin: 0 auto;} 
.pfbz>p{width: 590px;  color: #fff; font-size: 20px; line-height: 24px; margin: 15px auto 60px;}
.pfbz ul{margin-bottom: 60px;}
.pfbz ul li{width: 286px; margin-right: 18px; float: left; position: relative; height: 374px; }
.pfbz ul li:nth-child(4){margin-right: 0;}
.pfbz ul li .icon{position: absolute; left: 0; top: 0; z-index: 5; text-align: center;transition: all 0.3s;}
.pfbz ul li:nth-child(1) .icon{background: no-repeat url(../img/tl.jpg); width: 265px; height: 219px;}
.pfbz ul li:nth-child(2) .icon{background: no-repeat url(../img/ky.jpg); width: 266px; height: 288px;}
.pfbz ul li:nth-child(3) .icon{background: no-repeat url(../img/yd.png); width: 269px; height: 219px;}
.pfbz ul li:nth-child(4) .icon{background: no-repeat url(../img/xz.jpg); width: 267px; height: 218px;}
.pfbz .txt{width: 274px; height: 344px; background: #fff;position: absolute; left: 12px; top: 30px; z-index: 4;}
.pfbz .txt p{width: 242px; font-size: 14px; color: #262d3f; line-height: 24px; margin: 217px auto 0;}
.pfbz ul li .icon i{display: block;background: no-repeat url(../img/sp.png)-60px -154px; margin: 0 auto;}
.pfbz ul li:nth-child(1) .icon i{ width: 41px; height: 32px; }
.pfbz ul li:nth-child(2) .icon i{ width: 42px; height: 38px; background-position: -59px -203px;}
.pfbz ul li:nth-child(3) .icon i{ width: 41px; height: 34px; background-position: -55px -250px;}
.pfbz ul li:nth-child(4) .icon i{ width: 40px; height: 39px; background-position: -59px -300px;}
.pfbz ul li .bg{width: 84px; height: 59px; background: #fff; border-radius: 84px; margin: 25px auto 10px; padding-top: 25px;}
.pfbz ul li em{color: #fff; font-size: 28px;}
.pfbz ul li b{color: #fff; font-size: 20px; display: block; margin-top: 10px;}
.pfbz ul li:hover .icon{transform: translateX(15px);}

.bkkc{width: 1200px; margin: 0 auto; overflow: hidden; height: 1223px;}
.bkkcnr{margin-left: 294px; margin-top: 86px;}
.bkkcnr li{width: 302px; float: left;}
.bkkcnr .kcnr{width: 223px; margin: 0 auto;}
.kcnr h2{text-align: center; color: #fff; font-size: 24px; font-weight: bold; margin: 0 auto; width: 223px;}
.kcnr p{text-align: center; background: #fff; color: #0180f1; font-size: 14px; height: 26px; width: 155px; margin: 6px auto 52px;
 border-radius: 20px 20px 20px 0; line-height: 26px;}
.kcnr img{display: block; width: 19px; }
.kcnr ol{width:194px; margin-left: 10px;}
.kcnr ol li{font-size: 16px; color: #262d3f;margin: 0 0 26px 0;}

.yskd{width: 1200px; margin: 0 auto;}
.kd_tab{width: 1200px; padding-top: 50px; background: #fff; box-shadow: 0 12px 16px rgba(1,128,241,0.4); 
 -moz-box-shadow: 0 12px 16px rgba(1,128,241,0.4); -webkit-box-shadow: 0 12px 16px rgba(1,128,241,0.4); padding-bottom: 40px;
  margin-bottom: 52px; margin-top: 35px;}
.kd_hd,.kd_bd{width: 1145px; margin: 0 auto;}
.kd_hd ul li{width: 100px; height: 35px; text-align: center; line-height: 35px; color: #262d3f; font-size: 16px; background: #f6f6f6;
font-weight: bold; float: left; margin-right: 4px; margin-bottom: 5px; }
.kd_hd ul li:hover,.kd_hd ul li.on{background: #0180f1;color: #fff;}
.kd_bd{margin-top: 40px;}
.kd_bd table{width: 550px; margin-right: 45px;}
.kd_bd table tr th{font-size: 20px; height: 34px; vertical-align: middle; color: #262d3f; text-align: left; text-indent: 34px;}
.kd_bd table tr td{font-size: 18px; height: 34px; vertical-align: middle; color: #262d3f; text-indent: 34px; background: #F6F6F6; 
border-bottom: 2px solid #fff;}
.kd_bd .kdnr{display: none; }
.kd_bd .active{display: block;transition: all 0.3s;}
.kd_bd table tr:hover td{background: rgba(1,128,241,0.5);}
.footer{width: 558px; margin: 56px auto 0; text-align: center; font-size: 16px; color: #E3E3E3; line-height: 30px; }