body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:12px;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:Arial;
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{border: 0;  font-size:0;}
body {color:#444;  font-family:Arial; }

.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1200px; margin:auto;  }

/*header*/

.header{width: 100%; background: #fff;  position: fixed; top: 0; box-shadow: 0 0 10px #bbb; z-index: 9999;}
.header .section{position: relative;}
.header .logo{padding: 30px 0; float: left;}
.header .logo img{ height:25px; display:block;}
.header .menu{padding: 30px 0;float: right; margin-right: 50px;}
.header .menu ul li{float:left;line-height: 25px; }
.header .menu ul li a{display:block;  padding: 0 50px; text-align:center;font-size: 20px;line-height: 25px; color: #1f1f1f;}
.header .menu ul li a:hover{ color: #232430;}
.header .menu ul li a.on{color: #232430;}
.header .menu li .drop{ background:#777; overflow:hidden; position:absolute; width:100%; left:0; top:70px; display:none;}
.header .menu li .drop ul{ width:1000px; margin:0 auto; padding:15px 0;}
.header .menu li .drop li{ width:33.3333%; float:left;}
.header .menu li .drop li a{ padding:0;}
.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:60px; display:none;}
.header .lang{padding: 30px 0; float: right; line-height: 25px; font-size: 15px;color: #251e1a;}
.header .lang  a{ color: #928e8d;}
.header .lang  a.on{ color: #251e1a;}
.header .lang  a:hover{color: #251e1a;}

.i-ban-box{width: 100%;padding-top: 51.5%; position: relative;  overflow: hidden; background: url("../ban-img-01.jpg") no-repeat center;  background-size: 100%; margin-top: 85px;}
.i-ban-txt{ width:1200px; position: absolute; top: 50%; left: 50%; margin-left: -600px; margin-top: -233px;}
.i-ban-txt .ban-txt-fl{width: 50%; color: #fff; float: left;}
.i-ban-txt .ban-txt-fl h1{font-size: 40px;text-shadow: 3px 2px 3px #222;letter-spacing:1px;  padding: 150px 0 10px 0;}
.i-ban-txt .ban-txt-fl p{width:60%;font-size: 18px; line-height: 30px;letter-spacing:2px; padding: 20px 0;}
.i-ban-txt .ban-txt-fr{width: 50%; float: left; text-align: right}
.i-ban-txt .ban-txt-fr img{max-width: 100%; }
.i-ban-box .next-page{width: 46px; height: 23px; position: absolute; bottom: 30px; margin-left: -23px; left: 50%;  }
.i-ban-box .next-page a{display: block; width: 100%; height: 23px;background: url("../next-page.png") no-repeat;}


.i-adv{background: #040000;  padding:80px 0;overflow:hidden; text-align: center; }
.i-adv p{font-size: 22px; color: #fff;   line-height: 40px;}

.i-sx-img{background: #f7f7f7;  padding:150px 0;overflow:hidden; }
.i-sx-img .i-sx-box{width: 67.5%; margin: auto;}
.i-sx-box img{max-width: 100%;}
.i-sx-box h1{ font-size: 50px; color: #3e3a39; padding: 20px 0;}
.i-sx-box p{font-size: 18px; line-height: 34px; color: #817f7f;}
.i-sx-idea{width: 100%; position: relative;overflow:hidden; }
.i-sx-idea .sx-idea-img{width: 100%;}
.i-sx-idea .sx-idea-txt{width: 50%; max-width: 470px; position: absolute; right: 0; top: 0;}
.i-sx-strategy{width: 100%;position: relative;overflow:hidden; }
.i-sx-strategy .sx-strategy-img{width: 100%;}
.i-sx-strategy .sx-strategy-txt{width: 50%; max-width: 470px; position: absolute; left: 0; top: 0;}
.i-sx-design{width: 100%;position: relative;overflow:hidden; }
.i-sx-design .sx-design-img{width: 100%;}
.i-sx-design .sx-design-txt{width: 50%; max-width: 470px; position: absolute; right: 0; top: 0;}
.i-sx-dr{width: 100%;position: relative;overflow:hidden; }
.i-sx-dr .sx-dr-img{width: 100%;}
.i-sx-dr .sx-dr-txt{width: 50%; max-width: 470px; position: absolute; left: 0; top: 0;}
.i-sx-test{width: 100%;position: relative;overflow:hidden; }
.i-sx-test .sx-test-img{width: 100%;}
.i-sx-test .sx-test-txt{width: 50%; max-width: 470px; position: absolute; right: 0; top: 0;}
.i-sx-business{width: 100%;position: relative; }
.i-sx-business .sx-business-img{width: 100%;}
.i-sx-business .sx-business-txt{width: 50%; max-width: 440px; position: absolute; left: 0; top: 0;}
.pc-img {display: block; }
.mp-img{display: none;}

.i-design{width: 100%; padding:100px 0; background: #f1f1f1;position: relative; overflow:hidden; }
.i-design h2{font-size: 40px; padding: 40px 0; color: #484848; text-align:center;}
.i-design ul {width: 100%;}
.i-design ul li{float: left; text-align: center;}
.i-design ul li img{max-width:100%; display: block; margin: auto;}
.i-design ul li h3{font-size: 30px; color: #595858; padding: 40px 0 15px 0;}
.i-design ul li p{font-size: 16px;color: #7e7c7c; padding: 10px 0;}
.i-design ul li.dc{width: 31%;}
.i-design ul li.gj{width: 31%; }
.i-design ul li.zx{width: 31%;}
.i-design ul li.design-border{width: 3.5%; }
.i-design ul li.design-border img{ margin: 105px auto;}



.i-xzjqr{width: 100%; padding:50px 0 100px 0; background: #e2e2e2;position: relative;}
.i-xzjqr .xzjqr-img{width: 30%; margin: 30px auto;}
.i-xzjqr .xzjqr-img img{max-width:100%; display: block; margin: auto;}
.i-xzjqr h2{font-size: 20px; color: #484848; text-align:center;}
.i-xzjqr p{width: 60%; margin: auto;font-size: 17px; color: #7b7979;text-align:center; padding: 20px 0; line-height: 30px;}
.i-xzjqr h4{font-size: 20px; color: #484848; text-align:center;}




.main-product {width: 100%;overflow: hidden; padding: 50px 0; margin-top: 85px;}
.main-product h1{  font-size: 32px; color: #333; line-height: 52px; text-align: center;}
.main-product .pro-class{width: 100%; text-align: center; overflow: hidden; margin: 50px 0;}
.main-product .pro-class a{display:inline-block; padding:10px 40px; background: #e4e4e4; border-radius:30px; font-size: 14px; margin:10px 10px;}
.main-product .pro-class a:hover{background: #585757; color: #fff;}
.main-product .list { width: 90%; margin: auto;}
.main-product .list ul{width: 100%; font-size: 0; }
.main-product .list ul li { width: 23%; display: inline-block; vertical-align: top; margin:20px 1%;   }
.main-product .list ul li a{display:block; width: 100%; height: 100%;  overflow: hidden;  position: relative}
.main-product .list ul li img { width: 100%; display: block; transition: transform .3s}
.main-product .list .con { width: 100%; height: 100%;  position: absolute; top:0;  left: 0;   z-index: 999; visibility: hidden;   background: url(../con-bj.png);   opacity: 0;  transition: opacity 1s;}
.main-product .list .con .con-txt{width: 100%; height:80px; position: absolute; top: 50%; margin-top: -40px; text-align: center;}
.main-product .list .con .con-txt p{ font-size: 22px;  color: #fff; height: 40px;  line-height: 40px}
.main-product .list ul li:hover .con {visibility: visible;  top: 0;  opacity: 1;}
.main-product .list ul li:hover img { transform: scale(1.1);}

.case-detail{width: 100%; background: #f5f5f5; overflow: hidden; margin-top: 85px;}
.case-detail h1{  font-size: 32px; color: #333; line-height: 52px; margin: 100px 0; text-align: center;}
.case-detail .case-detail-img{width: 90%;overflow: hidden; margin: auto;}
.case-detail .case-detail-img img{ width: 100%; display: block; transition: transform .3s}
.case-detail .jl-zy{width: 90%;overflow: hidden; margin: 0 auto; padding: 100px 0; border-bottom: 1px solid #bcbcbc;}
.case-detail .jl-zy .jl-logo{width: 100%;}
.case-detail .jl-zy .jl-logo img{ height:88px; margin: auto; display: block;}
.case-detail .jl-zy p{font-size: 18px; padding: 60px 0; text-align: center; }
.case-detail .jl-zy .jl-qm{text-align: center;font-size: 20px;}
.case-detail .jl-zy .jl-qm span{font-weight: bold;}
.case-detail .cp-memo{width:70%;overflow: hidden; margin: 150px auto; }
.case-detail .cp-memo .cp-memo-fl{width: 40%; float: left;font-size: 16px; color: #554b49;line-height: 34px; }
.case-detail .cp-memo .cp-memo-fr{width: 40%; float: right;font-size: 16px; color: #554b49; line-height: 34px;}
.case-detail .cp-memo h3{ font-size: 30px; color: #2b2b2b; padding-bottom:20px;}


.case-detail .read{width: 100%;  padding: 100px 0;  overflow: hidden;text-align: center;}
.case-detail .read p{color: #a6a6a6; padding: 8px 0; font-size: 18px;}

    /*case*/
.case-ban{width: 100%;position: relative;  overflow: hidden;margin-top: 85px;}
.case-ban  img{max-width: 100%; display: block; }
.case-ban  h1{width:100%; font-size: 60px; height:60px; line-height:60px; text-shadow: 3px 2px 3px #222; position: absolute; top: 50%; margin-top: -30px; color: #fff; text-align: center;  }


.product-number-info {width: 100%;background:#e8e8e8;padding: 85px 0;  position: relative;}
.product-number-info .product-number-inner { width: 90%; max-width: 1200px; margin: 0 auto;}
.product-number-info ul {width: 100%;}
.q { zoom: 1; }
.product-number-info li { float: left; width: 33.333%;color: #3d3c3c; text-align: center;}
.product-number-info li:first-child { border: none;}
.product-number-info li b { font-weight: 400;  height: 48px; line-height: 48px; font-size: 48px;  display: inline-block;  position: relative;}
.product-number-info li b i {  font-style: normal;}
.product-number-info li b sup { position: absolute; font-size: 48px; right:-38px; top: -3px;}
.product-number-info li b em { font-style: normal; font-size: 48px; font-weight: 400; position: relative;}
.product-number-info li p { font-size: 16px; padding: 25px 0;}

.case-professional {width: 100%; overflow: hidden; padding: 50px 0;}
.case-professional h1{  font-size: 32px; color: #333;  padding: 100px 0; text-align: center;}
.case-professional ul{width: 90%; margin:40px auto;overflow: hidden; }
.case-professional ul li { width: 23%; float: left;  margin:20px 1%;   }
.case-professional ul li a{display:block; width: 100%; height: 100%;  overflow: hidden;  position: relative}
.case-professional ul li img { width: 100%; display: block; transition: transform .3s}
.case-professional .con { width: 100%; height: 100%;  position: absolute; top:0;  left: 0;   z-index: 999; visibility: hidden;   background: url(../con-bj.png);   opacity: 0;  transition: opacity 1s;}
.case-professional .con .con-txt{width: 100%; height:80px; position: absolute; top: 50%; margin-top: -40px; text-align: center;}
.case-professional .con .con-txt p{ font-size: 22px;  color: #fff; height: 40px;  line-height: 40px}
.case-professional ul li:hover .con {visibility: visible;  top: 0;  opacity: 1;}
.case-professional ul li:hover img { transform: scale(1.1);}
.case-professional .more{width: 100%;color: #7e7776; text-align: center; overflow: hidden; font-size:20px; display: block; margin:30px auto;}



.case-innovation {width: 100%; overflow: hidden; padding: 50px 0;}
.case-innovation h1{  font-size: 32px; color: #333; padding: 100px 0; text-align: center;}
.case-innovation .case-innovation-box{width: 90%;overflow: hidden; margin: auto;}
.case-innovation .case-innovation-fl{width: 49%; float: left; }
.case-innovation .case-innovation-fl .case-innovation-fl-l{width: 49%;float: left;}
.case-innovation .case-innovation-fl .case-innovation-fl-r{width: 48%;float: right;}
.case-innovation .case-innovation-fr{width: 49%; float: right;}
.case-innovation .case-innovation-fr-t{width: 100%;}
.case-innovation .case-innovation-fr-b{width: 100%;}
.case-innovation .case-innovation-fr-b-l{width: 48%;float: left;}
.case-innovation .case-innovation-fr-b-r{width: 49%; float: right;}
.case-innovation a{display: block; overflow: hidden;position: relative; margin-top: 10px;}
.case-innovation .case-innovation-txt{width: 100%; height: 100%;  position: absolute; top:0;  left: 0;   z-index: 999; visibility: hidden;   background: url(../con-bj.png);   opacity: 0;  transition: opacity 1s; font-size: 30px; color: #fff; text-align: center;}
.case-innovation .case-innovation-txt p{width: 100%; position: absolute; top: 50%; line-height: 50px; height: 50px; margin-top: -25px; text-align: center; }
.case-innovation img{display: block;max-width: 100%;   transition: transform .3s;}
.case-innovation a:hover img {    transform: scale(1.1);opacity:1;}
.case-innovation a:hover .case-innovation-txt{visibility: visible;  top: 0;  opacity: 1;}
.case-innovation .more{width: 100%;color: #7e7776; text-align: center; overflow: hidden; font-size:20px; display: block; margin:30px auto;}




.case-quality {width: 100%; overflow: hidden; padding: 50px 0;}
.case-quality h1{  font-size: 32px; color: #333; padding: 100px 0;  text-align: center;}
.case-quality ul{width: 90%; font-size: 0; margin:50px auto; overflow: hidden;}
.case-quality ul li{  width: 25%;  display: inline-block; vertical-align: top; float: left; }
.case-quality ul li a{ width: 100%; height: 100%;   display: block; position: relative; overflow: hidden;}
.case-quality ul li img {  display: block;  width: 100%;    transition: transform .3s; }
.case-quality .case-quality-txt{width: 100%; height: 100%;  position: absolute; top:0;  left: 0;   z-index: 999; visibility: hidden;   background: url(../con-bj.png);   opacity: 0;  transition: opacity 1s; font-size: 30px; color: #fff; text-align: center;}
.case-quality ul li p{width: 100%; position: absolute; top: 50%; line-height: 50px; height: 50px; margin-top: -25px; text-align: center; }
.case-quality ul li a:hover img {transform: scale(1.1);}
.case-quality ul li a:hover .case-quality-txt{visibility: visible;  top: 0;  opacity: 1;}
.case-quality .more{width: 100%;color: #7e7776; text-align: center; overflow: hidden; font-size:20px; display: block; margin:30px auto;}


/*Insider*/
.insider-ban{width: 100%;position: relative;  overflow: hidden;margin-top: 85px;}
.insider-ban  img{max-width: 100%; display: block; }
.insider-ban  h1{width:100%; font-size: 60px; height:60px; line-height:60px; text-shadow: 3px 2px 3px #222; position: absolute; top: 50%; margin-top: -30px; color: #fff; text-align: center; }

.insider-txt{width: 100%; background: #e9e9ea; padding: 100px 0; overflow: hidden;}
.insider-txt ul {width: 80%; margin: auto;}
.insider-txt ul li{width: 33.333%; float: left; text-align: center;}
.insider-txt ul li h2{ font-size: 40px; line-height:120px; color: #595757;}
.insider-txt ul li p{ font-size: 16px;color: #7d7b7b;}

.insider-industrial{width: 100%;overflow: hidden; padding-top: 50%; background: url("../insider-industrial.jpg") no-repeat;background-size: 100%; position: relative;}
.insider-medical{width: 100%;overflow: hidden; padding-top: 50%; background: url("../insider-medical.jpg") no-repeat;background-size: 100%; position: relative;}
.insider-ai{width: 100%;overflow: hidden; padding-top: 50%; background: url("../insider-ai.jpg") no-repeat;background-size: 100%; position: relative;}

.insider-content{width:1200px; left:50%; margin-left:-600px;position: absolute; top: 35%;}
.insider-content .insider-content-txt{width:26%; float: left;}
.insider-content .insider-content-txt h2{font-size: 40px;text-shadow: 3px 2px 3px #222; color: #fff;  padding: 60px 0 50px 0 }
.insider-content .insider-content-txt p{font-size: 16px;line-height: 30px; color: #c2c1c1; }
.insider-content .insider-content-icon{width:60%; float: right;}
.insider-content .insider-content-icon ul{width: 100%;}
.insider-content .insider-content-icon ul li{width: 50%;float: left; text-align: center;}
.insider-content .insider-content-icon ul li img{ max-width: 96%; display: block; margin: auto;}
.insider-content .insider-content-icon ul li p{font-size: 16px;color: #f3f3f3;line-height: 25px;}


.join-box{width: 100%; padding:100px 0; background: #f3f3f3;position: relative; overflow:hidden; }
.join-box h2{font-size: 40px; padding: 40px 0; color: #595858; text-align:center;}
.join-box ul {width: 100%;}
.join-box ul li{float: left; text-align: center;}
.join-box ul li img{max-width:100%; display: block; margin: auto;}
.join-box ul li h3{font-size: 30px; color: #595858; padding: 40px 0 15px 0;}
.join-box ul li.dc{width: 31%;}
.join-box ul li.gj{width: 31%; }
.join-box ul li.zx{width: 31%;}
.join-box ul li.join-border{width: 3.5%; }
.join-box ul li.join-border img{ margin: 85px auto;}


.office-box{width: 100%; padding:100px 0; background: #e4e4e4;position: relative; overflow:hidden; }
.office-box h2{font-size: 40px; padding: 40px 0; color: #595858; text-align:center;}
.office-box ul {width: 100%; font-size: 0; text-align: center;}
.office-box ul li{ width:20%; display: inline-block; text-align: center;}
.office-box ul li img{max-width:100%; display: block; margin: auto;}
.office-box ul li p{font-size: 16px;color: #595858; padding: 10px 0;}




.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;  line-height: 30px;   display: inline-block;   text-align: center;
}
.qt-pagination .pages{ background:#585757; color:#fff;}


.footer{width: 100%;overflow: hidden;}
.footer .contact-box{width: 100%;overflow: hidden; height: 260px; background: url("../ban-img-02.jpg") no-repeat center; background-size: cover; text-align: center; padding: 50px 0;}
.footer .contact-box h2{ color: #fff; font-size: 30px; text-shadow: 2px 2px 4px #111;}
.footer .contact-box p{ color: #d1cecd; font-size: 16px;text-shadow: 2px 2px 4px #111;  padding: 40px 0; }
.contact-box .send-mail{width: 50%; margin: 10px auto;}
.contact-box .send-mail input{width: 67%;float: left; background: none; border: 1px solid #f4f4f4; border-radius: 5px; font-size:20px; color: #aeaaa5; line-height: 60px; text-indent: 1em;}
.contact-box .send-mail a{display: block;width: 28%; line-height: 60px;background: #fff; font-size:20px; color: #564e4c;  border: 1px solid #f4f4f4; border-radius: 5px;  float: right;}

.footer .icon-lx{width: 100%; background: #232430; color: #88898f; text-align: center; padding: 60px 0; height: 120px; }
.footer .icon-lx ul{width: 24%; height: 35px; margin:0 auto;  clear: both; }
.footer .icon-lx ul li{width: 18%; margin: 0 1%; float: left;}
.footer .icon-lx ul li a{position: relative; display: block;width: 100%;}
.footer .icon-lx .lx-img{width: 100%;}
.footer .icon-lx .lx-img img{ height: 41px; display: block; margin: auto;}
.footer .icon-lx .lx-txt{width: 100px; visibility: hidden; position: absolute; bottom: 115%; left: 50%; margin-left: -50px; background: #fff; color: #fff; opacity: 0;  transition: opacity 1s;}
.footer .icon-lx .lx-txt img{width: 90px; margin:5px 5px; display: block; }
.footer .icon-lx ul li a:hover .lx-txt{visibility: visible; opacity: 1;}
.footer .icon-lx .lx-span{width: 100%; margin-top: 40px; font-size: 0; overflow: hidden;}
.footer .icon-lx .lx-span span{display: inline-block; color: #88898f; margin: 0 20px; font-size: 15px;}
.footer .icon-lx .lx-span a{display: inline-block; color: #88898f; margin: 0 20px; font-size: 15px;}
.footer .icon-lx .lx-span i{display: inline-block; width: 1px; height: 10px; background: #88898f; margin: 0 2px;}


.footer .foot-box{width: 100%; overflow: hidden; padding-top: 60px; background: #eeeeef;}
.footer .foot-box .foot-fl{width:350px; float: left;}
.footer .foot-box .foot-fl img{display: block; max-width: 100%; margin-bottom: 15px;}
.footer .foot-box .foot-fl p{ color: #575757;font-size: 15px; line-height: 22px; padding: 5px 0;}
.footer .foot-box .foot-fl span{display:block;color: #575757;font-size: 12px;margin-top: 15px;}

.footer .foot-box .foot-fr{width: 330px; margin-right: 30px; float: right;}
.footer .foot-box .foot-fr ul{width:33.333%;float: left; }
.footer .foot-box .foot-fr ul h3{font-size:16px; padding-bottom: 30px; font-weight: bold; color: #575757;}
.footer .foot-box .foot-fr ul li{width: 100%; font-size: 15px;line-height: 30px;}
.footer .foot-box .foot-fr ul li a{color: #7c7c7c;}
.footer .foot-box .foot-fr ul li a:hover{color: #575757;}
.footer .foot-box .foot-wx{width: 73px; float: right;}
.footer .foot-box .foot-wx img{display: block; max-width: 100%; margin-top: 50px;}
.footer a{color: #727272;}
.bottominfo{width: 100%; overflow: hidden; padding:5px 0 60px 0; background: #eeeeef;}
.bottominfo a{color: #575757;}
.bottominfo a:hover{color: #575757;}

@media (max-width:1600px){
    .i-sx-img .i-sx-box{width: 80%}
    .i-sx-idea .sx-idea-img img{max-width: 70%; float: left;}
    .i-sx-strategy .sx-strategy-img img{max-width: 70%; float: right;}
    .i-sx-design .sx-design-img img{max-width: 70%; float: left;}
    .i-sx-dr .sx-dr-img img{max-width: 70%; float: right;}
    .i-sx-test .sx-test-img img{max-width: 70%; float: left;}
}

@media (max-width:1300px){
    .main-product .pro-class a{padding: 10px 20px;     margin: 10px 10px;}
    .insider-content .insider-content-txt{width: 40%;}
    .insider-content{width: 800px;    margin-left: -400px; top: 25%;}
    .insider-content .insider-content-txt h2{  font-size: 32px;  padding: 30px 0 20px 0;}
    .i-sx-img .i-sx-box{width: 90%;}
    .i-sx-idea .sx-idea-txt,.i-sx-strategy .sx-strategy-txt,.i-sx-design .sx-design-txt,.i-sx-dr .sx-dr-txt,.i-sx-test .sx-test-txt,.i-sx-business .sx-business-txt{max-width: 320px;}
    .i-sx-box h1{font-size: 30px;}
    .i-sx-box p{font-size: 16px;}
    .insider-content .insider-content-icon ul li img{height:200px;}
}


@media (max-width:1200px){
    .i-ban-txt{width: 900px;    margin-left: -450px;}
    .i-ban-txt .ban-txt-fl h1{font-size: 30px;}
    .i-ban-txt .ban-txt-fl p{font-size: 16px;}
    .i-ban-txt .ban-txt-fr{text-align: right;}
    .i-ban-txt .ban-txt-fr img{width: 60%; padding-top: 80px;height: auto;}
    .join-box ul li img{height: 110px;}
    .join-box ul li h3{font-size: 25px;}
}
@media (max-width:1120px){

}


@media (max-width:1024px){
    .footer .icon-lx ul{width:34%;}
    .insider-txt ul li h2{font-size: 30px;    line-height: 60px;}
}
@media (max-width:999px){
    .header .menu{margin-right: 20px;}
    .header .menu ul li a{ padding: 0 30px;}


    .i-ban-txt{width: 700px;    margin-left: -350px;}
    .i-ban-txt .ban-txt-fr img{    width: 70%;}
    .insider-content .insider-content-icon ul li img{height:150px;}
    .footer .foot-box .foot-fl{width: 100%;}
    .footer .foot-box .foot-fl img{ height:40px;margin: auto;}
    .footer .foot-box .foot-fl p{text-align: center;line-height: 25px; padding: 20px 0 1px 0;}
    .footer .foot-box .foot-fl span{display: block;width: 100%;margin-top:2px; text-align: center;}
    .footer .foot-box .foot-wx{width: 100%; padding: 30px 0;}
    .footer .foot-box .foot-wx img{height: 80px; margin: auto;}
    .footer .foot-box .foot-fr{width: 80%; margin: 0 10%;text-align: center;}
    .join-box ul li h3{font-size: 25px;}
    .join-box ul li.join-border img{margin: 40px auto;}
    .bottominfo{text-align: center;padding: 20px 0 ;}
}
@media (max-width:856px){
    .footer .icon-lx ul{width:44%;}
    .insider-content{width: 100%; margin-left:0; left: 0; top:4%;}
    .insider-content .insider-content-txt{width: 100%; text-align: center;}
    .insider-content .insider-content-txt h2{    padding: 30px 0 20px 0;}
    .insider-content .insider-content-txt p{width: 80%; line-height: 25px; margin: auto;}
    .insider-content .insider-content-icon{width: 100%;}
    .insider-content .insider-content-icon ul{width: 70%; margin:15px auto;}
    .insider-content .insider-content-icon ul li img{height:120px;}
}

/*banner媒体查询*/
@media (max-width:768px){
    .header .section{width: 100%;}
    .header .logo{padding: 20px 8px;}
    .header .logo img{height: 20px;}
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:60px; background:#040000; width:100%; display:none;z-index: 999; margin: 0; padding: 0;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #444;}
    .header .menu ul li a{ padding:0; line-height: 40px; color: #fff;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop{ position:static;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%; text-align:left;  box-sizing:border-box; border:none;}
    .header .lang{margin-right: 65px;padding:20px 0; line-height: 20px;}
    .i-ban-box,.case-ban,.insider-ban,.main-product,.case-detail{margin-top: 60px;}
    .i-ban-txt{width: 600px;    margin-left: -300px;}
    .i-ban-txt .ban-txt-fl h1{font-size: 24px;}
    .i-ban-txt .ban-txt-fl p{font-size: 14px;}
    .i-ban-txt .ban-txt-fr img{padding-top: 111px;}
    .main-product .list ul li{width: 31.333%;}
    .case-professional h1{ padding: 50px 0;}
    .case-professional ul li{width: 31.333%;}
    .case-innovation h1{ padding: 50px 0;}
    .case-quality h1{ padding: 50px 0;}
    .case-quality ul li{width: 50%;}
    .i-design ul li.dc img{height: 80px;}
    .i-design ul li.gj img{height: 80px;}
    .i-design ul li.zx img{height: 80px;}
    .insider-txt{padding: 70px 0;}
    .insider-txt ul{width: 94%;}
    .i-sx-idea .sx-idea-txt,.i-sx-strategy .sx-strategy-txt,.i-sx-design .sx-design-txt,.i-sx-dr .sx-dr-txt,.i-sx-test .sx-test-txt,.i-sx-business .sx-business-txt{position: static; width: 80%; margin: auto; text-align: center; padding-top: 15px; padding-bottom: 40px;max-width:100%;}
    .pc-img {display: none; }
    .mp-img{display: block; margin: 20px auto; height: 120px;}
}

@media (max-width:760px){
.i-sx-idea .sx-idea-img img{max-width: 100%; float: none;}
.i-sx-strategy .sx-strategy-img img{max-width: 100%; float: none;}
.i-sx-design .sx-design-img img{max-width: 100%; float: none;}
.i-sx-dr .sx-dr-img img{max-width: 100%; float: none;}
.i-sx-test .sx-test-img img{max-width: 100%; float: none;}
}
@media (max-width:658px){
    .i-adv{padding: 50px 0;}
    .i-adv p{width: 90%; margin: auto; font-size: 16px;line-height: 30px;}
    .contact-box .send-mail{width: 80%;}
    .contact-box .send-mail input{ font-size: 16px;line-height: 40px;}
    .contact-box .send-mail a{font-size: 16px;line-height: 40px;}
    .footer .icon-lx ul{width:50%;}
    .i-ban-txt{width:500px;    margin-left: -250px;}
    .i-ban-txt .ban-txt-fl h1{font-size: 24px;}
    .i-sx-img{padding: 50px 0;}
    .i-sx-img .i-sx-box{width: 90%;}

    .i-sx-box h1{    font-size: 30px; font-weight: 500;}
    .i-sx-box p{    font-size: 16px; line-height: 28px;}
    .i-design ul li{overflow: hidden;}
    .i-design ul li.dc{width: 100%;}
    .i-design ul li.gj{width: 100%;}
    .i-design ul li.zx{width: 100%;}
    .i-design ul li.design-border img{display: none;}
    .main-product .list ul li{width: 48%;}
    .office-box ul li{width: 33.333%; margin-bottom: 25px;}
    .office-box ul li img{ height: 40px;}
    .join-box ul li.dc{width: 100%;}
    .join-box ul li.gj{width: 100%; margin: 30px 0;}
    .join-box ul li.zx{width: 100%;}
    .join-box ul li img{height: 88px;}
    .join-box ul li h3{padding: 28px 0;}
    .join-box ul li.join-border{display: none;}

    .product-number-info li b{font-size: 30px;}
    .product-number-info li b em{font-size: 30px;}
    .product-number-info li b sup{font-size: 30px;}
    .join-box{padding: 40px 0;}
    .insider-industrial{padding-top: 80%;    background-size: cover;}
    .insider-content .insider-content-icon ul li img{height: 80px;}
    .insider-industrial{padding-top: 80%;    background-size: cover;}
    .insider-medical{padding-top: 85%;    background-size: cover;}
    .insider-ai{padding-top: 90%;    background-size: cover;}
    .insider-content .insider-content-txt p{font-size: 15px; line-height: 20px;}
    .i-ban-txt .ban-txt-fl p{width: 100%;}

}

@media (max-width:525px){
    .i-ban-box{padding-top: 80%; background-size: cover; }
    .i-ban-txt{width: 300px;  margin-left: -150px; top: 0; margin-top: 0; }
    .i-ban-txt .ban-txt-fl{width: 100%; text-align: center;}
    .i-ban-txt .ban-txt-fl h1{ padding: 30px 0 5px 0;    font-size: 20px;}
    .i-ban-txt .ban-txt-fl p{padding: 1px 0; font-size: 13px;    line-height: 24px;}
    .i-ban-txt .ban-txt-fr{width: 100%; text-align: center;}
    .i-ban-txt .ban-txt-fr img{ width:45%;height: auto;padding-top:20px;}
    .i-ban-box .next-page{width:23px; height: 12px;margin-left: -12px; }
    .i-ban-box .next-page a{width:23px; height: 12px; background-size: 100%;}
    .case-professional ul li{width: 98%;}
    .case-quality ul li{width: 100%;}

    .case-innovation .case-innovation-fl{width: 100%;}
    .case-innovation .case-innovation-fr{width: 100%;}
    .case-professional h1{padding: 40px 0;}
    .insider-txt ul li{width: 100%; margin: 15px 0;}
    .main-product .list ul li{width: 98%;}
    .main-product .pro-class{margin: 30px 0;}
    .main-product .pro-class a{padding: 10px 20px; margin: 10px 3px;}

    .case-detail{padding: 10px 0 30px 0;}
    .case-detail .jl-zy{padding:60px 0;}
    .case-detail .jl-zy p{padding: 30px 0;}
    .case-detail .cp-memo{    width: 85%;margin: 50px auto;}
    .case-detail .cp-memo .cp-memo-fl,.case-detail .cp-memo .cp-memo-fr{width: 46%;}
    .case-detail .read{padding: 40px 0;}
    .case-detail h1{margin: 50px 0;    font-size: 25px;}
    .case-ban h1,.insider-ban h1{ font-size: 40px;}
    .i-design{padding: 50px 0;}
    .i-design h2{font-size: 30px;}
    .i-design ul li{margin: 15px 0;}
    .i-design ul li.design-border{display: none;}
    .footer .icon-lx ul{width:68%;}
    .footer .icon-lx .lx-span span{    margin: 0 4px;  font-size: 13px;}
    .footer .foot-box .foot-fr ul h3{padding-bottom: 10px;}
    .i-design ul li p{padding: 5px 0;}
}