body{font-family:Microsoft YaHei;font-size:16px}
body.bg2{    background: #F7F9FF;}
*{margin:0;padding:0;}
li{list-style:none}
img{border:0}
a{text-decoration:none;color:#333}
a:hover{color:#3d81ef}
em,i{font-style:normal}
u{text-decoration:none}
.clear{clear:both}
.menu{display:none}
.w1200{width:1200px;margin:0 auto}
.header{z-index:10;position:fixed;width:100%;top:0;left:0;height:90px;background:#fff}
.logo{float:left;    margin-top: 15px;width:24%}
.logo a{display:block;height:60px;line-height:60px}
.logo a img{vertical-align:middle}
.nav{float:right;margin-top: 20px;width:74%;    border-left: 1px solid #318aff ;
    padding-left: 12px;}
.nav>ul{float:left;margin-right:50px;line-height:54px}
.nav>ul>li{float:left;position: relative;}
.nav>ul>li a{margin:0 20px;display:block;line-height:50px}
.nav>ul>li.on>a,.nav>ul>li>a:hover{border-bottom:5px #3d81ef solid;color:#3d81ef}
 

.banner{margin-top: 90px;}
.banner img{width: 100%;display: block;}

.tel{float:right;margin:0px 0px 0 20px;padding-left:40px;background:url(../images/tel.png)  no-repeat  left  center}
.tel span{display: block;color:#666666}
.tel a{display:block;font-size: 20px;color:#318aff;}

.zspic{margin-top: 50px;}
.zspic ul{display:flex;justify-content:space-between;align-items:center}
.zspic ul li{width: 580px;}
.zspic ul li img{width: 100%}

.cpfw{padding:72px 0;}
.cpfw ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px;}
.cpfw ul li{width:285px;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;    text-align: center;border-radius: 20px;}
.cpfw 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);}

.cpfw ul li a{text-align:center;display:block;background:#313131;position: relative;}
.cpfw ul li a img{width: 100%;display: block;}
.cpfw ul li span{font-size:18px;line-height: 60px;color:#fff;display: block;}
.cpfw ul li a:after{content:"";display: block;border:1px #c0bbb6 solid;width: 267px;
    height: 262px;
    position: absolute;
    top: 0;
    left: 0;margin:8px;}




.more{width:180px;margin:0 auto}
.more a{display:flex;height:45px;background:#ffa200;border-radius:23px;font-size:18px;text-align:center;line-height:45px;color:#fff;    align-items: center;
    justify-content: center;}
.more a:hover{background:#ffb940;}    
.more a:after{content:"";display: block;background:url(../images/jt.png) no-repeat  center;width: 24px;height: 8px;margin-left: 10px;}


.bta{text-align:center;margin-bottom:60px}
.bta span{font-size:32px;color:#333;display:block;font-weight:700}
.bta em{text-transform: uppercase;margin-top:10px;color:#ffa200;display:block;font-size:12px}
.bta p{margin-top:10px;color:#666;display:block;font-size:16px} 


.aboutbox{background: url(../images/aboutbg.jpg) no-repeat center;padding:72px 0;}

.aboutr {width: 820px;color:#fff;}

.aboutr h3{font-size: 32px;}
.aboutr span{font-size: 12px;}
.aboutr p{margin: 40px 0 30px;    width: 700px;
    line-height: 2;}
.aboutr .more{width: 150px;margin:0}

.aboutli{margin-top:50px;background-color: #fff;box-shadow:0 4px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-ms-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-moz-box-shadow:0 4px 10px rgb(0 0 0 / 20%);-o-box-shadow:0 4px 10px rgb(0 0 0 / 20%);padding:30px ;}
 
.aboutli ul{ justify-content: space-between;   display: flex
;}
.aboutli ul li{       padding-right: 45px;    align-items: center; display: flex
;color:#333;border-right: 1px #ddd solid;}
.aboutli ul li:last-child{border-right:0;padding-right:0;}
.aboutli ul li span{font-size: 24px;display: block;position: relative;font-weight: bold;}
.aboutli ul li span b{color:#ffa200;font-size: 45px;    vertical-align: sub;padding-right:10px;}
.aboutli ul li span u{position: absolute;}
.aboutli ul li i{display: block;width: 70px;height: 70px;border-radius: 100%;border:1px #ffa200 solid;margin-right: 20px;}
.aboutli ul li i.ico1{background:url(../images/ico_gy1.png) no-repeat center}
.aboutli ul li i.ico2{background:url(../images/ico_gy2.png) no-repeat center}
.aboutli ul li i.ico3{background:url(../images/ico_gy3.png) no-repeat center}



.xczs{padding:72px 0;}
.xczs ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;}
.xczs ul li{width:580px;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;    text-align: center;border-radius: 20px;     margin-bottom: 40px;  
    overflow: hidden;}
.xczs 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);}

.xczs ul li a{text-align:center;display:block;position: relative;}
.xczs ul li a img{width: 100%;display: block;}
.xczs ul li span{font-size:18px;line-height: 50px;color:#fff;display: block;background:rgb(49 49 49 / 58%);bottom:0;position: absolute;width: 100%}

.sblx{padding:72px 0;background:#f2f7ff;}
.sblx .tab {line-height: 50px;background:#e5efff;margin-bottom:50px;}
.sblx .tab ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.sblx .tab ul li{width: 50%;text-align: center;border-bottom:2px #e5efff solid;font-size: 18px;cursor: pointer;}
.sblx .tab ul li.on{border-bottom:2px #ffa200 solid;}

.sblx .tab_box ul {display: none;   flex-wrap: wrap;}

.sblx .tab_box ul.on{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; }

.sblx .tab_box ul li {width: 23.5%;margin-right:2%;}
.sblx .tab_box ul li:nth-child(4n){margin-right: 0}
.sblx .tab_box ul li img{border:1px #d8e7ff solid;width: 100%;box-sizing: border-box;display: block;}
.sblx .tab_box ul li  span{display: block;line-height: 60px;text-align: center;}


.zxbg{background:url(../images/zxbg.jpg) no-repeat center;height: 200px;}
.zxbg ul{position: relative;color:#fff;text-align: center;    width: 800px;
    float: right;
    padding-top: 20px;}
.zxbg ul i{position: absolute;background:url(../images/hyzx.png) no-repeat center;display: block;right: 0;top:-15px;width: 93px;height: 194px;}
.zxbg ul h3{font-size: 36px;    text-shadow: 2px 2px 1px #321ce7;}
.zxbg ul span{font-size: 30px;display: block;margin:10px 0;    text-shadow: 2px 2px 5px #321ce7;}
.zxbg ul em{font-size: 36px;display: block;font-weight: bold;}



.xhqq{background:url(../images/xhbg.jpg) no-repeat center;padding:72px 0;}
 
.xhqq ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;}
.xhqq ul li{width:220px;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;    text-align: center;border-radius: 20px;}
.xhqq 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);}


.xhqq ul li img{width: 100%;display: block;}
.xhqq ul li span{font-size:18px;line-height:50px;display: block;}

.fwwl{padding:72px 0;}
.fwbox{background:url(../images/fwbg.png) no-repeat center right;padding:60px 0;}
.fwl{width: 40%}
.fwl p{line-height:2}
.fwl h3{line-height:1.5;font-size: 50px;margin: 50px 0}
.fwl h3 b{color:#ffa200;display: block;}

.fwl ul{    flex-wrap: wrap; justify-content: space-between;   display: flex
;}
.fwl ul li{ width:46%;     align-items: center; display: flex
;color:#333;border-right: 1px #ddd solid;margin-bottom:20px;}
.fwl ul li:nth-child(2n){border-right:0;padding-right:0;}
.fwl ul li span{font-size:48px;display: block;position: relative;font-weight: bold;color:#ffa200;}
.fwl ul li em{font-size: 24px;font-weight: bold;}
.fwl ul li i{display: block;width: 70px;height: 70px;border-radius: 100%;border:1px #ffa200 solid;margin-right: 20px;}
.fwl ul li i.ico1{background:url(../images/ico_fw1.png) no-repeat center}
.fwl ul li i.ico2{background:url(../images/ico_fw2.png) no-repeat center}
.fwl ul li i.ico3{background:url(../images/ico_fw3.png) no-repeat center}
.fwl ul li i.ico4{background:url(../images/ico_fw4.png) no-repeat center}


.aboutus {padding:72px 0;}
.aboutus dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.aboutus dl dt{width: 400px;}
.aboutus dl dt img{width: 100%}
.aboutus dl dd{width: 750px;}
.aboutus dl dd p{margin-bottom:20px;    line-height: 2;
    text-indent: 20px;color:#333;}
.gywm{margin-top:50px;background-color: #318aff;;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;height: 150px;}
 
.gywm ul{   margin: 20px 0; padding: 0 30px;
    box-sizing: border-box; justify-content: space-between;   display: flex
;width: 830px;}
.gywm ul li{       padding-right: 45px;    align-items: center; display: flex
;color:#fff;border-right: 1px #4696ff solid;}
.gywm ul li:last-child{border-right:0;padding-right:0;}
.gywm ul li span{font-size: 24px;display: block;position: relative;font-weight: bold;}
.gywm ul li span b{color:#fff;font-size: 45px;    vertical-align: sub;padding-right:10px;}
.gywm ul li span u{position: absolute;}
.gywm ul li i{display: block;width: 70px;height: 70px;border-radius: 100%;border:1px #fff solid;margin-right: 20px;}
.gywm ul li i.ico1{background:url(../images/ico_ab1.png) no-repeat center}
.gywm ul li i.ico2{background:url(../images/ico_ab2.png) no-repeat center}
.gywm ul li i.ico3{background:url(../images/ico_ab3.png) no-repeat center}

.gyxh{width: 370px;background:url(../images/gybg.png) no-repeat center;text-align: center;    padding: 30px 15px 20px 15px;
    box-sizing: border-box;}
.gyxh p{color:#fff;font-size: 25px;margin-bottom:20px;}
.gyxh em{font-size: 22px;color:#ffa200;display: block;line-height: 40px;border-radius:40px;background:#fff;}

.gczs{background:#f3f7ff;padding:72px 0;}
.gczs ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.gczs ul li{width: 380px;}
.gczs ul li img{width: 100%;display: block;}
.gczs ul:last-child{margin-top: 20px;}
.gczs ul:last-child li {width: 220px;}
.wmdys{padding:72px 0;}
.wmdys ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;
    justify-content: space-between;background:url(../images/wmdys.jpg) no-repeat center;padding:30px 0;}
.wmdys ul li{width: 34%;    margin: 40px 0;}
.wmdys ul li:nth-child(1),.wmdys ul li:nth-child(3){text-align: right;}
.wmdys ul li h3{font-size: 22px;margin-bottom:20px;}
.wmdys ul li p{color:#666666;font-size: 18px;line-height: 1.5}
.zxbg2{background:url(../images/zxbg2.jpg) no-repeat center;height: 180px;}

.zxbg2 dl{float: right;width: 240px;    margin-top: 40px;}

.zxbg2 dl dt{padding-left:60px;background:url(../images/tel2.png)  no-repeat  left  center}
.zxbg2 dl dt span{display: block;color:#fff}
.zxbg2 dl dt a{display:block;font-size: 24px;color:#fff;}
.zxbg2 dl dd{font-size: 14px;color:#fff;border-top:1px #5aa4f3 solid;margin-top: 10px;padding-top: 10px;text-align: center;}

.fwlc{padding:72px 0;}
.fwlc dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;
    justify-content: space-between;}
.fwlc dl dt{width: 260px;height: 265px;background:#ffa200;color:#fff;padding:20px;box-sizing:border-box;}
.fwlc dl dt h3{font-size: 28px;}
.fwlc dl dt span{margin: 10px 0;display: block;}
.fwlc dl dt  em{  font-size: 12px;  text-transform: uppercase;display: block;color:#ffc580;}
.fwlc dl dt a{display:flex;height:45px;border-radius:23px;font-size:18px;text-align:center;line-height:45px;color:#fff;    align-items: center;border:1px #fff solid;
    justify-content: center;    width: 170px;margin: 20px 0;}
.fwlc dl dt a:hover{background:#ffb940;}    
.fwlc dl dt a:after{content:"";display: block;background:url(../images/ico_lt.png) no-repeat  center;width: 23px;height: 19px;margin-left: 10px}

.fwlc dl dt i{display: block;background:url(../images/kf.png) no-repeat  center;width: 216px;height: 126px;}


.fwlc dl dd{width: 900px;}

.fwlc dl dd ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;      align-items: center;  flex-wrap: wrap;
    justify-content: space-between;}
.fwlc dl dd ul li{width: 270px;height: 120px;background:url(../images/ico.png) no-repeat center;text-align: center;margin-bottom:35px;}

.fwlc dl dd ul li i{display:block;height:60px;width:60px;border-radius:100%;margin: 15px auto 10px;}
.fwlc dl dd ul li i.ico1{background:url(../images/ico_fwlc1.png) no-repeat center #318aff}
.fwlc dl dd ul li i.ico2{background:url(../images/ico_fwlc2.png) no-repeat center #318aff}
.fwlc dl dd ul li i.ico3{background:url(../images/ico_fwlc3.png) no-repeat center #318aff}
.fwlc dl dd ul li i.ico4{background:url(../images/ico_fwlc4.png) no-repeat center #318aff}
.fwlc dl dd ul li i.ico5{background:url(../images/ico_fwlc5.png) no-repeat center #318aff}
.fwlc dl dd ul li i.ico6{background:url(../images/ico_fwlc6.png) no-repeat center #318aff}
.fwlc dl dd ul em{width: 8px;height: 10px;background:url(../images/jt3.png) no-repeat center;display: block;}


.case{padding:72px 0;background:url(../images/casebg.jpg) no-repeat center}

.case_tab{text-align: center;margin-bottom: 40px;}
.case_tab li{display: inline-block;padding:0 30px;height:50px;border: 1px #318aff solid;text-align: center;line-height: 50px;margin: 0 20px;cursor: pointer;color:#318aff;border-radius:50px;}
.case_tab li.on,.case_tab li:hover{border: 1px #318aff solid;background:#318aff ;color:#fff;}
#casebox>div{display:none}
#casebox>div.show{display:block;}

.casebox {
    position: relative;
}

.casebox .swiper {
  --swiper-theme-color: #0089ff;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-navigation-size: 0;
    margin: 0 30px;
}
.casebox .swiper-button-next:after,.casebox .swiper-button-prev:after{display:none}
.casebox .swiper a{display: block;text-align: center;margin: 0 20px;background-color: #fff;  transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;box-shadow: 0px 5px 20px #ccc;
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,.1);
    -ms-box-shadow: 0px 5px 20px rgba(0,0,0,.1);
    -moz-box-shadow:0px 5px 20px  rgba(0,0,0,.1);
    -o-box-shadow: 0px 5px 20px rgba(0,0,0,.1);}
.casebox .swiper a span{display: block;  
    line-height:50px;}
.casebox .swiper a img{ width:100%;display: block; }
.casebox .swiper 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);
}

.casebox .swiper-button-next, .casebox .swiper-button-prev {
    width: 69px;
    height: 65px;
    background: #0089ff;
}
.casebox .swiper-button-next{background:url(../images/z.png) no-repeat center ;transform: rotateY(180deg);right: -70px}
.casebox .swiper-button-prev{background:url(../images/z.png) no-repeat center ;left:-70px;}
.casebox .swiper-button-next:hover{background:url(../images/z.png) no-repeat center }
.casebox .swiper-button-prev:hover{background:url(../images/z.png) no-repeat center }





.gywmb{padding:72px 0;}
.gywmb dl{}
.gywmb dl dt{padding-bottom: 200px;background:url(../images/gla.jpg) no-repeat center bottom;margin-bottom:50px;}
.gywmb dl dt p{text-indent: 20px;text-align: center;line-height:2;margin-bottom:50px;}
.gywmb dl dt ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content:space-evenly;}
.gywmb dl dt ul li {width: 20%}
.gywmb dl dt ul li span{display: block;font-size:24px;color:#318aff;}
.gywmb dl dt ul li span b{font-size: 48px;vertical-align: sub;padding-right:10px;}
.gywmb dl dt ul li em{display: block;}

.gywmb dl dd ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content:space-between;}
.gywmb dl dd ul li{width: 23%}
.gywmb dl dd ul li img{width: 100%}



.hxys{padding:72px 0;}
.hxys ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.hxys ul li{width:20%;margin-bottom:20px;background:#fff;padding:40px 25px;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;   text-align: center;}
.hxys 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%)}
.hxys ul li:nth-child(4n){margin-right:0}
.hxys ul li a{text-align:center;display:block}
.hxys ul li h3{font-size:18px;margin:25px 0;color:#262626;font-weight: normal;}
.hxys ul li p{font-size:15px;line-height:1.5;color:#888888;}
.hxys ul li i{display:block;height:80px;width: 80px;border-radius:100%;margin: 0 auto;}
.hxys ul li i.ico1{background:url(../images/ico_ys1.png) no-repeat center #e5efff}
.hxys ul li i.ico2{background:url(../images/ico_ys2.png) no-repeat center #e5efff}
.hxys ul li i.ico3{background:url(../images/ico_ys3.png) no-repeat center #e5efff}
.hxys ul li i.ico4{background:url(../images/ico_ys4.png) no-repeat center #e5efff}
.hxys ul li i.ico5{background:url(../images/ico_ys5.png) no-repeat center #e5efff}
.hxys ul li:hover i.ico1{background:url(../images/ico_ys1_on.png) no-repeat center #318aff}
.hxys ul li:hover i.ico2{background:url(../images/ico_ys2_on.png) no-repeat center #318aff}
.hxys ul li:hover i.ico3{background:url(../images/ico_ys3_on.png) no-repeat center #318aff}
.hxys ul li:hover i.ico4{background:url(../images/ico_ys4_on.png) no-repeat center #318aff}
.hxys ul li:hover i.ico5{background:url(../images/ico_ys5_on.png) no-repeat center #318aff}


.cppl{padding:72px 0;}
.cppl .tab{text-align: center;margin-bottom: 40px;}
.cppl .tab li{display: inline-block;padding:0 30px;height:50px;text-align: center;line-height: 50px;margin: 0 20px;cursor: pointer;color:#333;border-radius:50px;background:#e5efff;font-weight: bold;font-size: 18px;}
.cppl .tab li.on,.cppl .tab li:hover{background:#ffa200 ;color:#fff;}

.cppl .tab_box ul {display: none;   flex-wrap: wrap;}

.cppl .tab_box ul.on{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;     justify-content: space-between;}

.cppl .tab_box ul li {width: 32%;-webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}

.cppl .tab_box 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);
}
 

.cppl .tab_box ul li img{width: 100%;display: block;}
.cppl .tab_box ul li span{display: block;line-height: 45px;text-align: center;background:#318aff;color:#fff;}

.ysbox{padding:72px 0;}

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

.ysbox ul li{width: 31%;    display: flex;flex-direction: column;    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.ysbox ul li:nth-child(2){flex-direction: column-reverse}


.ysbox 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);
}
 


.ysbox ul li img{display: block;width: 100%}
.ysbox ul li dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;background:#318aff;padding:20px;height: 127px}
.ysbox ul li dl  dt{width: 35%}
.ysbox ul li dl  dt span{display: block;font-size: 60px;color:#ffea00;font-weight: bold;line-height: 1;
    margin-bottom: 10px;}
.ysbox ul li dl  dt em{color:#6da5ff;}


.ysbox ul li dl  dd{width: 65%}
.ysbox ul li dl  dd span{font-size: 18px;color:#fff;font-weight: bold;margin-bottom:20px;display: block;}
.ysbox ul li dl  dd p{color:#adc9ff}

.fwlcbox{padding:72px 0 ;background:#f3f7ff;}   
.fwlcbox ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;background:url(../images/lcbg.png) no-repeat center 50px}
.fwlcbox ul li{width:25%;margin-bottom:40px;padding:0px 60px;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;   text-align: center;}
.fwlcbox 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);}

.fwlcbox ul li a{text-align:center;display:block}
.fwlcbox ul li h3{font-size:18px;margin:15px 0;color:#262626;}
.fwlcbox ul li p{font-size:15px;line-height:1.5;color:#888888;}
.fwlcbox ul li i{display:block;height:100px;width: 100px;border-radius:100%;margin: 0 auto;}
.fwlcbox ul li.ico1 i{background:url(../images/ico_lc1.png) no-repeat center #318aff}
.fwlcbox ul li.ico2 i{background:url(../images/ico_lc2.png) no-repeat center #318aff}
.fwlcbox ul li.ico3 i{background:url(../images/ico_lc3.png) no-repeat center #318aff}
.fwlcbox ul li.ico4 i{background:url(../images/ico_lc4.png) no-repeat center #318aff}
.fwlcbox ul li.ico5 i{background:url(../images/ico_lc5.png) no-repeat center #318aff}
.fwlcbox ul li.ico6 i{background:url(../images/ico_lc6.png) no-repeat center #318aff}
.fwlcbox ul li.ico7 i{background:url(../images/ico_lc7.png) no-repeat center #318aff}
.fwlcbox ul li.ico8 i{background:url(../images/ico_lc8.png) no-repeat center #318aff}
 





.zxzx{background:url(../images/zxbgb.jpg) no-repeat center;padding:20px 0;}
.zxzx dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;    height: 200px;}

.zxzx dl dt{width: 50%;color:#fff;}
.zxzx dl dt em{text-transform: uppercase;display: block;font-size: 36px;font-weight: bold;}
.zxzx dl dt span{display: block;font-weight: bold;font-size: 32px;margin: 10px 0}
.zxzx dl dt a{display:flex;height:45px;width:145px;border-radius:23px;font-size:18px;text-align:center;line-height:45px;color:#fff;    align-items: center;
    justify-content: center;border:1px #fff solid;}
.zxzx dl dt a:hover{background:#ffb940;}    
.zxzx dl dt a:after{content:"";display: block;background:url(../images/jt2.png) no-repeat  center;width: 13px;height: 15px;margin-left: 10px;}


.zxzx dl dd{width: 50%}
.zxzx dl dd ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}

.zxzx dl dd ul li{width: 94px;}
.zxzx dl dd ul li i{display: block;border-radius:20px;width: 90px;height: 90px;border:2px #fff solid}
.zxzx dl dd ul li span{text-align: center;color:#fff;font-size: 20px;display: block;margin-top: 10px;}
.zxzx dl dd ul li i.ico1{background:url(../images/ico_zx1.png) no-repeat center}
.zxzx dl dd ul li i.ico2{background:url(../images/ico_zx2.png) no-repeat center}
.zxzx dl dd ul li i.ico3{background:url(../images/ico_zx3.png) no-repeat center}
.zxzx dl dd ul li i.ico4{background:url(../images/ico_zx4.png) no-repeat center}


.footer{background:#272829;padding:80px 0 40px}
.footl{float:left;}

.ftel{padding-left:60px;background:url(../images/ftel.png)  no-repeat  left  center;margin-bottom:20px;}
.ftel span{display: block;color:#aaaaaa}
.ftel a{display:block;font-size:30px;color:#fff;font-weight: bold;}

.footl ul li{color:#aaaaaa; display: flex;align-items: center;margin-bottom:10px;}
.footl ul li i{display: block;width: 30px;height: 30px;border-radius: 100%;border:1px #aaaaaa solid;margin-right: 10px;}
.footl ul li.ico1 i{background:url(../images/ico_wx.png)  no-repeat    center;}
.footl ul li.ico2 i{background:url(../images/ico_ie.png)  no-repeat    center;}
.footl ul li.ico3 i{background:url(../images/ico_dz.png)  no-repeat    center;}


.footc{float:left;margin-left:300px;}
.footc h3 {font-size:20px;color:#fff;font-weight:bold;}
.footc h3 a{color:#fff;}
.footc ul{float:left;margin-right:60px}
.footc ul:nth-child(4){margin-right:0}
.footc ul li{margin-top:15px;}
.footc ul li a{color:#aaaaaa;}
.footr{float:right;width: 120px;text-align: center;}
.footr img{width: 100%;border-radius: 10px;}
.footr  span{display: block;color:#aaaaaa;line-height:3}

 
.bg{ display: none;   background: rgb(0 0 0 / 48%);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20000;}
 
@media screen and (max-width:640px){
body{font-size:14px}
.header{background:#fff;height:50px;z-index:999}
.logo{padding-left:20px;margin-top: 0}
.logo a{height:50px;line-height:50px}
.logo a img{height:35px;display:inline-block}
.menu{display:block;padding:6px 15px;width:20px;margin-right:5px;position:absolute;right:5px;top:10px;z-index:10}
.menu i{display:block;background:#3d81ef;width:100%;height:3px;margin-bottom:5px}
.nav{loat: right;
    border-left: 0;
    padding-left: 0;}
.nav>ul{display:none}

.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}
.w1200{width:100%}
.bta{margin-bottom:20px}
.bta span{font-size:16px}
.bta em{font-size:12px}
 


.banner{margin-top:50px;height:auto}

.more{width:180px}
.more a{font-size:14px;height:40px;line-height:40px}
.zspic{padding:20px;        margin-top: 0;}
.zspic ul li{width: 49%}
.cpfw{padding:20px;}
.cpfw ul li{width: 48%}
.cpfw ul li span{font-size: 14px;height: 40px;line-height: 40px;overflow: hidden;}
.cpfw ul li a:after {
    width: 90%;
    height: 72%
}

.aboutbox{padding:20px;        background-size: auto 100%;}
.aboutr{width: 100%}
.aboutr p{width: 100%}
.aboutli ul {
    flex-direction: column;
}
.aboutli ul li {
    padding-right: 0;
    border-right: 0px;
    margin-bottom:20px;
}
.xczs{padding:20px;}
.zxbg{padding:20px;background: #318aff;height: auto;}
.zxbg ul{ width: 100%;float:none; padding-top: 0;}
.zxbg ul h3{font-size: 20px;}
.zxbg ul span{font-size: 20px;}
.zxbg ul em{font-size: 24px;}
.zxbg ul i {
    top: -26px;
    width: 40px;
    height: 84px;
    background-size: 100%;
}
.zxbg2{padding:20px;background: #318aff;       height: auto;}
.zxbg2 dl{float: none;        margin: 0 auto;}
.fwlc{padding:20px;}
.fwlc dl{}
.fwlc dl dt{width: 100%;margin-bottom:30px;text-align: center;height: auto;}
.fwlc dl dt a{width: 100%}
.fwlc dl dt i{width: 100%;}
.fwlc dl dd{width: 100%}
.fwlc dl dd ul em{display: none;}
.fwlc dl dd ul li{width: 48%;        background: none;
        border: 1px #318aff solid;margin-bottom:20px;}
.case{padding:20px;}
.case_tab {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}
.case_tab li {
        padding: 0 15px;
        height: 35px;
        line-height: 35px;
        margin: 0 5px 10px;
        border-radius: 35px;
}
.casebox .swiper-button-prev {
    left: -10px;
    background-size: 40px auto !important;
}
.casebox .swiper-button-next {
    right: -10px;
    background-size: 40px auto !important;
}


.xhqq{padding:20px;}
.xhqq ul li{width: 32%}
.xhqq ul li img{width: 100%}
.xhqq ul li span{font-size: 14px;}

.fwwl{padding:20px;}
.fwl{width: 100%;}
.fwl p{text-align: center;}
.fwl h3{font-size:30px;margin: 20px 0;        text-align: center;}
.fwbox{        padding: 20px 0;
        padding-bottom: 200px;
        background: url(../images/fwbg.png) no-repeat center bottom;
        background-size: 100%;}
.fwl ul li span{font-size:24px;}
.fwl ul li em{font-size: 16px;}
.fwl ul li i{width: 50px;height: 50px;background-size: 100%;}

.zxzx{        background: #318aff;padding:20px;}
.zxzx dl {

    height: auto;
    flex-direction: column;
}


.hxys{padding:20px;}
.hxys ul li{width: 50%;padding:20px 5px;}

.hxys ul li p{font-size: 14px;}
.sblx{padding:20px;}
.sblx .tab{line-height: 40px;margin-bottom:20px;}
.sblx .tab ul li {font-size: 14px;}
.sblx .tab_box ul li{width:49%}
.sblx .tab_box ul li:nth-child(2n){margin-right: 0}

.aboutus{padding:20px;}
.aboutus dl {
    flex-direction: column;
}
.aboutus dl dt{width: 100%}
.aboutus dl dd{width: 100%}

.gywm{
    flex-direction: column;height: auto;
}
.gywm ul{width: 100%;padding:0 20px;    flex-direction: column;}


.gywm ul li {
    padding-right: 0;
    border-right: 0px #4696ff solid;margin-bottom:20px;
}
.gyxh {
    width: 100%;
    background: #ffa200;
    padding: 20px;
}
.gyxh p{font-size: 18px;}
.gyxh em{font-size: 16px;}

.gczs{padding:20px;}
.gczs ul{flex-wrap: wrap;}
.gczs ul li{width: 30%}
.gczs ul:last-child li{
	width: 30%;margin-bottom:20px;
}

.wmdys{padding:20px;}
.wmdys ul{background:none;padding:0;}
.wmdys ul li:nth-child(1), .wmdys ul li:nth-child(3) {
    text-align: left;
}
.wmdys ul li {
    width: 48%;
    margin: 20px 0;
}
.wmdys ul li h3{font-size: 16px;}
.wmdys ul li p{font-size: 14px;}
.gywmb{padding:20px;}
.gywmb dl dt p{margin-bottom:20px;}
.gywmb dl dt ul li{width: 48%}
.gywmb dl dt ul li span b{font-size: 38px;}
.gywmb dl dd ul,.gywmb dl dt ul {
    flex-wrap: wrap;
}
.gywmb dl dd ul li{width: 48%}

.cppl{padding:20px;}
.cppl .tab li{line-height: 40px;font-size: 14px;height: 40px;margin:0 10px;padding:0 15px;}
.cppl .tab_box ul li{width: 100%;margin-bottom:20px;}
.cppl .tab_box ul li span{line-height: 40px;height: 40px;overflow: hidden;}

.ysbox{padding:20px;}
.ysbox ul {
    flex-direction: column;
}
.ysbox ul li{width: 100%;margin-bottom:20px;}
.ysbox ul li:nth-child(2) {
    flex-direction: column;
}
.ysbox ul li dl{height: auto;}
.fwlcbox{padding:20px;}
.fwlcbox ul{background:none;}
.fwlcbox ul li{width:48%;        padding: 0;}


.zxzx dl dt{width: 100%;margin-bottom:20px;}
.zxzx dl dd{width: 100%}
.zxzx dl dt em{font-size: 24px;text-align: center;}
.zxzx dl dt span{font-size: 24px;text-align: center;}
.zxzx dl dd ul li{width: 74px;}
.zxzx dl dd ul li i{width: 70px;height: 70px;background-size: 35px !important;}
.zxzx dl dd ul li span{font-size: 14px;}
.zxzx dl dt a{font-size: 14px;margin: 0 auto;}


.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;margin: 0 auto}
 

}