@charset "utf-8";
/* banner */
 .flexslider{padding-top:120px;}
/*.banner{width:100%;position:relative;overflow:hidden;height:600px;padding-top:120px;}
.banList{position:relative;width:100%;height:100%;}
.banList li{position:absolute;width:100%;height:100%;}
.banList li img{width:1920px;height:100%;top:0;position:absolute;left:50%;margin-left:-960px;}
.prev,.next{position:absolute;top:50%;margin-top:-30px;display:block;font-family:"iconfont";color:#fff;transition:all 0.4s;}
.prev{left:30px;font-size:60px;}
.next{right:30px;font-size:66px;}
.prev:hover{color:red;}
.next:hover{color:red;}
*/
.banText2{width:100%;text-align:center;position:absolute;left:0;top:30%;color:#fff;}
.banText2 h3{font:52px/1em MS Gothic ;margin-bottom: 10px;}
.banText2 p{font:26px/60px MS Gothic ;}
.banText2 .more{font:16px/40px MS Gothic ;display:block;border-radius: 20px;background:#EF3333;color:#fff;margin:76px auto 0;width:140px;}

/* numList */
.numBox{width:100%;background:#F9F9F9;}
.numList{width:1200px;margin:0 auto;padding:70px 0;}
.numList li{width:16.66%;float:left;text-align:center;}
.numList li i{font-size:56px;color:#EF3333;position:relative;font-family:MS Gothic ;  font-weight: bold;}
.numList li i span{font-size:20px;position:absolute;top:0;right:0;  font-weight: bold;}
.numList li i em{font:14px/1em MS Gothic ;}
.numList li p{font:14px/30px MS Gothic ;color:#333;}

/* solution */

.solution{width:100%;background:url(../images/bg4.jpg) repeat;position: relative;}
.swiper-container{width:100%;height:520px;overflow:hidden;}
.soluTit{width:160px;text-align: center;height:80px;padding:108px 0 37px;margin:0 auto;color:#333;}
.soluTit h4{font:34px/1em MS Gothic ;}
.soluTit h5{font:18px/44px MS Gothic ;}
.soluBox{margin:0 auto;width:1060px;}
.tabsBox{width:1000px;margin:0 auto 65px;}
.tabsBox a{width:120px;height:162px;float:left;margin:0 40px;}
.tabsBox .active p{background:#EF3333;}
.tabsBox a p{width:100px;height:100px;background:#f2f2f2;border-radius:50% ;margin:0 10px;transition:all 0.5s;}
.tabsBox a p i{font-family:"iconfont";font-size:50px;color:#000;line-height:100px;text-align: center;display: block;transition:all 0.5s;}
.tabsBox .active p i{color:#fff;}
.tabsBox a p:hover{background:#EF3333;-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color:#fff;}
.tabsBox a p:hover i{color:#fff;}
.tabsBox a h5{height:62px;font:22px/62px MS Gothic ;text-align: center;}
.tabsBox a{color:#333;}
.soluCont{width:100%;position:relative;padding-bottom:210px;}
.soluCont dd{/*position:absolute;left:0;top:0;*/width:100%;height:100%;float:left;display: none;}
.soluCont .soluAct{display:block;}
.soluImg{width:55%;float:left;}
.soluImg img{width:100%;height:auto;}
.soluText{width:38%;padding-top:5%;float:right;}
.soluText h6{height:46px;font:30px/46px "[MicrosoftYaHeiLight]";color:#333;}
.swiper-slide .soluText p{font:14px/26px MS Gothic ;color:#878787;}
.soluText .soluMore{margin-top:22px;font:16px/40px MS Gothic ;display:block;border-radius: 20px;background:#EF3333;color:#fff;height:40px;width:140px;text-align: center;}

/* serive */
.serive{position:relative;width:100%;background:url(../images/pf.png) repeat left top;}
.serDrop{position:absolute;left:50%;width:340px;height:340px;background:#ecebec;border-radius:50%;bottom:0;border:solid 140px #f8f8f8;margin-left:-320px;margin-bottom:-320px;}
.serImg{width:1137px;position:absolute;top:-14%;left:50%;margin-left:-568px;z-index:10;}
.serImg img{max-width: 100%;height:auto;}
.serImg2{width:94px;height:auto;position:absolute;right:77px;top:38%;}
.serImg2 img{max-width: 100%;height:auto;}
.serImg3{width:254px;height:auto;position:absolute;left:0;top:16%;}
.serImg3 img{max-width: 100%;height:auto;}
.serImg4{width:459px;height:auto;position:absolute;right:0;top:0;}
.serImg4 img{max-width: 100%;height:auto;}
.serImg5{width:523px;height:auto;position:absolute;left:0;bottom:0;}
.serImg5 img{max-width: 100%;height:auto;}
.serImg6{width:109px;height:auto;position:absolute;right:34%;bottom:36px;}
.serImg6 img{max-width: 100%;height:auto;}
.serImg7{width:248px;height:auto;position:absolute;right:14%;bottom:0;}
.serImg7 img{max-width: 100%;height:auto;}
.serImg8{width:90px;height:auto;position:absolute;left:42%;bottom:0;}
.serImg8 img{max-width: 100%;height:auto;}
.serImg9{width:130px;height:auto;position:absolute;right:40px;bottom:25.5%;}
.serImg9 img{max-width: 100%;height:auto;}
.serImg10{width:139px;height:auto;position:absolute;left:0;top:0;}
.serImg10 img{max-width: 100%;height:auto;}
.serBox{padding-top:15%;width:1168px; margin:0 auto;}
.serTit{width:297px;height:100px;margin:0 auto 25px;}
.serTit h4{width:100%;height:58px;}
.serTit h4 img{width:100%;height:auto;}
.serTit h5{font:26px/42px MS Gothic ;color:#999;text-align: center;}
.serList{width:100%;padding-bottom:380px;}
.serList li{width:116px;margin:0 15px ;float:left;padding-top:10px;}
.listTop{width:116px;height:130px;background: url(../images/ltbg.png) no-repeat;}
.listTop .iconfont{font-family: "iconfont";line-height:130px;text-align: center;display: block;font-size:50px;color:#EF3333;}
.serBtn{padding-top:13px;}
.serBtn h6{font:22px/40px MS Gothic ; text-align: center;color:#434343;}
.serBtn p{font:14px/30px MS Gothic ; text-align: center;color:#777;}
.serAct p{text-align: left;text-indent: 15px;}
.serAct2 p{text-align: left;text-indent: 25px;}
.serAct3 p{text-align: left;text-indent: 35px;}

/* terminal */
.terminal{width: 100%;overflow:hidden;background:url(../images/term.jpg) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;}
.termList{width:1026px;margin:0 auto;padding:160px 0;}
.termList li{width:302px;float:left;margin:0 20px;background:url(../images/zdbg.png) no-repeat;height:337px;position:relative;}
.termbg1{background:url(../images/xbg1.png) no-repeat ;width:45px;height:50px;position:absolute;right:45px;top:18px;}
.termbg2{background:url(../images/xbg2.png) no-repeat ;width:27px;height:31px;position:absolute;right:9px;top:13px;}
.termIcon{margin-top:76px;text-align: center;}
.termIcon .iconzd{font-family:"iconfont";font-size:40px;line-height:40px;margin:0 10px;color:#EF3333;}
.termList li h4{font:24px/1em MS Gothic ;color:#333;padding:26px 0 14px; text-align: center;}
.termList li p{height:78px;margin:0 auto;width:194px;text-align: center;font:14px/26px MS Gothic ;color:#656565;overflow:hidden;height:78px;}
.termList li span{width:20px;height:2px;background:#EF3333 ;display: block;margin:22px auto 0;}
.termList .active{background:url(../images/zdbg2.png) no-repeat;}
.termList .active .termIcon .iconzd{color:#fff;}
.termList .active h4{color:#fff;}
.termList .active p{color:#fff;}
.termList .active span{background:#fff;}
/*.termBox{position: absolute;left:50%;margin-left:-95px;bottom:130px;}
.termMores{display: block;height:50px;font:16px/50px "微软雅黑";color:#fff;width:190px;text-align:center;background: #EF3333;border-radius: 25px;}*/

/* OUR CASE */
.ourCase{width:100%;}
.ourTit{height:160px;text-align: center;color:#333;}
.ourTit h5{padding:57px 0 14px;font:34px/1em MS Gothic ;}
.ourTit h6{font:20px/1em MS Gothic ;}
.ourList li{float:left;width:16.66%;height:auto;transition: all 0.4s;overflow:hidden;}
.ourList li:hover img{transform: scale(1.2) ;-ms-transform: scale(1.2) ;-webkit-transform: scale(1.2) ;-o-transform: scale(1.2) ;-moz-transform: scale(1.2) ;opacity:.6;filter:alpha(opacity=60);}
.ourList li img{max-width:100%;transition: all 0.5s;}
.moreBox{padding-bottom: 60px;}
.moreBox a{width:138px;height:38px;border:solid 1px #EF3333;border-radius: 20px;margin:40px auto 0;text-align: center;font:14px/40px MS Gothic ;transition: all 0.5s;color:#EF3333;display: block;}
.moreBox a:hover{color:#fff;background:#EF3333;}

/* customer */
.customer{background:#f7f7f7;width:100%;padding-bottom:60px;}
.custList{width:1196px;margin:0 auto;}
.custList li{float:left;width:20%;border:solid 1px #EEEEEE;margin:-1px;position: relative;overflow:hidden;}
.custList li img{width:100%;height:auto;}
.custImg{width:100%;position:absolute;left:0;top:100%;height:100%;transition: all 0.6s;}
.custList li:hover .custImg{top:0;}

/* service */
.service{width:100%;overflow:hidden;background:url(../images/tp1.jpg) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;}
.serText{height:380px;text-align: center;width:100%;}
.serItem{width:100%;text-align: center;padding-top:105px;} 
.serItem li{font:46px/1em MS Gothic ;color:#fff;display: inline-block;margin:0 15px;}
.serText h6{font:22px/1em MS Gothic ;color:#fff;letter-spacing:20px;padding:20px 0 30px;}
.serText .serMores{display: block;height:40px;width:140px;font:14px/40px MS Gothic ;text-align: center;background:#EF3333;color:#fff;margin:0 auto;border-radius: 20px;}

/* news */
.news{/*width:100%;*/}
.newList{width:1140px;margin:0 auto;}
.newList li{float:left;width:30%;margin-right:5%;margin-bottom:40px;}
.newList .mr0{margin-right:0;}
.newDate{float:left;width:78px;height:78px;border:solid 1px #333;color:#333;text-align: center;cursor: pointer;transition: all 0.5s;}
.newDate:hover{border:solid 1px #EF3333;color:#EF3333;}
.newDate span{display:block;font:36px/52px MS Gothic ;height:52px;}
.newDate em{display:block;font:16px/1em MS Gothic ;}
.newsText{float:right;width:72%;height:100%;overflow:hidden;}
.newsText h4{padding-top:5px;font:18px/35px MS Gothic ;color:#434343;}
.newsText h4:hover{color:#EF3333;}
.newsText p{font:14px/20px MS Gothic ;color:#777;overflow:hidden;height:40px;}
.newsText p:hover{text-decoration: underline;}
.mar2{margin:10px auto 0;}

/* contect us */
.contect_us{width:100%;background: url(../images/cont.jpg) repeat left top;overflow:hidden;}
.contectBox{padding:56px 0 22px;width:970px;margin:0 auto;}
.contectTit{width:100%;color:#fff;margin-bottom:25px;}
.contectLeft h3{font:20px/60px MS Gothic ;}
.contectTit h4{font:36px/1em MS Gothic ;}
.contectTit h5{font:18px/48px MS Gothic ;text-indent: 14px;}
.contectLeft{width:39%;float:left;color:#fff;}
.contectLeft h6{font:36px/1em MS Gothic ;width:100%;padding-bottom:10px;}
.contectLeft p{font:14px/20px MS Gothic ;margin:15px 0;width:100%;}
.contectLeft p a{color:#fff;}
.contectLeft p .g_icons{font-family: "iconfont";font-size:20px;line-height:20px;color:#fff;display:inline-block;margin-right:15px;vertical-align:middle;}
/*.contacts{height:40px;}
.contacts .wechat,.contacts .sina{width:40px;height:40px;float:left;margin-right:20px;}
.contacts .wechat{background: url(../images/icons.png) no-repeat 0 0;}
.contacts .sina{background: url(../images/icons.png) no-repeat 0 -50px;}*/
.contectRight{float:right;width:56%;}
.contectRight input{margin-bottom:24px;width:98%;height:40px;font:14px/40px "MS Gothic";color:#999;background:#fff;padding-left:2%;}
.contectRight .name,.contectRight .tel{width:45%;}
.contectRight .name{float:left;}
.contectRight .tel{float:right;}
.contectRight .message{margin-bottom:24px;width:98%;height:120px;font:14px/40px "MS Gothic";color:#999;background:#fff;padding-left:2%;}
.contectRight .subBtn{width:140px;height:40px;font:16px/40px "MS Gothic";color:#EF3333;text-align: center;border-radius: 20px;cursor: pointer;}

.returnBox{position:fixed;right:3%;top:50%;width:50px;z-index:90;margin-top:-175px;display:none;}
.returnList li,.returnTop{width:100%;height:50px;background:#333;margin-bottom:1px;cursor: pointer;position:relative;overflow:hidden;}
.returnList li i,.returnTop i{font-family:"iconfont";font-size:30px;text-align: center;line-height:50px;color:#fff;display:block;}
.returnList li em{position:absolute;left:-50px;top:0;color:#EF3333;background:#333;text-align: center;font:14px/20px "MS Gothic";padding:5px 10px;height:40px;width:30px;transition:all 0.4s;}
.returnList li:hover em{left:0;}
.returnList li:nth-of-type(2) em{font:14px/40px "MS Gothic";}
.returnList li:nth-of-type(3) em{font:14px/40px "MS Gothic";}
.returnList li:nth-of-type(4) em{font:14px/40px "MS Gothic";}
.returnTop i:hover{color:#EF3333;}
/*------------- 响应式 -------------------*/

@media screen and (max-width:1700px) {
.serImg4{width:230px;}
}

@media screen and (max-width:1600px) {
 .serImg2{display:none;}	
.serImg3{width:127px;}
.serImg5{width:265px;}
.serImg6{width:55px;}
.serImg7{width:124px;}
.serImg8{width:45px;}
.serImg9{width:65px;}
.serImg10{width:70px;}
.serDrop{width:280px;height:280px;border:100px solid #f8f8f8;margin-left:-240px;margin-bottom:-240px;}
}

@media screen and (max-width:1400px) {
 .serImg{width:80%;margin-left:-40%;}	
 /*.returnBox{width:40px;margin-top:-140px;}
.returnList li,.returnTop{height:40px;}
.returnList li i,.returnTop i{font-family:"iconfont";font-size:26px;line-height:40px;color:#fff;display:block;}
.returnList li em{left:-40px;top:0;font:12px/15px "微软雅黑";padding:5px 5px;height:40px;width:30px;transition:all 0.4s;}
.returnList li:nth-of-type(2) em{font:12px/30px "微软雅黑";}
.returnList li:nth-of-type(3) em{font:12px/30px "微软雅黑";}
.returnList li:nth-of-type(4) em{font:12px/30px "微软雅黑";}*/

}

@media screen and (max-width:1280px) {
.numList{width:90%;padding:50px 0;}
.numList li i{font-size:40px;color:#EF3333;}
 .flexslider{height:480px;}
.banText2{top:28%;}
.banText2 h3{font-size:48px;}
.banText2 p{font-size:22px;}
.custList{width:90%;}
.serBox{width:90%;}
.serList{width:80%;margin:0 auto;padding-bottom:215px;text-align: center;}
.serList li{width:116px;margin:0 38px ;display: inline-block;float:none;}
.serImg{top:-12%;}
.newList{width:90%;}
.newList li{width:32%;margin-right:2%;}
.newList .mr0{margin-right:0;}
.newsText{width:70%;}
.newsText h4{font: 14px/35px "MS Gothic";}
.newsText p{font: 12px/20px "MS Gothic";}
.serDrop{width:240px;height:240px;border: 80px solid #f8f8f8;margin-left: -200px;margin-bottom: -200px;}
}

@media screen and (max-width:1200px) {
	 .flexslider{padding-top:90px;}
 .flexslider{padding-top:90px}
.numList{padding:30px 0;}
.numList li{width:33.33%;padding:10px 0;}
.tabsBox{width:90%;}
.tabsBox a{width:20%;height:120px;margin:0 auto;}
.tabsBox a p{width:80px;height:80px;margin:0 auto;}
.tabsBox a p i{font-size:32px;line-height:80px;}
.tabsBox a h5{font:16px/40px "MS Gothic";}
.soluBox{width:90%;}
.soluCont{width:100%;margin:0 auto;}
.soluText{padding-top:3%;}
.serImg4{display:none;}
.serImg7{right:10%;}
.termList{width:90%;text-align: center;padding:140px 0;}
.termList li,.termList .active{width:242px;height:270px;background-size: 242px 270px;margin:0 20px;display: inline-block;float:none;text-align: center;}
.serDrop{width:200px;height:200px;border:80px solid #f8f8f8;margin-left:-180px;margin-bottom:-180px;}
.serItem li{font: 38px/1em "MS Gothic";}
.serText h6{font: 20px/1em "MS Gothic";}
.contectBox{width:90%;}
.serList{width:82%;}
.serList li{margin:0 30px;}
.termbg1{right: 36px;top: 7px;}
.termbg2{right: 5px;top: 3px;}
.termIcon {margin-top: 60px;}
.termIcon .iconzd{font-size:32px;line-height:32px;}
.termList li h4{ font: 20px/1em "MS Gothic";padding: 20px 0 10px;}
.termList li p{  font: 14px/24px "MS Gothic";height:72px;}
.termList li span{margin:18px auto 0;}
.terminal{background-attachment: scroll;}
.service{background-attachment: scroll;}
}

@media screen and (max-width:1000px) {
	.swiper-container{height:700px;}
  .flexslider{height:440px;}
.banText2{top:25%;}
.banText2 h3{font:38px/1.5em "MS Gothic";}
.banText2 p{font-size:20px;}
.ourList li{width:25%;}
.soluCont{ padding-bottom: 180px;}
.soluTit{padding: 80px 0 30px;}
.tabsBox{width:80%;margin-bottom:50px;}
.soluImg{width:80%;margin:0 auto;float:none;}
.soluImg img{width:100%;}
.soluText{width:80%;margin:0 auto;float:none;}
.soluText h6{text-align: center;}
.soluText .soluMore{margin:0 auto;margin-top:20px;}
.serTit{padding-top:10px;}
.serImg{top:-10%;width:90%;margin-left:-45%;}
.newList{width:80%;}
.newList li{width:45%;margin-right:5%;}
.newList .mr0{margin-right:5%;}
.newsText{width:70%;}
.newsText h4{font: 14px/35px "MS Gothic";}
.newsText p{font: 12px/20px "MS Gothic";}
.termList{width:100%;text-align: center;}
.termList li,.termList .active{width:200px;height:212px;background-size: 200px 212px;margin:0 15px;display: inline-block;float:none;text-align: center;}
.serList{text-align: center;width:90%;}
.serList li{display:inline-block;float:none;margin:0 19px;text-align: center;}
.contectLeft{width:47%;}
.contectRight{width:50%;}
.contectTit{padding-left:50%;}
.termbg1{right: 28px;top: 0px;}
.termbg2{right: 0px;top: 0px;}
.termIcon {margin-top: 55px;}
.termIcon .iconzd{font-size:28px;line-height:28px;}
.termList li h4{ font: 20px/1em "MS Gothic";padding: 16px 0 8px;}
.termList li p{  font: 14px/20px "MS Gothic";height:40px;width:160px;}
.termList li span{margin:15px auto 0;}
}

@media screen and (max-width:800px) {
.banText2{width:90%;margin:0 5%;}
.swiper-container{height:600px;}
.flexslider{height:400px;}
.prev,.next{position:absolute;top:50%;margin-top:-25px;display:block;font-family:"iconfont";color:#fff;transition:all 0.4s;}
.prev{left:20px;font-size:50px;}
.next{right:20px;font-size:54px;}
.banText2 h3{font:28px/1.5em "MS Gothic";}
.banText2 p{font-size: 18px;}
.tabsBox{width:90%;margin-bottom:50px;}
.newList{width:90%;}
.newList li{width:47%;margin-right:3%;}
.newDate{width:63px;height:63px;}
.newDate span{font:24px/38px "MS Gothic";height:38px;}
.newDate em{  font: 14px/1em "MS Gothic";}
.newList .mr0{margin-right:3%;}
.newsText{width:75%;}
.newsText h4{font: 14px/26px "MS Gothic";padding-top:3px;}
.newsText p{font: 12px/18px "MS Gothic";height:36px;}
.contectBox{width:80%;}
.contectTit{width:100%;text-align: center;padding-left:0;}
.contectLeft{width:100%;padding-bottom: 80px;}
.contectLeft p{font: 18px/20px "MS Gothic";}
.contectRight{width:100%;}
.serItem li{font: 28px/1em "MS Gothic";margin:0 15px;}
.serText h6{font: 18px/1em "MS Gothic";}
.serBox{width:100%;}
.serList{text-align: center;width:90%;}
.serList li{margin: 0 13px;}
.serImg{top: -8%;}
.serTit{width:238px;height:80px;}
.serTit h4{width:100%;height:46px;}
.serTit h5{font: 22px/34px "MS Gothic";}
.serImg7{right:8%;}
.serImg6{right:30%;}
.serImg5{width:212px;height:152px;}
.serImg3{top:12%;}
.termList{width:90%;text-align: center;padding:120px 0;}
.termList li,.termList .active{width:242px;height:270px;background-size: 242px 270px;margin:0 15px;display: inline-block;float:none;text-align: center;}
.termbg1{right: 36px;top: 7px;}
.termbg2{right: 5px;top: 3px;}
.termIcon {margin-top: 60px;}
.termIcon .iconzd{font-size:32px;line-height:32px;}
.termList li h4{ font: 20px/1em "MS Gothic";padding: 20px 0 10px;}
.termList li p{  font: 14px/24px "MS Gothic";height:72px;}
.termList li span{margin:18px auto 0;}
.banText2 .more{margin-top:60px;}
}

@media screen and (max-width:680px){
.newList{width:80%;}
.newList li{width:100%;}
.newDate{width:78px;height:78px;}
.newDate span{display:block;font:36px/52px "MS Gothic";height:52px;}
.newDate em{display:block;font:16px/1em "MS Gothic";}
.newList .mr0{margin-right:3%;}
.newsText{float:right;width:72%;height:100%;overflow:hidden;}
.newsText h4{/*padding-top:5px;*/font:18px/35px "MS Gothic";color:#434343;}
.newsText p{font:14px/20px "MS Gothic";color:#777;overflow:hidden;height:40px;}
.custList{width:90%;}
.custList li{width:50%;border:solid 1px #eeeeee;float:left;margin:-1px;}
.serItem{width:70%;margin:auto;text-align: center;}
.serItem li{font: 28px/1em "MS Gothic";width:46%;margin:3% 2%;display: inline-block;}
.serText h6{font: 16px/1em "MS Gothic";letter-spacing:12px;}
.serBox{width:90%;}
.serList{width:100%;text-align: center;}
.serList li{width:116px;margin:0 5px;}
.serImg3{display:none;}
.serImg7{right:0;}
.banText2{width:80%;margin:0 10%;}
.banText2 h3{font: 22px/1.5em "MS Gothic";}
.banText2 p{font-size:16px;}
.soluTit{padding-top:60px;}
.flexslider:hover .flex-prev {opacity: 0.7; left: 8px;background-size:80%;}
.flexslider:hover .flex-next { opacity: 0.7; right: 8px;background-size:80%;}
}

@media screen and (max-width:628px){
.termList li{padding:15px 0;}	
.termImg img{height:1100px;}
.termBox{bottom:60px;}
}

@media screen and (max-width:600px) {

	 .flexslider{padding-top:60px;}
.swiper-container{height:500px;}
 .flexslider{padding-top:60px;}
.prev,.next{display:none;}
.banText2 p{font:16px/30px "MS Gothic";}
 .numList{padding:20px 0;}
.numList li i{font-size:28px;color:#EF3333;}
.numList li{width:50%;padding:5px 0;}
.ourList li{width:50%;}
.contectLeft p{font: 16px/20px "MS Gothic";}
.contectBox{width:90%;}
.serList{width:90%;text-align: center;}
.serList li{margin:0 30px;}
.serBtn p{display: none;}
.serImg{top:-5%;}
.tabsBox{margin-bottom:20px;text-align: center;}
.tabsBox a{width:15px;height:15px;display: inline-block;background:#f2f2f2;border-radius:50%;margin:10px;float:none;}
.tabsBox .active{background:#EF3333;}
.tabsBox a p{display:none;}
.tabsBox a h5{display:none;}
/*.tabsBox a p{  width: 100px;height: 100px;}
.tabsBox a p i{font-size: 40px;line-height: 100px;}
.tabsBox a h5 {height: 62px;font: 22px/62px "微软雅黑";}*/
.soluCont{padding-bottom:150px;}
.soluTit{padding-top:45px;padding-bottom:10px;}
.banText2 .more{margin-top:40px;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 5px;background-size:60%;}
.flexslider:hover .flex-next { opacity: 0.7; right: 5px;background-size:60%;}
.termList{padding:80px 0;}
}

@media screen and (max-width:480px) {
 .flexslider{height:400px;}	
.serItem li{font: 22px/1em "MS Gothic";width:46%;margin:3% 2%;display: inline-block;}
.serText h6{font: 14px/1em "MS Gothic";letter-spacing:8px;}
.serList{width:100%;text-align: center;}
.serList li{margin:0 15px;}
.serDrop{width:150px;height:150px;border:solid 50px #f8f8f8;  margin-left: -125px;margin-bottom: -125px;}
.serImg8,.serImg6,.serImg7,.serImg5,.serImg10{display: none;}
.serList{padding-bottom:160px;}
.soluCont{padding-bottom:120px;}
.banText2{width:70%;}
.numList li i{font-size:20px;;color:#EF3333;}
.numList li i em{font:12px/20px "MS Gothic";}
.numList li p{font:12px/20px "MS Gothic";color:#333;overflow:hidden;height:20px;}
.numList li i span{position:static;}
.returnBox{ margin-top: -190px;}
.termList{padding:60px 0;}
}

@media screen and (max-width:400px) {

.newList{width:80%;}
.newList li{width:100%;}
.newDate{width:20%;height:60px;}
.newDate span{font:20px/38px "MS Gothic";height:38px;}
.newDate em{  font: 12px/1em "MS Gothic";}
.newList .mr0{margin-right:3%;}
.newsText{width:75%;}
.newsText h4{font: 14px/24px "MS Gothic";/*height:24px;*/overflow:hidden;}
.newsText p{font: 12px/18px "MS Gothic";/*height:36px;*/overflow:hidden;}
.contectLeft p{font: 14px/20px "MS Gothic";}
.serBox{width:100%;}
.serList li{margin:0 10px;}
.serTit{width:190px;height:64px;}
.serTit h4{  width: 100%;height: 37px;}
.serTit h5{font: 18px/27px "MS Gothic";}
.serDrop{display: none;}
.serImg{top:-4%;}
.serList{padding-bottom:20px;}
.soluCont{padding-bottom:100px;}
.banText2 h3 {font: 18px/2em "MS Gothic";}
.banText2 .more{margin-top:30px;}
}