body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea,th{color:#252d39;background-color:#FFF;font-size:14px;line-height:1.5em;font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei}
h1,h2,h3,h4,h5,h6{font-size:100%}
li{list-style:none}
img{border:0 none;-ms-interpolation-mode:bicubic;display:block}
input[type="button"],input[type='submit']{cursor:pointer}
button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
a{color:#252d39;text-decoration:none}
a:hover{color:#2e85ff}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
.inp_not{font-family:Arial,Microsoft YaHei,Verdana,Geneva,sans-serif;background:0;border:0;-webkit-appearance:none;width:100%;-webkit-box-sizing:border-box;display:block;padding:0;outline:0;resize:none}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype');font-weight:normal;font-style:normal}
[class*="byl-icon-"]:before{display:inline-block;font:normal normal normal 1.6rem/1 "FontAwesome",sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.byl-icon-phone:before{content:"\f095"}
.byl-icon-qrcode:before{content:"\f029"}
.byl-icon-yjfk:before{content:"\F0E6"}
.byl-icon-arrow-up:before{content:"\f062"}
.byl-icon-dz:before{content:"\F041"}
.byl-icon-dh:before{content:"\F095"}
.byl-icon-yx:before{content:"\F0E0"}
.byl-icon-qq:before{content:"\F1D6"}
.byl-icon-menu:before{content:"\F0C9"}
.bg{background:#f8f8fb}
.bg_f6{background:#f6f6f6}
.text_l{text-align:left}
.text_c{text-align:center}
.text_r{text-align:right}
.float_l{float:left}
.float_r{float:right}
.color_fff{color:#fff}
.color_1{color:#354359}
.color_2{color:#9da9bb}
.color_666{color:#666}
.color_999{color:#999}
.color_ccc{color:#ccc}
.color_bbb{color:#bbb}
.coolr_red{color:#ff3131}
.color_red{color:#ff3131}
.color_blure{color:#5388ff}
.color_org{color:#ffc603}
.color_org2{color:#ff9900}
.color_green{color:#3de56c}
.color_violet{color:#822071}
.font_12{font-size:12px}
.font_13{font-size:13px}
.font_14{font-size:14px}
.font_15{font-size:15px}
.font_16{font-size:16px}
.font_18{font-size:18px}
.font_20{font-size:20px;line-height: 1;}
.font_24{font-size:24px;line-height: 1;}
.font_30{font-size:30px;line-height: 1;}
.font_36{font-size:36px;line-height: 1;}
.font_48{font-size:48px}
.line_30{line-height:30px}
.bor_t{border-top:#d2d2d3 solid 1px}
.pointer{cursor:pointer;}
.none{display:none}
.overflow{overflow:hidden}
.font_bold{font-weight:bold}
.font_normal{font-weight:normal}
.detail-con *{max-width:100%!important}
.detail-con img{display:inline-block}
.pointer{cursor:pointer}
.inle_25{line-height:25px}
.ver-1{vertical-align:-1px}
.ver-2{vertical-align:-2px}
.width_1200{width:1200px;margin:auto}
.padd_15{padding:15px}
.padd_20{padding:20px}
.padd_25{padding:25px}
.padd_30{padding:30px}
.padd_tb15{padding:15px 0}
.padd_tb20{padding:20px 0}
.padd_tb25{padding:25px 0!important}
.padd_tb30{padding:30px 0}
.padd_tb50{padding:50px 0}
.padd_tb60{padding:60px 0}
.padd_0_20{padding:0 20px}
.padd_5_10{padding:5px 10px}
.padd_8_30{padding:8px 30px}
.padd_10_30{padding:10px 30px}
.padd_15_20{padding:15px 20px}
.padd_30_30_0{padding:30px 30px 0}
.padd_0_20_20{padding:0 20px 20px}
.padd_t5{padding-top:5px}
.padd_t10{padding-top:10px}
.padd_t13{padding-top:13px}
.padd_t20{padding-top:20px}
.padd_t40{padding-top:40px}
.padd_t50{padding-top:50px}
.padd_t60{padding-top:60px}
.padd_t70{padding-top:70px}
.padd_l20{padding-left:20px}
.padd_r10{padding-right:10px}
.padd_b20{padding-bottom:20px}
.padd_b50{padding-bottom:50px}
.padd_b100{padding-bottom:100px}
.mar_t10{margin-top:10px}
.mar_t20{margin-top:20px}
.mar_t30{margin-top:30px}
.mar_t50{margin-top:50px}
.mar_l10{margin-left:10px}
.mar_l21{margin-left:21px}
.mar_l30{margin-left:30px}
.mar_r3{margin-right:3px}
.mar_r5{margin-right:5px}
.mar_r10{margin-right:10px}
.mar_r15{margin-right:15px}
.mar_r20{margin-right:20px}
.mar_r25{margin-right:25px}
.mar_r0{margin-right:0!important}
.mar_b5{margin-bottom:5px}
.mar_b10{margin-bottom:10px}
.mar_b15{margin-bottom:15px}
.mar_b20{margin-bottom:20px}
.mar_b25{margin-bottom:25px}
.mar_b35{margin-bottom:35px}
.mar_b50{margin-bottom:50px}
.mar_tb10{margin:10px 0}
.mar_tb15{margin:15px 0}
.mar_tb35{margin:35px 0}
.mar_tb75{margin:75px auto}
.mar_lr10{margin:0 10px}
.mar_auto{margin:auto}
.width_20b{width:20%}
.width_25b{width:25%}
.width_33b{width:33%}
.width_50b{width:50%}
.width_70b{width:70%}
.width_70{width:70px}
.width_75{width:75px}
.width_80{width:80px}
.width_90{width:90px}
.width_110{width:110px}
.width_300{width:300px}
.min_height{min-height:600px}
.relative{position:relative}
.absolute{position:absolute}
.bg_f2f3{background:#f2f3f5}
.bg_fa{background:#fafafa}
.bg_fff{background:#fff}
.bor_b{border-bottom:#f6f6f6 solid 1px}
.bor_r{border-right:#f6f6f6 solid 1px}
.clear{clear:both}
.clear:after{content:'';display:block;width:100%;clear:both}
.bor_circle3{border-radius:3px}
.bor_circle5{border-radius:5px}
.bor_circle5 img{border-radius:5px}
.bor_circle{border-radius:100%}
.flex{-webkit-flex:1;flex:1}
.shade{background:rgba(0,0,0,.7);left:0;top:0;bottom:0;width:100%;z-index:20;-webkit-animation:shade .5s forwards;position:fixed;display:none;overflow-y:auto}
.dis_flex{display:-webkit-flex;display:flex}
.dis_flex_ul li{-webkit-box-flex:1;flex:1}
.vertical_dq{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.sp_ends{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;display:flex;align-items:center;justify-content:space-between}
.m_ends{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:flex;align-items:center;justify-content:center}
.text_ell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.text_clamp2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.text_clamp3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.inl_block{display:inline-block}
.block{display:block!important}
.btn1{background:#fdd000;text-align:center;font-weight:bold;transition:all .3s;color:#333;cursor:pointer;-webkit-appearance:none;border:0;outline:none;border:#fdd000 solid 1px}
.btn1:hover{background:#f5d84f;color:#333}
.btn1:active{background:#e6bf09}

.inp_txt1{border:#e5e5e5 solid 1px;border-radius:3px;outline:none;-webkit-transition:all .3s}
:-ms-input-placeholder{color:#ccc}
select::-ms-expand{display:none}
.inp_txt1:focus{border-color:#fdd000;box-shadow:0 0 0 3px #fff7d2}
.inp_txt1:disabled{background:#f6f6f6}
.inp_area1{border:#e5e5e5 solid 1px;border-radius:3px;outline:none;-webkit-transition:.3s;resize:none}
.inp_area1:focus{border-color:#fdd000;box-shadow:0 0 0 3px #fff7d2}
.inp_area1:disabled{background:#f6f6f6}
.btn_red{background:#e10713;color:#fff;border-radius:5px;-webkit-transition:all .3s}
.btn_red:hover{background:#ff343f}
.radio-box{cursor:pointer;margin-right:15px}
.radio-box input{display:none}
.radio-box span{text-align:center;border:#e5e5e5 solid 1px;display:inline-block;width:20px;height:20px;border-radius:20px;margin-right:5px;vertical-align:-5px;position:relative}
.radio-box:hover span{border-color:#fdd000}
.radio-box input:checked + span{border-color:#fdd000;background:#fdd000}
.radio-box input:checked + span:after{background:#333;width:10px;height:10px;border-radius:10px;top:4px;left:4px;border-color:#333;content:'';display:block;position:absolute}
.checkbox-box{cursor:pointer;margin-right:15px}
.checkbox-box input{display:none}
.checkbox-box span{text-align:center;border:#e5e5e5 solid 1px;display:inline-block;width:20px;height:20px;border-radius:3px;margin-right:5px;vertical-align:-1px;position:relative; color:#fff;}
.checkbox-box span:before{vertical-align:1px;}
.checkbox-box:hover span{border-color:#fdd000}
.checkbox-box input:checked + span{border-color:#fdd000;background:#fdd000; color: #333;}
.icon1{background:url(../images/icon1.png) no-repeat;background-size:100%}
.icon2{background:url(../images/icon2.png) no-repeat;background-size:100%}
.icon3{background:url(../images/icon3.png) no-repeat;background-size:100%}
.icon4{background:url(../images/icon4.png) no-repeat;background-size:100%}

.header{height:80px; border-bottom:rgba(255,255,255,.2) solid 1px; position: fixed; z-index: 11; top: 0; left: 0; right: 0;-webkit-transition:all .3s}
.header .width_1200 { height: 80px;}
.logo{display:block;width:140px;height:47px;background: url(../images/logo1.png) no-repeat;}
.nav li{float:left;position:relative;color: #fff; margin:0 10px; font-size: 16px;}
.nav li:after{content:'';background:#fff;height:2px;position:absolute;left:50%;width:0%;bottom:-5px;-webkit-transition:all .3s}
.nav li:hover:after{left:0;width:100%}
.nav a{color: #fff;}
.nav .active{color:#ffc603}
.nav .active > a{color:#ffc603;}
.nav .active:after{left:0;width:100%}
.her-on{background: #fff;box-shadow: 0 0 5px 2px rgba(0,0,0,.1);}
.her-on .logo{background: url(../images/logo2.png) no-repeat;}
.her-on .nav li{ color:#e8ebf2}
.her-on .nav li a{ color:#252d39}
.her-on .nav li a:hover{color:#2882ff}
.her-on .nav li:after{background:#2882ff;}

.banner {background: -webkit-linear-gradient(45deg,#2882ff,#334dcc);height: 700px;}
.banner canvas {display:block;}
.banner .con{ position: absolute; left: 50%;-webkit-transform:translateX(-50%); top:250px; color: #fff;}
.banner .title{margin-bottom: 50px;}
.banner .title h1{ font-size:48px; line-height: 1; margin-bottom: 10px;}
.banner .title .font_15{text-transform: uppercase;}
.banner .con dl{display: inline-block; margin:0 40px;}
.banner .con dt{width: 40px; height: 40px; margin:auto; margin-bottom: 5px;}

.home-title{padding-top: 60px; padding-bottom: 50px;}
.home-title .font_16{text-transform: uppercase; margin-top: 10px;}
.home-title i{display: inline-block; width: 20px;background: #9da9bb; height: 1px; margin:0 10px; vertical-align:5px;}

.home-service{background:url(../images/bg1.png) center bottom no-repeat; padding-bottom: 80px;}
.home-service ul{display: -webkit-flex; display: flex;-webkit-justify-content:space-between;}
.home-service li{box-shadow:rgba(40,130,255,.1) 0 0 15px; border-radius: 10px; background: #fff; width: 355px; padding:50px 0;-webkit-transition:all .5s;}
.home-service .icon{ width: 144px; height: 104px;margin:auto;background-image:url(../images/fw.png); background-repeat: no-repeat;-webkit-transition:all .3s;}
.home-service .line{margin:10px 0;}
.home-service .line span{background: #3c8eff; width: 40px; height:5px;display: inline-block;}
.home-service .font_16 div{margin-top: 10px;}
.service-icon1{ background-position:0 0;}
.service-icon2{ background-position:-144px 0;}
.service-icon3{ background-position:-288px 0;}
.home-service li:hover{background:#3c8eff;}
.home-service li:hover *{color: #fff!important;}
.home-service li:hover span{background: #fff;}
.home-service li:hover .service-icon1{ background-position:0 -104px;}
.home-service li:hover .service-icon2{ background-position:-144px -104px;}
.home-service li:hover .service-icon3{ background-position:-288px -104px;}

.home-case{background: #f4f8ff; padding-bottom: 50px;}
.home-case .width_1200 ul{margin-right:-30px;}
.home-case .width_1200 li{ float: left;}
.home-case .width_1200 li a{ width: 380px; margin-right:30px; margin-bottom:30px;box-shadow:rgba(40,130,255,.1) 0 0 15px; border-radius: 10px; background: #fff; display: block;}
.home-case .width_1200 li .img{overflow: hidden;border-radius: 10px 10px 0 0;}
.home-case .width_1200 li .img img{-webkit-transition:all .5s;width: 100%;}
.home-case .width_1200 li .txt{ padding:20px 25px;}
.home-case .width_1200 li .txt .font_18{margin-bottom: 5px;}
.home-case .width_1200 li .icon{background-image:url(../images/al.png); background-repeat: no-repeat;-webkit-transition:all .3s; width: 55px; height: 30px;flex-basis:55px;flex-shrink:55px;flex-grow:55px;}
.home-case .width_1200 li a:hover{color:#252d39;}
.home-case .width_1200 li:hover img{-webkit-transform:scale(1.1);}
.home-case .width_1200 li:hover .icon{background-position:0 -30px;}

.home-about-us{padding-bottom: 50px;}
.home-about-us dl{box-shadow:rgba(40,130,255,.1) 0 0 15px; border-radius: 10px; background: #fff; display: -webkit-flex;display: flex;}
.home-about-us dt{background:url(../images/jj.jpg) no-repeat; color: #fff; width: 438px; height: 448px;border-radius: 10px 0 0 10px; overflow: hidden; display: -webkit-flex; display: flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.home-about-us dd{-webkit-flex:1; flex:1; padding:60px 40px;}
.home-about-us .line span{background: #3c8eff; width: 40px; height:5px;display: inline-block;}
.home-about-us dd p{text-indent: 40px; margin-top: 15px;}


.home-team {background:url(../images/bg2.png) center bottom no-repeat #f4f8ff; padding-bottom:100px;} 
.home-team .gallery-top{ margin-bottom: 50px;}
.home-team .swiper-button-next,.home-team .swiper-button-prev{ top:30%; outline: none;}
.home-team .gallery-thumbs{ width:60%;margin:auto;}
.home-team .con{box-shadow:rgba(40,130,255,.1) 0 0 15px; border-radius: 10px; background: #fff;padding:30px 40px; margin:10px auto; width: 60%;}
.home-team .con .img img{ width: 120px; height: 120px; object-fit: cover; border-radius: 100%;}
.home-team .con .txt{margin-left:20px;}
.home-team .con .color_1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; height: 42px;}
.gallery-top{width:100%}
.gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0;margin:0 55px;}
.home-team .gallery-thumbs .swiper-slide{border-radius: 100%;}
.home-team .gallery-thumbs .swiper-slide img{border-radius: 100%; width: 100%; display: block;border: 3px solid #fff;box-shadow:rgba(40,130,255,.1) 0 0 15px;}
.home-team .gallery-thumbs .swiper-slide-thumb-active img{opacity:1;border: 3px solid #3c8eff;}

.home-cooperation{padding-bottom: 50px;}
.home-cooperation ul{margin-right:-1px;}
.home-cooperation li{-webkit-transition:all .3s; border:#e8ebf2 solid 1px; width: 16.6%; float: left;margin:0 0 -1px -1px;}
.home-cooperation li div{padding-bottom: 15px;color:#9da9bb;}
.home-cooperation li img{ filter: grayscale(100%);filter: gray; width: 100%;}
.home-cooperation li:hover img{filter: grayscale(0);filter: none;}
.home-cooperation li:hover div{color:#252d39;}

.suspension{position:fixed;z-index: 10;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right}
.suspension li{width:50px;height:50px;line-height:50px;text-align:center;border:#e6e6e6 solid 1px;background-color:#fff;margin-bottom:5px;cursor:pointer;font-size:20px;border-radius:5px}
.suspension li:hover{background:#2882ff;border-color:#2882ff; color:#fff;}
.suspension .a-qrcode,.suspension .a-service-phone{font-size:22px}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:5px;box-shadow:0px 2px 5px 0px rgba(161,163,175,0.11)}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:20px}
.suspension .d-service-phone{top:0}
.suspension .d-qrcode{top:49px}
.suspension .d-qrcode img{width:180px;margin:auto}
.suspension .d .inner-box{padding:8px 22px 12px}
.suspension .d-service-item{padding:14px 0;overflow:hidden}
.suspension .d-service .d-service-item{border-bottom:none}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight:bold}
.suspension .d-qrcode{text-align:center}
.suspension .d-qrcode .inner-box{padding:20px 0}
.suspension .d-qrcode p{font-size:16px;color:#93959c}

.con-banner .t{ padding-top: 60px; padding-bottom: 50px;}
.con-banner .b{ line-height: 50px;background:rgba(37,45,57,.1);}
.con-banner{ padding-top:80px;background: linear-gradient(-45deg, #cc3362, #3e33cc, #33cc99, #2882ff);background-size: 400% 400%;-webkit-animation: gradientBG 15s ease infinite;animation: gradientBG 15s ease infinite;}
@keyframes gradientBG {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
.con-team {margin-bottom:50px;}
.con-team ul{margin-right: -30px;}
.con-team li{box-shadow:rgba(40,130,255,.1) 0 0 15px; border-radius: 10px; background: #fff;padding:30px 40px; width:380px; float: left; margin-right: 30px; margin-bottom: 30px;-webkit-transition:all .3s;}
.con-team li:hover{box-shadow:rgba(40,130,255,.3) 0 0 15px;}
.con-team  img{ width: 100px; height: 100px; object-fit: cover; border-radius: 100%; display: block; margin:auto; margin-bottom: 20px;}
.con-team .txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden; border-top:#e8ebf2 solid 1px; margin-top: 15px; padding-top: 15px; height: 76px;}
.gallery-top{width:100%}

.paging{clear:both;padding-top:25px;padding-bottom:50px}
.paging ul{text-align:center;font-size:0px}
.paging ul li.paging_yeshu{font-size:15px;background:#356d87;margin:0 5px;padding:8px 15px}
.paging ul li.paging_yeshu a:hover{background:none;color:#666;cursor:context-menu}
.paging ul li{display:inline-block;*display:inline;font-size:14px;-webkit-transition:.3s linear;border-radius:3px;margin:0 5px;border:#e8ebf2 solid 1px;background:#fff;padding:8px 15px;cursor:pointer}
.paging ul li:hover{text-align:center;margin-left:5px;background:#2882ff;color:#fff;border-color:#2882ff}
.paging ul li.active{text-align:center;background:#2882ff;color:#fff;border-color:#2882ff}


.con-case{background: #f4f8ff; padding-bottom: 50px;}
.con-case .top{box-shadow:rgba(40,130,255,.1) 0 0 15px; border-radius: 10px; background: #fff; margin-bottom: 30px; display: -webkit-flex; display: flex;}
.con-case .top .line{margin-bottom:15px;}
.con-case .top .line span{background: #3c8eff; width: 40px; height:5px;display: inline-block;}
.con-case .top .l{ width: 55%; padding: 50px;}
.con-case .top .r{ width: 45%; padding:50px;background: -webkit-linear-gradient(45deg,#2882ff,#334dcc); color:#fff; border-radius: 0 10px 10px 0;}
.con-case .top .r span{background: #fff;}
.con-case .top .r ul{ padding-left: 15px; }
.con-case .top .r li{ font-size: 18px; list-style: disc; margin-bottom: 15px;}
.con-case .main{box-shadow:rgba(40,130,255,.1) 0 0 15px; border-radius: 10px; background: #fff; margin-bottom: 30px; padding:30px;}
.con-case .bottom{box-shadow:rgba(40,130,255,.1) 0 0 15px; border-radius: 10px; background: #fff; padding:30px;}
.con-case .bottom ul{margin-right: -20px;}
.con-case .bottom li{ width: 366px; float: left; margin-right: 20px; border-radius: 10px; border:#e8ebf2 solid 1px;}
.con-case .bottom li .img{overflow: hidden;border-radius: 10px 10px 0 0;}
.con-case .bottom li .img img{-webkit-transition:all .5s;width: 100%;}
.con-case .bottom li .txt{ padding:20px 25px;}
.con-case .bottom li .txt .font_18{margin-bottom: 5px;}
.con-case .bottom li .icon{background-image:url(../images/al.png); background-repeat: no-repeat;-webkit-transition:all .3s; width: 55px; height: 30px;}
.con-case .bottom li a:hover{color:#252d39;}
.con-case .bottom li:hover img{-webkit-transform:scale(1.1);}
.con-case .bottom li:hover .icon{background-position:0 -30px;}

.con-contact-us{margin-bottom: 50px;}
.con-contact-us .top{overflow: hidden;}
.con-contact-us .top dl{ width:25%; float: left; padding:80px 0;}
.con-contact-us .top dt{font-size: 30px; margin-bottom:20px;}
.con-contact-us .top .font_20{margin-bottom:5px;}
.con-contact-us .form{background: #f4f8ff;border:#e8ebf2 solid 1px; padding:80px 130px;}
.con-contact-us .form input{ display: block; height: 45px;padding:0 15px;border:#e8ebf2 solid 1px;}
.con-contact-us .form .li{overflow: hidden; margin-bottom: 20px;}
.con-contact-us .form .li input{float: left; width: 48%; margin:0 1%;}
.con-contact-us .form .tar{ margin:0 1%; margin-bottom: 20px;}
.con-contact-us .form textarea{display: block; width: 100%; padding:15px; height: 100px;border:#e8ebf2 solid 1px;}
.con-contact-us .form button{ background: #2882ff; color:#fff; border-radius: 5px; height: 45px; width: 200px; display:block; margin:auto; border:0; outline: none; font-weight: bold;}

.footer{background:url(../images/bg3.png) center bottom no-repeat #0f1217;color:#7f8594}
.footer .top {color:#fff; padding: 50px 0;}
.footer .top a{color:#fff;}
.footer .l dt{margin-bottom:15px; font-size: 16px;}
.footer .l dd{padding-top:10px}

.footer .r dt{margin-bottom: 15px;}
.footer .r dt img{width:100px;margin:auto;}
.footer .r dd{ text-align: center; }
.footer .r dd a{width: 35px; display: inline-block;margin:0 5px;}

.footer .b{border-top:#3a3a3a solid 1px;padding:15px 0}
.footer .bottom {line-height: 50px; background:rgba(11, 14, 18, 0.9);}
.footer .bottom a{margin-right:10px;color:#7f8594;}
.footer .bottom{color:#7f8594;}
.mobile-btn{display: none;}
.collapsed:before {content: "\F00D";}
@media only screen and (max-width:767px){
.width_1200{width:auto;}
.header .width_1200{ padding:0 15px;}
.banner{ height: 300px;}
.banner .con{top:100px; width: 90%;}
.banner .title{margin-bottom: 20px;}
.banner .title h1{ font-size: 18px;}
.banner .title .font_15{ font-size: 12px;}
.banner .con dl{margin:0 20px;}
.banner .con dt{width: 20px; height: 20px;}
.home-title {padding-top:30px;padding-bottom:20px;}
.home-title .font_36{ font-size: 24px;}
.home-title .font_16{ margin-top: 5px; font-size: 14px;}
.home-service{background-size: 100%;}
.home-service ul{display: block; padding: 0 15px;}
.home-service li{ width: auto; float:none; margin-bottom: 15px; padding:20px 0;}
.mobile-btn{display: block; font-size: 24px; color:#fff;}
.her-on .mobile-btn{color:#252d39;}
.nav{ height: 0; position: fixed; top: 80px; width:100%;background:rgba(37, 45, 57, 0.9); left: 0; right: 0; -webkit-transition:all .3s; overflow: hidden;}
.nav li{float: none; text-align: center;}
.nav a{display: block; padding: 10px 0;}
.nav .line{display: none;}
.her-on .nav li a{color:#fff;}
.open-box{ height: 194px;padding: 15px 0;}
.home-case .width_1200 ul{margin:0; padding: 0 10px;}
.home-case .width_1200 li{ width: 50%;  padding:5px;}
.home-case .width_1200 li a{margin:0; width: auto;}
.home-case .width_1200 li .txt{ padding: 15px; width: 100%;}
.home-case .width_1200 li .txt .font_18{ font-size: 15px; margin:0;}
.home-case .width_1200 li .txt .color_2{ font-size: 12px; }
.home-case .width_1200 li .icon{display: none;}
.home-about-us dl{display: block; margin: 0 15px;}
.home-about-us dt{ width: 100%; height: 150px; border-radius: 10px 10px 0 0;}
.home-about-us dd{ padding: 15px; }
.home-about-us .font_30{ font-size: 24px; }
.home-team .con{display: block; width: 90%; padding: 20px;}
.home-team .con .img{margin-bottom: 10px;}
.home-team .con .img img{margin:auto; width: 100px; height: 100px;}
.home-team .gallery-thumbs .swiper-slide{ width: 50px; }
.footer{ text-align: center; }
.footer .top,.footer .bottom .sp_ends {display:block;}
.footer .float_l,.footer .float_r{float: none;}
.footer .float_l{margin-bottom: 15px;}
.footer .bottom{ line-height: 1.5; padding: 15px 0}
.footer .bottom .float_l{margin-bottom: 10px;}
.home-cooperation ul{ padding: 0 13px 0 15px; margin:0;}
.home-cooperation li{ width: 50%}
.con-banner .b{ padding:0 15px; }
.con-contact-us .top{ padding-top: 30px;}
.con-contact-us .top dl{ width: 50%; padding:15px;}
.con-contact-us .top dl .color_2{height: 42px;}
.con-contact-us .form{ padding:15px;margin: 15px;}
.con-team ul{margin:0; padding:0 15px;}
.con-team li{ width: auto;margin-right:0; margin-bottom: 15px;}
.con-case{ padding:15px; }
.con-case .main{padding:10px; margin-bottom: 15px;}
.con-case .bottom{ padding:15px;}
.con-case .bottom ul{margin:0;}
.con-case .bottom li{width:auto; margin:0; margin-bottom: 15px;}
.con-case .top{display: block;margin-bottom: 15px;}
.con-case .top .l,.con-case .top .r{ width: auto; padding:15px;}
.con-case .top .r{border-radius: 0 0 10px 10px;}
}