body{font-family:Microsoft YaHei;font-size:16px;color:#000000;}
*{margin:0;padding:0;}
i{font-style: normal;}
li{list-style:none}
img{border:0}
a,u{text-decoration:none;color:#000000;}
a:hover{color:#0b42ab;}
.clear{clear:both}
.w1400{width:1400px;margin:0 auto}
.menu{display:none}
.top{height: 35px;line-height: 35px;background:#0b42ab;color:#fff;}
.topl{float:left;width:50%;}
.topr{float:left;width:50%;text-align:right;}
.topr a{color:#fff;    padding: 0 20px;}
.header{z-index:10;position:fixed;width:100%;top:0px;left:0;background:#fff;border-radius: 0 0 40px 40px;box-shadow: 0px 7px 7px rgb(204 204 204 / 10%);
    -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -o-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);}
.header.fix{}
.banner{color:#fff;height:600px;background:url(../images/banner.jpg)  no-repeat  center;margin-top: 135px;}
.banner_l{width:420px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:600px}
.banner_l h3{position: relative;line-height:1.2;margin:30px 0 0 0;font-size:60px;font-weight: bold;}
.banner_l h3 span{display: block;color:#10d1a0;}
.banner_l p{ line-height:2;font-size:16px;margin:20px 0 30px;}
.banner_l a{display: block;width: 220px;line-height: 55px;border-radius: 55px;background:#10d1a0;text-align: center;font-size: 20px;}
.banner_l a:hover{color:#000;background:#10a37e;}
.head{height: 46px;margin:27px 0; }
.logo{float:left}
.logo a{display:block;height:46px;line-height:46px}
.logo a img{vertical-align:middle}
.tel  {float:right;}
.tel ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.tel ul li{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-left: 50px;}
.tel ul li span i{display: block;color:#33ac8d;}
.tel ul li>i{display: block;width:46px;height: 46px;border-radius: 6px;margin-right: 15px;}
.tel ul li.ico1>i{background:url(../images/ico_yx.png) no-repeat  center #10d1a0;}
.tel ul li.ico2>i{background:url(../images/ico_tel.png) no-repeat  center #10d1a0;}
.tel ul li.ico3>i{background:url(../images/ico_wx.png) no-repeat  center #10d1a0;}
.search {position: relative;}
.search .search-input{background:#f4f4f4;line-height: 40px;    text-indent: 20px;height: 40px;border-radius: 40px;width:250px;border:0;}
.search .search-submit{position: absolute;right: 0;
    width: 50px;
    height: 40px;
    border: 0;background:url(../images/ss.png) no-repeat  center ;font-size: 0;    cursor: pointer;}
.nav{ display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: center;}


.nav>ul{float:left}
.nav>ul>li{    position: relative;float:left}
.nav>ul>li:first-child a{padding-left:0}
.nav>ul>li a{padding:0 40px;display:block;line-height:60px}
.nav>ul>li a i{display: inline-block;background:url(../images/jt.png) no-repeat  center ;width:10px;height: 10px;margin-left: 8px;}
.nav>ul>li a:hover,.nav li a.on{color:#0b42ab}
.nav>ul>li>ul{z-index:2;display:none;position:absolute;background:rgb(255 255 255 / 85%);width:100%;text-align:center}
.nav>ul>li:hover>ul{display:block}
.nav>ul>li>ul li a{display:block;line-height:40px}
 
.bta{text-align:center;margin-bottom:60px}
.bta span{font-size:36px;color:#333;display:block;   font-weight: bold;}


.hytd{padding:85px 0 ;background-color:#eef2f5;
background-image: url(../images/tdbg1.png), url(../images/tdbg2.png);
background-repeat: no-repeat, no-repeat;
background-position:left center , top right ;
}
.hytd .text{color:#999999;text-align: center;margin: 0  190px  45px;line-height: 2}
.hytd ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
.hytd ul li{width:23%;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;border:1px #fff solid;    border-radius: 10px;background:#f5f7f9;
    box-sizing: border-box;text-align: center;padding:30px 20px 40px;
box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    -ms-box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    -o-box-shadow: 0 10px 10px rgb(0 0 0 / 15%);


}
 .hytd ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);}

.hytd ul  li span{font-weight: bold;display: block;margin:20px 0;}
.hytd ul  li p{line-height:1.5;color:#9ca3b1; }
.hytd ul  li i {display: block;height: 75px;}
.hytd ul  li i.ico1 {background:url(../images/ico_hy1.png) no-repeat center}
.hytd ul  li i.ico2 {background:url(../images/ico_hy2.png) no-repeat center}
.hytd ul  li i.ico3 {background:url(../images/ico_hy3.png) no-repeat center}
.hytd ul  li i.ico4 {background:url(../images/ico_hy4.png) no-repeat center}

.jjfa{padding:80px 0;}
.jjfa dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}

.jjfa dt{width:620px;}
.jjfa dt p{color:#9ca3b1;}
.jjfa dt a{display: block;width:135px;line-height: 50px;background:#10d1a0;border-radius: 6px;text-align: center;color:#fff; -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
 
.jjfa dt a:hover{-webkit-transform: translate3d(0, -2px, 0);color:#fff;
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);}


.jjfa dt h3{font-size: 20px;}
.jjbox{margin-bottom:55px;}
.jjbox p{line-height: 2;margin:25px 0 40px;}
.jjbox2  h3{margin-bottom:35px;}
.jjbox2 ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;justify-content: space-between;}
.jjbox2 ul li{width:48%;    display: flex;margin-bottom:40px;}
.jjbox2 ul li>div{}
.jjbox2 ul li h3{font-size:18px;margin-bottom:5px;color:#2e4b67;}
.jjbox2 ul li p{font-size:15px;line-height:2;color:#777777}
.jjbox2 ul li i{display:block;width:60px;height:60px;border-radius:100%;    flex: 0 0 60px;margin-right: 20px;}
.jjbox2 ul li.ico1 i{background:url(../images/ico_jj1.png) #10d1a0 no-repeat   center}
.jjbox2 ul li.ico2 i{background:url(../images/ico_jj2.png) #10d1a0 no-repeat   center}
.jjbox2 ul li.ico3 i{background:url(../images/ico_jj3.png) #10d1a0 no-repeat   center}
.jjfa dd{width:730px;}
.jjfa dd img{width:100%;}

.xzwm{padding:80px 0;background:url(../images/xzwmbg.jpg) no-repeat   center}
.xzwm .bta span{color:#fff;}
.xzwm ul{background:#f5f7fb;padding:30px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;    justify-content: space-between;}
.xzwm ul li{width:32%;margin-bottom:15px;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.xzwm ul li:nth-of-type(n+4) {
margin-bottom:0px;
}
.xzwm ul li:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);}
.xzwm ul li h3{font-size: 20px;margin-bottom:10px;}
.xzwm ul li img{width:100%;}
.xzwm ul li p{background:#fff;}
.xzwm ul li p span{display: block;padding:10px;line-height: 2;color:#9ca3b1;    height: 64px;}





.nlkj{padding:80px 0;}
.nlkj h3{text-align: center;font-size: 24px;margin-bottom:30px;}
.nlkj li{background:#fff;border-radius: 5px;    box-shadow: 0px 7px 7px rgb(204 204 204 / 10%);
    -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -o-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1); display: flex;padding:10px;    box-sizing: border-box;    align-items: center; transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.nlkj li:hover{-webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 15px 30px #ccc;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);}    
.nlkj li div{width: 100px;height: 85px;border-radius: 5px;flex:0 0 100px;margin-right: 20px;color:#fff;text-align: center;font-weight: bold;} 
.nlkj ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.nlkj a{color:#666666;padding-right:20px;}
.nlkj p{    display: flex;
    flex-wrap: wrap;
    height: 85px;
    align-content: space-around;}
 .nlkj i{display: block;height: 50px;}   
.nlbox1{background:#e5f0fb;border-radius: 5px;border:2px #e1ebf5 solid;padding:25px}
.nlbox1 ul li div{background:linear-gradient(#2ba1f8 , #5399eb);}
.nlbox1 ul li{width:57%;margin-bottom:2%;}
.nlbox1 ul li:nth-child(2),.nlbox1 ul li:nth-child(4){width:41%;}
.nlbox1 ul li:nth-child(3),.nlbox1 ul li:nth-child(4){margin-bottom:0%;}

.nlbox1 ul li div i.ico1{background: url(../images/ico_nl1.png) no-repeat  center;}
.nlbox1 ul li div i.ico2{background: url(../images/ico_nl2.png) no-repeat  center;}
.nlbox1 ul li div i.ico3{background: url(../images/ico_nl3.png) no-repeat  center;}
.nlbox1 ul li div i.ico4{background: url(../images/ico_nl4.png) no-repeat  center;}

.nlbox2{background:#e5f4f0;border-radius: 5px;border:2px #eaf2f1 solid;margin:25px 0;padding:25px}
.nlbox2 ul li div{background:linear-gradient(#25cf90 , #05c285);}
.nlbox2 ul li{width:60%;margin-bottom:2%;}
.nlbox2 ul li:nth-child(2),.nlbox2 ul li:nth-child(4){width:38%;}
.nlbox2 ul li:nth-child(3),.nlbox2 ul li:nth-child(4){margin-bottom:0%;}

.nlbox2 ul li div i.ico1{background: url(../images/ico_nl5.png) no-repeat  center;}
.nlbox2 ul li div i.ico2{background: url(../images/ico_nl6.png) no-repeat  center;}
.nlbox2 ul li div i.ico3{background: url(../images/ico_nl7.png) no-repeat  center;}
.nlbox2 ul li div i.ico4{background: url(../images/ico_nl8.png) no-repeat  center;}


.nlbox3{background:#feeedf;border-radius: 5px;border:2px #faefe2 solid;padding:25px}
.nlbox3 ul li div{background:linear-gradient(#fba53d , #f6812b);}
.nlbox3 ul li{width:100%;}
.nlbox3 ul li div i.ico1{background: url(../images/ico_nl9.png) no-repeat  center;}
.yycj{background: url(../images/yybg.jpg) no-repeat  center;padding:80px 0;}
.yycj .bta span{color:#fff;}
.newlb{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin:80px 0 0;}
.newlb_left{width:300px;    background: rgb(0 0 0 / 44%);padding-top: 30px;}
.newlb_left ul li{ border-left:5px solid transparent;height: 55px;line-height: 55px;padding:0 20px;font-weight: bold;cursor: pointer;color:#8c96a5;}
.newlb_left ul li:hover,.newlb_left ul li.on{ border-left:5px solid #0b42ab;   background: #000;cursor: pointer;color: #fff;}
.newlb_left ul li i{display: block;float: left;width:30px;height: 50px;margin-right:20px;}
.newlb_left ul li i.ico1{background: url(../images/ico_lb1.png) no-repeat  center;}
.newlb_left ul li i.ico2{background: url(../images/ico_lb2.png) no-repeat  center;}
.newlb_left ul li i.ico3{background: url(../images/ico_lb3.png) no-repeat  center;}
.newlb_left ul li i.ico4{background: url(../images/ico_lb4.png) no-repeat  center;}
.newlb_right{width:1100px;background: url(../images/cjbg.png) no-repeat  center;background-size: 100% 100%;}
 
.newlb_right .swiper{display: none;}
.newlb_right .swiper.on{display: block;}
.newlb_right .swiper-pagination{position: relative;bottom: 0 !important;}
.yybox{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;padding:50px 100px;}
.yyl{width:48%;margin-right: 2%;color:#fff;}
.yyr{width:50%;}

.yyr img{display: block;width: 100%;    border-radius: 20px;}
.yyl h3{line-height: 50px;font-size: 20px;margin-bottom:20px;}
.yyl p{line-height:2}
.yyl ul{margin-top: 80px;}
.yyl ul a{line-height: 45px;height: 45px;color: #fff;display: inline-block;width: 120px;border: 1px #10d1a0 solid;    -webkit-transition: all .2s linear;text-align: center;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;border-radius: 5px;background:#10d1a0;margin-right: 20px;}

.yyl ul a:nth-child(2){background:#1a1e22;color:#fff;border: 1px #fff solid;    margin-right: 0; }

.yyl ul a:hover{    -webkit-transform: translate3d(0,-2px,0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);}
.yycj .swiper-button-next, .yycj  .swiper-button-prev {color:#10d1a0;font-weight: bold;}
.yycj .swiper-button-next.swiper-button-disabled, .yycj .swiper-button-prev.swiper-button-disabled{color:#fff;opacity: 1}
.cpzx{padding:80px 0;}

.cpzx ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; flex-wrap: wrap;    justify-content: space-between;}

.cpzx ul li{width:23%;margin-bottom:70px;}
.cpzx ul li img{border:1px #e0e9f3 solid;    box-shadow: 0px 7px 7px rgb(204 204 204 / 10%);
    -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);
    -o-box-shadow: 0px 7px 7px rgba(0, 0, 0, .1);width:100%;  height: 300px;  box-sizing: border-box;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.cpzx ul li span{display: block;text-align: center;margin-top: 25px;}

.cpzx ul li:hover img{
    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 15px 30px #ccc;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.more{display: block;margin: 0 auto;text-align: center;line-height: 50px;border-radius: 5px;background:#10d1a0;width: 135px;color:#fff;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.more:hover{-webkit-transform: translate3d(0, -2px, 0);color:#fff;
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);}

.case{    padding: 85px 0;
    background-color: #eef2f5;
    background-image: url(../images/tdbg1.png), url(../images/tdbg2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left center, top right;}
.case .text{    color: #999999;
    text-align: center;
    margin: 0 190px 45px;
    line-height: 2;}

.case .swiper-slide{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.casel{width:40%;background:url(../images/casebg.png)  no-repeat center;padding-top: 40px;
    padding-left: 100px;
    box-sizing: border-box;background-size: 100% 100%;}
.casetop{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;height: 76px;    align-items: center;}   
.casetop img{width: 76px;}
.casetop div{margin-left: 20px;}
.casetop div span{color:#fff;font-weight: bold;font-size: 24px;}
.casetop div p{color:#9eb0d3;margin-top: 10px;}
.casel dl{margin-top: 35px;}
.casel dl dt{font-size: 18px;color:#fff;font-weight: bold;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-bottom:20px;}
.casel dl dd a{padding:5px;border-radius: 5px;border:1px #4775cd solid;color:#bbc6e7;    display: inline-block;margin-right: 10px;margin-bottom:10px;}
.casel dl dd a:hover{background:#fff;color:#4775cd}

  .caseapp  i{display: block;width: 19px;height: 19px;margin-right: 10px;}
.caseapp  i.ico2 {background:url(../images/case_tel.png)  no-repeat center; }
.caseapp  i.ico1 {background:url(../images/case_link.png)  no-repeat center; }
.casel dl dd{    display: flex;
    flex-wrap: wrap;}
.casel dl dd.caseapp a{color:#1bd3a4;background:#fff;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;width:88px;justify-content: center;
    align-items: center;}

.caser{width:60%;}
.caser img{width:100%;    display: block;}

.case .swiper-button-next,.case  .swiper-button-prev{color:#10d1a0;    font-weight: bold;}
.case .swiper-button-next.swiper-button-disabled, .case .swiper-button-prev.swiper-button-disabled{color:#fff;opacity: 1}
.fwlc{padding:80px 0;}
.fwlc .text{    color: #999999;
    text-align: center;
    margin: 0 190px 45px;
    line-height: 2;}
.fwlc ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;position: relative;}
.fwlc ul li {text-align: center;}
.fwlc ul li i{display: block;height: 120px;    position: relative;
    z-index: 1;margin-bottom:30px;}
.fwlc ul li.ico1 i{background:url(../images/ico_fw1.png)  no-repeat center; }
.fwlc ul li.ico2 i{background:url(../images/ico_fw2.png)  no-repeat center; }
.fwlc ul li.ico3 i{background:url(../images/ico_fw3.png)  no-repeat center; }
.fwlc ul li.ico4 i{background:url(../images/ico_fw4.png)  no-repeat center; }
.fwlc ul li.ico5 i{background:url(../images/ico_fw5.png)  no-repeat center; }

.fwlc ul li.ico1 .fwbotton{background:url(../images/fw1.png)  no-repeat  top center;    padding-top: 45px;}
.fwlc ul li.ico2 .fwbotton{background:url(../images/fw2.png)  no-repeat  top center;    padding-top: 45px;}
.fwlc ul li.ico3 .fwbotton{background:url(../images/fw3.png)  no-repeat  top center;    padding-top: 45px;}
.fwlc ul li.ico4 .fwbotton{background:url(../images/fw4.png)  no-repeat  top center;    padding-top: 45px;}
.fwlc ul li.ico5 .fwbotton{background:url(../images/fw5.png)  no-repeat  top center;    padding-top: 45px;}


.fwlc ul li span{display: block;font-size: 18px;color:#333333;}
.fwlc ul li em{font-style: normal;color:#666666;font-size: 14px;}
.fwline {    position: absolute;
    width: 1200px;
    height: 1px;
    background: #e0e0e0;
    top: 60px;
    left: 100px;}
.fwline i{display: block;position: absolute;width: 20px;height: 26px;    top: -13px;}
.fwline i.ico1 {background:url(../images/fwjt1.png)  no-repeat center;left:120px; }
.fwline i.ico2 {background:url(../images/fwjt2.png)  no-repeat center; left:450px;}
.fwline i.ico3 {background:url(../images/fwjt3.png)  no-repeat center;left:780px; }
.fwline i.ico4 {background:url(../images/fwjt4.png)  no-repeat center;right:120px; }

.hzpt{background:#fff;margin-top: 40px;}
.hzpt ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-around;}
.hzpt ul li{line-height: 0;}
 


.gywm{background:url(../images/gybg.jpg)  center  no-repeat ;padding:80px 0}
.gywm .bta span{color:#fff;}
.about{background:#f5f7fb;padding:45px;}
.aboutl{line-height:0;float:right;width:50%;position:relative}
.aboutl img{width:100%}
.aboutr{float:left;width:46%;}
.aboutr ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin: 30px 0}
.aboutr ul li{text-align: center;margin-right: 60px;}
.aboutr ul li span{font-size: 48px;position: relative;}
.aboutr ul li span u{font-size: 18px;position: absolute;    font-weight: bold;
    right: -30px;}
.aboutr ul li i{display: block;width: 18px;height: 2px;background:#333;margin: 10px auto}
.aboutr ul li em{font-style: normal;}
.aboutr h3{font-size:24px;margin:0px 0 20px;color:#333333}
.aboutr h3 span{padding-left:15px;vertical-align:middle;font-size:24px}
.aboutr>p{line-height:2;color:#9ca3b1;margin-bottom:10px;text-align:justify}
.aboutr a{    display: block;
   -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    background: #10d1a0;
    width: 135px;
    color: #fff;}
.aboutr a:hover{-webkit-transform: translate3d(0, -2px, 0);color:#fff;
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);}


.news{padding:80px 0;}
.xwbox{margin-bottom:30px;height: 454px;}

.xwbox1{width:440px;float:left;margin-right: 20px;}
.xwbox1 a{    display: block;position: relative;
    background: #f8f8f8;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.xwbox1 a:hover{    -webkit-transform: translate3d(0,-2px,0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
.xwbox1 a em{position: absolute;left:0;top:0;text-align: center;background:#1952c0;width: 100px;line-height: 35px;color: #fff;font-size: 14px;font-style: normal;}
.xwbox1 a img{width:100%;display:block;height:256px}
.xwbox1 a span{display:block;font-weight:bold;line-height:24px;height:24px;overflow:hidden;padding:20px 0 10px;margin:0 20px;font-size: 17px;color:#333333;}
.xwbox1 a i{display:block;font-size:16px;color:#9ca3b1;padding:0 20px 10px;    height:100px;
    line-height: 2;overflow:hidden}

.xwbox1 a u{color:#10d1a0;padding:0 20px 20px;text-decoration:underline;    display: block;}

.xwbox2{float: right; background: #f8f8f8;width:430px;padding:25px;}
.xwbox2 ul li{margin-bottom:15px;padding-bottom: 15px;border-bottom: 1px #ddd solid;}
.xwbox2 ul li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.xwbox2 ul li  h2{font-size:17px;margin-bottom:10px;height:21px;overflow:hidden}
.xwbox2 ul li   i{display: block;color: #666666;font-size: 14px;}
.xwbox2 ul li   p{color:#9ca3b1;line-height:2}

.zxzx{background:url(../images/zixun.jpg) no-repeat center #eaeffb;padding:50px 0;height: 280px;box-sizing: border-box;}

.zxzx h3{color:#212020;font-size: 36px;}
.zxzx p{font-size:18px;color:#212020;margin: 20px 0 30px;}
 
.zxzx a{line-height: 55px;height: 55px;color: #fff;display: inline-block;width: 160px;border: 1px #10d1a0 solid;    -webkit-transition: all .2s linear;text-align: center;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;border-radius: 5px;background:#10d1a0;margin-right: 20px;}

.zxzx a:nth-child(2){background:#fff;color:#10d1a0;margin-right: 0}

.zxzx a:hover{    -webkit-transform: translate3d(0,-2px,0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 6px 10px rgb(0 0 0 / 30%);}
 

.footer{background:#272829;padding:80px 0 40px}
.footl{float:left;width:210px;text-align:center}
.footl img{display:block;margin:0px auto  20px;}
.footl span{display:block;font-size:18px;color:#fff;    border-radius: 50px;
    background: #10d1a0;line-height: 50px;font-weight: bold;}

.footc{float:left;margin-left:100px;width:720px}
.footc h3 {font-size:18px;color:#fff;font-weight:400}
.footc h3 a{color:#fff;}
.footc ul{float:left;margin-right:60px}
.footc ul:nth-child(4){margin-right:0}
.footc ul li{color:#8e8e8e;margin-top:15px;font-size: 15px;}
.footc ul li a{color:#8e8e8e;font-size: 15px;}
.footr{float:right}
.footr ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.footr ul li{text-align: center;}
.footr ul li:first-child{margin-right: 30px;}
.footr ul span{font-size:15px;display:block;margin-top:15px;color:#fff;}
.firend{line-height: 40px;}
.firend span{color:#fff;}
.firend a{      padding-left: 15px;  color: #8e8e8e;}
.footbottom{  margin-top: 30px;  display: flex;
    justify-content: space-between;}
.share{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.share a{display: block;margin-left: 15px;}
.share i{display: block;width:40px;height: 40px;border-radius:100%;}
.share i.ico1{background:url(../images/ico_qq.png)  no-repeat  center #767779}
.share i.ico2{background:url(../images/ico_wx2.png)  no-repeat  center #767779}
.share i.ico3{background:url(../images/ico_wb.png)  no-repeat  center #767779}
.share i.ico4{background:url(../images/ico_dy.png)  no-repeat  center #767779}



.db{border-top:1px #373839 solid;font-size:16px;line-height:70px;height:70px;color:#797879;text-align:center;background:#272829}
.db a{color:#797879}



@media screen and (max-width:800px){
body{font-size: 14px;}
.header{height:ato}
.head {
    height: 30px;
    margin: 15px 0;
}
.logo{padding-left:20px}
.logo a{height:30px;line-height:30px}
.logo a img{height:30px;display:inline-block}
.menu{display:block;padding:6px 15px;width:20px;margin-right:5px;position:absolute;        right: 20px;
        top: 50px;z-index:10}
.menu i{display:block;background:#2468f2;width:100%;height:3px;margin-bottom:5px}
.nav{position:fixed;top:0;height:100%;width:250px;background:#000;margin-left:0;left:-250px;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;z-index:11}
.nav>ul{padding-top:80px;float:none;             position: absolute;
        top: 0;   width: 100%;}
.nav>ul>li{float:none;margin-right:0;text-align:center;line-height:50px;border-bottom:1px #383838 solid;z-index:10px}
.nav>ul>li a{line-height:50px;color:#fff;padding: 0;}
.nav>ul>li a:hover, .nav li a.on {
    color: #4d8aff;
    font-weight: bold;
}
.nav>ul>li:hover>ul{display: none;}
.nav>ul>li>a.on+ul{display: block;}
.nav>ul>li>a i {
        background: url(../images/jtb.png) no-repeat center;
        width: 12px;
        height: 12px;
        margin-left: 10px;
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .nav>ul>li>ul {
        background: #333;
        position: initial;
    }

.nav.on{left:0}
 
.bta{margin-bottom:30px}
.bta span{font-size:30px}

.hbg{position:fixed;display:none;z-index:9;background:rgb(0 0 0 / 38%);width:100%;height:100%;left:0;top:0}
.hbg.on{display:block}

.search{display: none;}
.w1400{width:100%;}
.top{padding:0 20px;}
.topr a {padding: 0 5px;}
.tel{display: none;}
.jjbox2 ul {
    flex-direction: column;
}
.jjbox2 ul li{width:100%;}
.newlb{    flex-direction: column;    margin: 20px 0 0;    padding: 20px;}
.newlb_left{width:100%;padding-top: 0;}
.newlb_left ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;        flex-wrap: wrap;}
.newlb_left ul li {
    width: 50%;
    box-sizing: border-box;
}
.newlb_right{width:100%;margin-left:0;}
.newlb_right h3{font-size: 18px;}

.hytd,.jjfa{padding:30px 20px;}
.hytd .text {    margin: 0 20px 20px;}
.hytd ul {       
    flex-wrap: wrap;
}
.hytd ul li{width:49%; margin-bottom: 2%;}
.hzpt ul li img{height: 40px;}
.jjfa dt{width:100%;}
.jjfa dd{width:100%;}


.banner{height:300px;background:#090b17; margin-top: 0;
        padding-top: 95px;}
.banner_l h3{font-size:20px;}
.banner_l p{font-size:14px}
.banner_l img{width:100%;}
.banner_l{height:300px;padding:0 20px;width:100%;box-sizing:border-box}
.banner_l a{font-size:13px;padding:0 30px;line-height:40px;height:40px;border-radius:40px;margin:0 auto;}
 
.xzwm{padding:30px 20px;}
.xzwm ul{padding:20px;}
.xzwm ul li{width:48%;}
.xzwm ul li p span{height: 132px;}
.nlkj{padding:30px 20px;}
.nlbox1 ul li,.nlbox1 ul li:nth-child(2), .nlbox1 ul li:nth-child(4){width:100%;}
.nlbox2 ul li,.nlbox2 ul li:nth-child(2), .nlbox2 ul li:nth-child(4){width:100%;}
.nlbox3 ul li{width:100%;}
.nlbox1 ul li:nth-child(3),.nlbox2 ul li:nth-child(3){margin-bottom:2%;}
.jjfa dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.fwlc ul {
    flex-wrap: wrap;
}
.fwlc ul li{width:50%;}
.fwline{display: none;}
.yybox {

    padding:20px 50px;
    flex-direction: column;
}
.yycj{padding:30px 20px;background-color: #202528;}
.yyl ul{margin-top: 20px}
.yyl{width:100%;margin-right: 0}
.yyr{width:100%;margin-top: 20px;} 
.cpzx{padding:30px 20px;}
.cpzx ul li {
    width: 48%;
    margin-bottom: 20px;
}
.case{padding:30px 20px;}
.case .text{    margin: 0 20px 20px;}
.casel{width:100%;padding:20px 50px;}
.casel dl {margin-top: 20px;}
.caser{width:100%;}
.case .swiper-slide {
    flex-direction: column;
}
.hzpt ul {
    flex-wrap: wrap;
}
.fwlc{padding:30px 20px;}
.fwlc .text{    margin: 0 20px 20px;}
.about{padding:20px;}
.aboutl{float:none;width:100%;margin-bottom:20px;}
.aboutr{float:none;width:100%;}
.aboutr ul {
    margin: 30px 0;
    justify-content: space-between;
}
.aboutr ul li{margin-right: 0}
.aboutr ul li span{font-size: 24px;}
.gywm{padding:30px 20px;    background: url(../images/gybg.jpg) top center no-repeat;}
.news{padding:30px 20px;}
.xwbox1{float:none;width:100%;        margin-right: 0;
        margin-bottom: 20px;}
.xwbox1 a i{height: auto;font-size: 14px;line-height: 1.5}
.xwbox2{float:none;width:100%;        box-sizing: border-box;}
.xwbox{height:auto}
.zxzx{padding:30px 20px;        height: auto;}
.zxzx h3{font-size: 24px;}
.zxzx p{font-size:16px;}
.zxzx a{line-height:40px;height:40px;font-size:14px;color:#fff;display:inline-block;}
.footer{padding:30px 20px;}
.footl{float:none;width:100%;  margin-bottom: 20px;}
.footc ul {
    float: none;
    margin-right: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.footc ul h3{margin-bottom:20px;}
.footc ul li{float:left;margin-top: 0;margin-right: 10px;        line-height: 2;}
.footc {
    float: none;
    margin-left: 0;
    width: 100%;
}
.footr{float:none;}
.footr ul {
    justify-content: space-around;
}
.footbottom {
    margin-top:20px;
    flex-direction: column;
}
.share {
    justify-content: space-around;
}
.share a {
    margin-left: 0;
}
.db{line-height: 40px;font-size: 14px;height: 40px;}
}

@media screen and (max-width:440px){
.yyl ul a{width:100px;}
.nlkj li {flex-direction: column;}
.nlkj h3{margin-bottom:15px;}
.nlkj li div{width:100%;        margin-right: 0;margin-bottom:10px;
        flex: 0 0 auto;}
        .nlkj p{height: auto;}
        .nlbox1,.nlbox2,.nlbox3{padding:15px;}
}
@media screen and (max-width:420px){
 .top{font-size: 12px;}
 .top a{font-size: 12px;}
 .xzwm ul li p span{font-size: 12px;}
 .bta span{font-size: 26px;}
 .yyl ul a{width:80px;}
}
@media screen and (max-width:400px){
  .bta span{font-size: 24px;}
  .topl{width:auto;}
  .topr{width:auto;        float: right;}
  .zxzx a{width:130px;}
}
 @media screen and (max-width:380px){
  .bta span{font-size: 22px;}
}