.background{background: #eeeeee;}
.maxwidth{max-width: 1200px;margin:0 auto;}
h2{text-align: center;padding: 50px 0;font-size: 28px;}
.clear{clear:both;}

#homeBanner .slide-content li {width:760px;height:300px;  vertical-align:middle; font-size:14px;}
#homeBanner{width:100%;height:300px;overflow:hidden;zoom:1;}
#homeBanner .slide-content li{width:100%;height:300px;cursor:pointer}
.slide-wrap {overflow:hidden;zoom:1; position:relative;}
.slide-content {position:absolute;width:100%;left:0px;}
.slide-content .p1Info{width:1182px;margin:auto;font-family: "Microsoft YaHei";text-align:left;/*position:relative;*/}
.slide-content .title{font-size:36px;display:block;padding: 75px 0 10px 40px;/*position:absolute;top:50px;left:0;*/}
.slide-content .title_info{font-size:24px;display:block;padding:30px 0 0 40px;/*position:absolute;top:120px;left:0;*/}
.slide-nav {position:relative;bottom:10px; height:18px; padding-top:2px; z-index:3;margin:0 auto;width:96px;top:260px;right:1px;}
.slide-nav li { opacity:0.8; border:1px solid #000; color:#999; cursor:pointer; float:left; text-align:center;border-radius:50%;	
width:12px; height:12px; line-height:10px; background:#ccc; font-size:0; border:0; margin:10px 10px 0px 10px;}
.slide-nav li.on {color:#FFFFFF;font-weight:bold;width:12px; height:12px; line-height:10px; background:#999; margin-top:10px;}

.bcontent{position: absolute;right: 20%;top: 20%;color:#fff;}
.bcontent p{margin-bottom: 10px;}
.bcontent .p1{font-size:42px;}
.bcontent .p2{font-size:24px;margin-bottom: 30px;}
.bcontent .p3{padding: 10px 35px;color: #fff;font-size: 16px;background:url(../../share/images/aback.png);background-size: cover;}

.bcn2{text-align:center;}
.bcn2 p{font-size:42px;color:#fff;color: #fff;position: relative;padding-top: 6%;margin-bottom: 3%;}
.bcn2 a{background:url(../../share/images/bc2.png);background-size: 100% 100%;color: #fff;font-size: 16px;padding: 10px 38px;}

.tw{float: left;width: 100%;margin: 0px auto;padding: 80px 0;}
.tw ul{width:100%;}
.tw li{float:left;width:32%;margin-right:2%;position: relative;}
.tw li:nth-last-child(1){margin-right:0;}
.tw li img{width:100%;}
.tw li span{position: absolute;right: 0;left: 0;margin: 0 auto;text-align: center;top: 35%;font-size: 26px;color: #fff;}

.c_content{float:left;width:100%;text-align:center;position: relative;padding-bottom: 50px;}
/*.top{background:url(../../share/images/border_top.png);width: 39px;height: 32px;margin: 0 auto;position: absolute;bottom:0;left: 0;right: 0;display:none;}*/
.c_content li{float:left;width:32%;margin-right:2%;}
.c_content li:nth-last-child(1){margin-right:0;}
.c_content li .ctitle{background:url(../../share/images/img/rback.png);background-size: cover;}
.c_content li .ctitle img{width:auto;margin: 25px 0;}
.c_content li .ctitle h2{font-size: 26px;color: #fff;font-weight: normal;padding-bottom: 40px;margin: 0;}
.c_content li .box{/*box-shadow: 0px 5px 10px 3px #e9e9e9;*/border: 1px solid #108cee;}
.c_content li .cp{padding: 40px 0;}
.c_content li .cp p{font-size:14px;color: #666666;line-height: 32px;}
.c_content li .cbtm{height: 70px;}
.c_content li .cbtm .xq{border: 1px solid #108cee;padding: 10px 20px;color: #108cee;font-size: 14px;}
.c_content li .cbtm .zx{background: #108cee;color: #fff;padding: 10px 20px;font-size: 14px;margin: 0 20px;}

.zj{background:url(../../share/images/jz.jpg);height: 180px;line-height: 180px;background-size: 100% 100%;clear:both;}
.zj div{text-align:center;font-size: 32px;color: #fff;}
.zj div span{color:#efdf30;font-family: georgia;}


/*====== modelList =======*/
.tbox {clear:both;}
#modelList{padding-bottom: 50px;}
#modelList ul{ overflow:hidden; zoom:1; clear:both;}
#modelList li{float:left;width:32%;margin-right:2%;overflow: hidden;}
#modelList li:nth-last-child(1){margin-right:0;}
#modelList ul li .showModel{ overflow:hidden;zoom:1; clear:both; margin:15px 0 10px 0;position: relative;}
#modelList ul li.rLi{margin-right:0px;text-align:right}
.modelList .LeftBotton,.modelList .RightBotton{ height:470px;}

.showImg{  clear:both;position:relative;transform: scale(1,1);}
.showImg:hover{transform: scale(1.02,1.02);}
.showImg img{width:auto;}
.showImg .myshow img{display:block;width: 95%;}
.showContent{overflow:hidden;zoom:1;margin-top:20px;text-align:center;}
.showContent #left-content{text-align:left; float: left;font-size: 14px;line-height: 25px;font-family: monospace;}
.showContent #left-content a{color:#108cee;}
.showContent #left-content .grayfont{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.showContent #right-content{float:right;margin-top:10px;background: #fff;}
.showContent #right-content a{border: 1px solid #108cee;padding: 10px 14px;background: #fff;display: table-cell;}
.showContent #right-content a.btn_pre{background:#494949;border-bottom:0px;margin-right:5px}
.showContent #right-content a.btn_pre:hover{background:#222}

.showImg{overflow:visible !important}

#modelList #PC_show{background: url(../../share/images/boxshow_top.png) left top no-repeat;padding-top:22px;height:225;overflow:hidden;zoom:1;}

#modelList .mobile_show{width: 115px;height: 160px;padding-top: 18px;position: absolute;z-index: 9999;bottom: -25px;right: -3px;text-align: center;background: url(../../share/images/mobile.png) no-repeat center;background-size: 100% 100%;}
#modelList .mobile_show img{width:85px;height:100%;}
#modelList .mobile_show .mymobileshow{display:block;height:125px;overflow:hidden;zoom:1}

.grayfont{color:#666}

.showContent #right-content a.yl{border-right:none;}
.showContent #right-content a.codes .h2{width:21px;height:19px;}
.showContent #right-content a.codes .h2{display:none;}
.showContent #right-content a.codes:hover{border: 1px solid #3669fe;}
.showContent #right-content a.codes:hover .h1{display:none;}
.showContent #right-content a.codes:hover .h2{display:block;}
.xcode{background: url(../../share/images/xcode.png);background-size: 100% 100%;z-index:11111;background:#fff;}
.xcode .codeleft{float:left;width:32%;height:auto;position: relative;margin-top: 14%;padding-left: 12%;}
.xcode .coderight{float:right;width:32%;height:auto;position: relative;margin-top: 14%;padding-right: 12%;}
.xcode .codeleft div,.xcode .coderight div{font-size:13px;color:#333;}
.xcode .codeleft img,.xcode .coderight img{width: 100px;height:100px;margin-bottom:20px;}
.showContent #right-content .codes:hover .xcode{display:block;}
.tbox .cka{text-align: center;width: 30%;margin: 0 auto;display: block;color: black;font-size: 18px;border: 1px solid #999999;padding: 12px 0;background: #fff;}


.step{background:#2f5fff url(../../share/images/step.png) center bottom no-repeat;background-size: 100% 100%;float: left;width: 100%;padding-bottom: 80px;}
.step h2{text-align: center;padding: 50px 0;font-size: 28px;color: #fff;font-weight: normal;}
.step ul li{float:left;width:32%;margin-right:2%;background: #fff;text-align: center;height: 180px;}
.step ul li:nth-last-child(1){margin-right:0;}
.step ul li img{width:auto;margin: 30px 0;}
.step ul li p{font-size: 16px;margin-bottom: 40px;}

.reason{clear:both;}
.reason h2{text-align: center;padding: 50px 0;font-size: 28px;font-weight: normal;}
.reason li{float:left;width:32%;margin-right:2%;text-align: center;margin-bottom: 30px;}
.reason li:nth-last-child(1){margin-right:0;}
.reason li img{width:auto;}
.reason li img{transition: linear all 0.3s;-moz-transition: linear all 0.3s;-webkit-transition: linear all 0.3s;-o-transition: linear all 0.3s;}
.reason li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.reason li p{margin: 20px 0;font-size: 16px;color: #333333;}

.cooperation{float: left;width: 100%;padding-bottom: 50px;}
.cooperation h2{text-align: center;padding: 50px 0;font-size: 28px;font-weight: normal;}
.cooperation ul li{float:left;width:23%;margin-right:2%;background:#fff;text-align:center;height: 140px;transition: all .2s linear;}
.cooperation ul li:hover{transform: translate3d(0, -2px, 0);}
.cooperation ul li:nth-last-child(1){margin-right:0;}
.cooperation ul li img{width:auto;padding-top: 35px;}

.xcode{position: absolute;top: 0;width: 100%;left: 0;height: 265px;}

#bottom{clear:both;}
	.th_div{position: relative;max-width: 1200px;margin-left: auto;margin-top: auto;margin-right:auto;}

.wuhe{float: left;width: 100%;}
.wuhe h2{text-align: center;padding: 50px 0 20px 0;font-size: 28px;}
.wuhe h2 span{color:#108cee;}
.wuhe .wtitle{width: 35%;margin:0 auto;}
.wuhe .wtitle ul{width: 100%;border-top: 1px solid #b6b6b6;border-bottom: 1px solid #b6b6b6;float: left;text-align: center;padding: 12px 30px;}
.wuhe .wtitle ul li{float:left;width:19%;border-right: 1px solid #b6b6b6;font-size: 18px;color: #6f6f6f;font-weight: bold;}
.wuhe .wtitle ul li:nth-last-child(1){border:none;}
.wuhe p{clear:both;text-align:center;color: #6f6f6f;padding-top: 10px;}

.wshow{width: 100%;height: 755px;margin: 55px auto 0px;}
.wshow p{line-height: 31px;padding-top: 0px;}
.wshow .showtop{width: 100%;height: 336px;margin-bottom: 35px;}
.wshow .showtop .showtopbox{width: 49%;height: 312px;background: #fff;padding-top: 20px;float: left;position: relative;transition: transform 0.25s ease;}
.wshow .showtop .showtopbox:hover{transform: scale(1.05,1.05);}
.wshow .showtop .showtopbox:hover .showboxname{margin-bottom: 12px}
.wshow .showtop .showtopbox:hover .showboxprice{margin:0 auto 22px}
.wshow .showtop .showtopbox .showboxprice{width: 85%;margin: 0 auto 20px;text-align: center;}
.wshow .showtop .showtopleft{border-top: 2px solid #108cee;margin-right: 2%;}
.wshow .showtop .showtopleft .showboxname{color: #108cee;}
.wshow .showtop .showtopright{border-top: 2px solid #108cee;}
.wshow .showtop .showtopright .showboxname{color: #108cee;}
.wshow .showtop .showboxbutton{left: 0px;width: 100%;text-align: center;}
.wshow .showbottom{width: 100%;height: 384px}
.wshow .showbottom .showbottombox{width: 32%;height: 360px;background: #fff;float: left;padding-top: 20px;position: relative;transition: transform 0.25s ease;}
.wshow .showbottom .showbottombox:hover{transform: scale(1.05,1.05);}
.wshow .showbottom .showbottombox .showboxprice{width: 85%;margin: 0 auto 20px;text-align: center;}
.wshow .showbottom .showbottomleft{border-top: 2px solid #108cee;margin-right: 2%;}
.wshow .showbottom .showbottomleft .showboxname{color: #108cee;}
.wshow .showbottom .showbottommiddle{border-top: 2px solid #108cee;margin-right: 2%;}
.wshow .showbottom .showbottommiddle .showboxname{color: #108cee;}
.wshow .showbottom .showbottomright{border-top: 2px solid #108cee;}
.wshow .showbottom .showbottomright .showboxname{color: #108cee;}
.wshow .showbottom .showboxbutton{left: 0px;width: 100%;text-align: center;} 
.wshow .showboxname{height: 30px;margin-bottom: 10px;font-size: 24px;}
.wshow .showboxtrait{height: 30px;margin-bottom: 20px;font-size: 14px;color: #616161;}
.wshow .showboxprice{width: 175px;height: 50px;padding-bottom: 32px;border-bottom: 1px solid #d7d8d9;}
.wshow .showboxprice p:nth-child(1){font-size: 28px;line-height: 50px;color: #ff3c00;display: inline;}
.wshow .showboxprice p:nth-child(2){font-size: 14px;line-height: 50px;color: #616060;display: inline;}
.wshow .showboxmerit p{color: #616161;}
.wshow .showboxbutton{position: absolute;bottom: 25px;text-align: center;}
.wshow .showboxbutton a{display: inline-block;width: 107px;height: 37px;background: #108cee;font-size: 14px;color: #fff;line-height: 37px;}

.service .servicePage>div:last-of-type{  position:relative;}
.service .servicePage>div:last-of-type .serviceBg{ max-width:1182px; height:482px;}
.service .servicePage>div:last-of-type .serviceCon{    margin: 0 65px;width:1050px; height:380px; overflow:hidden;  position:absolute; left:0px; top:40px;}

.sliderService{ position:relative; }
.serviceBigBox{ float:left; position:absolute; left:0;padding: 0 60px;}
.serviceBox .serviceImg1{background:url(../../share/images/img/serviceImg1.png) center no-repeat;width: auto;height: 40%;}
.serviceBigBox .serviceBox{ width:310px; height:378px; background:white; margin:0; text-align:center;float:left;border-top: 1px solid #d1d2d2;border-bottom: 1px solid #d1d2d2;border-left: 1px solid #d1d2d2;}
.serviceBigBox .serviceBox:nth-last-chilld(1){border-right:1px solid #d1d2d2;}

.servicePage{position: relative;}
.serviceBox .serviceImg1{background:url(../../share/images/img/serviceImg1.png) center no-repeat;width: auto;height: 40%;}
.serviceBox .serviceImg2{background:url(../../share/images/img/serviceImg2.png) center no-repeat;width: auto;height: 40%;}
.serviceBox .serviceImg3{background:url(../../share/images/img/serviceImg3.png) center no-repeat;width: auto;height: 40%;}
.serviceBox .serviceImg4{background:url(../../share/images/img/serviceImg4.png) center no-repeat;width: auto;height: 40%;}
.serviceBox .serviceImg5{background:url(../../share/images/img/serviceImg5.png) center no-repeat;width: auto;height: 40%;}
.serviceBox .serviceImg6{background:url(../../share/images/img/serviceImg6.png) center no-repeat;width: auto;height: 40%;}
.serviceBox .stit{color:#108cee;font-weight: normal;font-size:28px;margin: 10px 0;}
.serviceBox .sp p{font-size: 16px;color:#333;}
.serviceLeft img,.serviceright img{width:auto;}
.serviceLeft{position: absolute;top: 35%;}
.serviceright{position: absolute;right: 0;top: 35%;}
.serviceBox .hov{height:315px;padding:20px;}
.serviceBox:hover{background:#108cee;}
.serviceBox:hover .hov{color:#fff;border:1px solid #fff;margin:10px;}
.serviceBox:hover .stit{color:#fff;}
.serviceBox:hover .sp p{color:#fff;}

.index1 .current{position: absolute;top:0px;border-style: solid dashed dashed;display: none;border-width: 22px;border-color: #eee transparent transparent;height: 0;width: 0;font-size: 0;line-height: 0%;z-index: 99;left: 50%;margin-left:-8px;display:block;}
.index1{clear:both;padding-bottom: 50px;float: left;width: 100%;position: relative;}
.index1 li{float:left;width:17%;background:#eeeeee;text-align: center;    height: 300px;}
.index1 li img{width:auto;}
.index1 li p{color: #108cee;font-size: 28px;padding: 40px 40px;}
.index1 li .f1,.index1 li .f2,.index1 li .f3,.index1 li .f4,.index1 li .f5{height:100%;}
.index1 li.first .f1{width: 100%;background:url(../../share/images/img/index1_1.png);background-size:100%;font-size:32px;}
.index1 li.first .f2{width: 100%;background:url(../../share/images/img/index1_2.png);background-size:100% 100%;font-size:32px;}
.index1 li.first .f3{width: 100%;background:url(../../share/images/img/index1_3.png);background-size:100% 100%;font-size:32px;}
.index1 li.first .f4{width: 100%;background:url(../../share/images/img/index1_4.png);background-size:100% 100%;font-size:32px;}
.index1 li.first .f5{width: 100%;background:url(../../share/images/img/index1_5.png);background-size:100% 100%;font-size:32px;}
.index1 .imgCen{display:none;}
.index1 li.first .st{display:none;}
.index1 li.first .mk{display:none;}
.index1 li.first .imgCen{display:block;}
.index1 .imgCen div{color:#fff;font-size:16px;padding: 0 20px;}
.index1 li.first{width:30%;}



.index2{float: left;width: 100%;position:relative;}
.index2 .up{position: absolute;bottom:0px;border-style: solid dashed dashed;display: none;border-width: 15px;border-color: transparent transparent #108cee transparent;height: 0;width: 0;font-size: 0;line-height: 0%;z-index: 99;left: 50%;margin-left:-8px;background:none;}
.index2 h2{text-align: center;padding: 50px 0 20px 0;font-size: 28px;}
.index2 p{text-align: center;font-size: 18px;margin-bottom: 50px;color: #666666;}
.index2 ul{position: relative;float: left;width: 100%;}
.index2 ul li{float:left;width:20%;text-align:center;margin-bottom: 30px;}
.index2 ul li div{font-size: 18px;padding: 20px 0;}
.index2 ul li img{width:auto;height: 105px;}
.index2 ul li.hd{display:none;}
.index2 ul li.gd img{height:auto;padding-top: 50px;}

.contrast{clear:both;}
.contrast .ct_banner{background:url(../../share/images/img/contrast.png) center no-repeat;text-align: center;color: #fff;padding: 20px 0;font-size: 32px;font-weight: bold;}
.contrast .tradition{float:left;width:50%;}
.contrast ul.odd{background:#ffddd8;float: left;width: 100%;}
.contrast ul li{float:left;width:40%;text-align: center;font-size: 18px;height: 70px;line-height: 70px;}
.contrast ul li:nth-last-child(2){width:20%;}
.contrast ul li:nth-last-child(1){line-height:inherit;}
.contrast ul li .blue{color:#108cee;font-size: 28px;font-weight: bold;}
.contrast ul li .orange{color:#2e60f5;font-size: 28px;font-weight: bold;}
.contrast ul li img{width:auto;margin-right: 20px;position: relative;top: 8px;float:left;}
.contrast ul li:nth-last-child(3) img{padding-left: 20%;padding-top: 18px;}
.contrast ul li .first{float:left;}
.contrast ul li:nth-last-child(1) img{float:left;top: 15px;}
.contrast ul li:nth-last-child(1) div{width:72%;padding-top: 10px;text-align: left;}

.i_server{float: left;width: 100%;padding-bottom: 50px;}
.i_server ul li{float:left;width:calc(100%/6);text-align:center;}
.i_server ul li img{width:auto;}
.i_server ul li p{font-size: 16px;padding: 15px 0;}

@media screen and (min-width:1024px) and (max-width:1200px){
	.bcontent{right: 10%;}
	.slide-nav{top: 240px;}
	.Homebanner ul,.Homebanner ul li{width:100% !important;}
	
	.serviceLeft{top: inherit;bottom: 40px;text-align: center;margin: 0 auto;right: 0;left: 45%;z-index:111111;position: inherit;float: left;}
	.serviceright{top: inherit;bottom: 40px;text-align: center;margin: 0 auto;right: 45%;z-index:111111;position: inherit;float: right;}
	.service .servicePage>div:last-of-type .serviceBg{height:auto;}
	.service .servicePage>div:last-of-type .serviceCon{margin: 0;width:100%;position:inherit;height: 480px;z-index:1;}
	.wuhe{overflow: hidden;}
	.serviceBigBox{padding:0;}
	.contrast ul li:nth-last-child(3) img{padding-left: 10%;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.Homebanner ul,.Homebanner ul li{width:100% !important;}
	.bcn2 p{font-size: 32px;padding-top: 12%;margin-bottom: 8%;}
	.bcontent{right: 2%;}
	.bcontent .p1{font-size: 32px;}
	.slide-nav{top: 240px;}
	.tw li span,.c_content li .ctitle h2{font-size:20px;}
	.c_content li{margin-bottom: 20px;}
	.showImg img{width:100%;}
	.zj div{font-size:22px;}
	.cooperation ul li img{width: 80%;padding-top: 45px;}
	
	.serviceLeft{top: inherit;bottom: 40px;text-align: center;margin: 0 auto;right: 0;left: 44%;z-index:111111;position: inherit;float: left;}
	.serviceright{top: inherit;bottom: 40px;text-align: center;margin: 0 auto;right: 40%;z-index:111111;position: inherit;float: right;}
	.service .servicePage>div:last-of-type .serviceBg{height:auto;}
	.service .servicePage>div:last-of-type .serviceCon{margin: 0;width:100%;position:inherit;height: 480px;z-index:1;}
	.wuhe{overflow: hidden;}
	.serviceBigBox{padding:0;}
	.contrast ul li:nth-last-child(3) img{padding-left: 10%;}
	.
	.wtitle{width:50%;}
	.index1 li p{font-size: 22px;padding: 40px 20px;}
	.index2 ul li{width: 25%;}
	.contrast ul{float: left;width: 100%;height: 90px;}
	.contrast ul li{height:auto;line-height:inherit;}
	.contrast ul li .first{width: 70%;text-align: left;padding-top: 20px;}
	.contrast ul li:nth-last-child(2){padding-top: 20px;}
	.showContent #right-content a{padding:10px;}
	.i_server ul li{width:33%;}
	.c_content li .ctitle h2{padding: 20px 0;}
}
@media screen and (min-width:414px) and (max-width:767px){
	.Homebanner ul,.Homebanner ul li{width:100% !important;}
	h2{font-size:20px !important;}
	#homeBanner,.slide-content,#homeBanner .slide-content li{height:200px !important;}
	#homeBanner .slide-content li{background-size: 160% 100% !important;}
	.Homebanner,.Homebanner ul, .Homebanner ul li,.Homebanner ul li img{height:200px !important;}
	.Homedot{bottom: 10px;}
	.Homeleft{top: 40%;left: 0;}
	.Homeright{top:40%;right:0;}
	.Homeleft img, .Homeright img{width:35%;}
	#subMenuItem li{width:20% !important;}
	
	.bcontent{right: 0;left: 45%;}
	.bcontent .p1{font-size: 22px;}
	.bcontent .p2{font-size:16px;}
	.slide-nav{top: 240px;}
	.tw{padding: 30px 0;}
	.tw li span,.c_content li .ctitle h2{font-size:15px;}
	.tw li span{top:28%;}
	.c_content h2{margin: 30px 0;}
	.c_content li{margin-bottom: 20px;width: 96%;margin: 0 2% 2% 2% !important;}
	.zj{height: 120px;line-height:inherit;}
	.showImg img{width:100%;}
	.zj div{font-size:18px;padding-top: 35px;}
	.cooperation ul li img{width: 80%;padding-top: 45px;}
	.tbox h2{padding: 30px 0;}
	#modelList li{width:96%;margin:0 2% !important;}
	.step{padding-bottom: 40px;}
	.step ul li img{width: 30%;margin: 20px 0;}
	.step ul li{height: 130px;}
	.reason li{margin-bottom:0;}
	.reason li img{width:60%;}
	.reason h2,.cooperation h2,.step h2{padding: 30px 0;}
	.cooperation{padding-bottom:30px;}
	.cooperation ul li{height: 80px;}
	.cooperation ul li img{padding-top: 25px;}
	.c_content li .cp{padding: 20px 0;}
	.bcontent .p3{padding: 10px 20px;}
	.bcn2 p{font-size:22px;padding-top: 15%;margin-bottom: 8%;}
	.bcn2 a{font-size:14px;}
	.tbox .cka{font-size:16px;}
	
	#newBridge .icon-left-center{display:none;}
	
	.serviceLeft{top: inherit;bottom: 40px;text-align: center;margin: 0 auto;right: 0;left: 38%;z-index:111111;position: inherit;float: left;}
	.serviceright{top: inherit;bottom: 40px;text-align: center;margin: 0 auto;right: 32%;z-index:111111;position: inherit;float: right;}
	.service .servicePage>div:last-of-type .serviceBg{height:auto;}
	.service .servicePage>div:last-of-type .serviceCon{margin: 0;width:100%;position:inherit;height: 480px;z-index:1;}
	.wuhe{overflow: hidden;}
	.serviceBigBox{padding:0;}
	.contrast ul li:nth-last-child(3) img{padding-left: 10%;}
	.wuhe .wtitle{width:90%;}
	.wuhe .wtitle ul{padding: 12px 0px;}
	.index1 li p{font-size: 22px;padding: 40px 20px;}
	.index2 ul li{width: 33%;}
	.contrast ul{float: left;width: 100%;height: 100px;}
	.contrast ul li{height:auto;line-height:inherit;}
	.contrast ul li .first{width:72%;text-align: left;padding-top: 20px;padding-left: 8px;}
	.contrast ul li:nth-last-child(2){padding-top: 20px;}
	.showContent #right-content a{padding:10px;}
	.i_server ul li{width:33%;}
	.c_content li .ctitle h2{padding: 20px 0;}
	.index1 li{width: 50%;}
	.index1 li.first{width:100%;}
	.index2 ul li img{width: 40%;height: 50px;}
	.index2 ul li div,.contrast ul li{font-size:14px;}
	.contrast .ct_banner,.contrast ul li .blue,.contrast ul li .orange{font-size:20px}
	.contrast ul li img{width:8%;}
	.contrast ul li:nth-last-child(1) img{padding-left: 12px;}
	.contrast ul li:nth-last-child(1) div{width:75%;padding-left: 30px;}
	.i_server ul li p{font-size:14px;height:40px;}
	.i_server ul li img{width:50%;}
	.link{padding-bottom: 0px;font-size: 14px;padding-top: 20px;}
}
@media screen and (min-width:320px) and (max-width:414px){
	h2{font-size:18px !important;}
	#homeBanner,.slide-content,#homeBanner .slide-content li{height:200px !important;}
	#homeBanner .slide-content li{background-size: 160% 100% !important;}
	.Homebanner,.Homebanner ul, .Homebanner ul li,.Homebanner ul li img{height:200px !important;}
	.Homedot{bottom: 10px;}
	.Homeleft{top: 40%;left: 0;}
	.Homeright{top:40%;right:0;}
	.Homeleft img, .Homeright img{width:35%;}
	#subMenuItem li{width:20% !important;}
	
	.bcontent{right: 0;left: 45%;}
	.bcontent .p1{font-size: 22px;}
	.bcontent .p2{font-size:16px;right: -20px;margin-bottom: 20px;}
	.slide-nav{top: 240px;}
	.tw{padding: 30px 0;}
	.tw li span,.c_content li .ctitle h2{font-size:14px;}
	.tw li span{top:28%;}
	.c_content h2{margin: 30px 0;}
	.c_content li{margin-bottom: 20px;width: 96%;margin: 0 2% 2% 2% !important;}
	.zj{height: 120px;line-height:inherit;}
	.showImg img{width:100%;}
	.zj div{font-size:18px;padding-top: 35px;}
	.cooperation ul li img{width: 80%;padding-top: 45px;}
	.tbox h2{padding: 30px 0;}
	#modelList li{width:96%;margin:0 2% !important;}
	.step{padding-bottom: 40px;}
	.step ul li img{width: 30%;margin: 20px 0;}
	.step ul li{height: 130px;}
	.reason li img{width:60%;}
	.reason h2,.cooperation h2,.step h2{padding: 30px 0;}
	.cooperation{padding-bottom:30px;}
	.cooperation ul li{height: 60px;}
	.cooperation ul li img{padding-top: 20px;}
	#modelList{padding-bottom:0;}
	.c_content li .cp{padding: 20px 0;}
	.bcontent .p3{padding: 10px 20px;font-size:14px;}
	.slide-nav{top: 170px;right: -20px;}
	.step ul li p,.reason li p{font-size:14px;}
	.reason li{margin-bottom:0;}
	.bcn2 p{font-size:20px;padding-top: 15%;margin-bottom: 12%;}
	.bcn2 a{font-size:14px;padding: 8px 25px;}
	.tbox .cka{font-size:14px;}
	
	.serviceLeft{top: inherit;bottom: 40px;text-align: center;margin: 0 auto;right: 0;left: 38%;z-index:111111;position: inherit;float: left;}
	.serviceright{top: inherit;bottom: 40px;text-align: center;margin: 0 auto;right: 32%;z-index:111111;position: inherit;float: right;}
	.service .servicePage>div:last-of-type .serviceBg{height:auto;}
	.service .servicePage>div:last-of-type .serviceCon{margin: 0;width:100%;position:inherit;height: 480px;z-index:1;}
	.index1 li{width: 50%;    height: 200px;}
	.index1 li.first{width:100%;}
	.index2 ul li img{width: 40%;height: 50px;}
	.index2 ul li div,.contrast ul li{font-size:14px;}
	.contrast .ct_banner,.contrast ul li .blue,.contrast ul li .orange{font-size:18px}
	.contrast ul{float: left;width: 100%;height: 100px;}
	.contrast ul li img{width:8%;}
	.contrast ul li:nth-last-child(1) img{padding-left: 12px;}
	.contrast ul li:nth-last-child(1) div{width:75%;padding-left: 30px;}
	.i_server ul li p{font-size:14px;height:40px;}
	.i_server ul li img{width:50%;}
	.link{padding-bottom: 0px;font-size: 14px;padding-top: 20px;}
	.wuhe .wtitle{width: 80%;}
	.wuhe .wtitle ul{padding: 12px 0px;}
	.wuhe .wtitle ul li{font-size:14px;}
	.index1 li p{font-size:18px;}
	.index1 li img{width:20%;}
	.index1 li p{height:38px;}
	.index1 .imgCen div{font-size:14px;}
	.index2 ul li{width:33%;}
	.index2 ul li div{height: 38px;padding:10px 0 0 0;}
	.contrast ul li .first{width:67%;text-align: left;padding-top: 20px;padding-left: 8px;line-height: normal;}
	.contrast ul li:nth-last-child(3) img{padding-left: 8%;margin-right: 5px;}
	.i_server ul li{width:33%;}
	.c_content li .ctitle h2{padding: 0px 0 30px;}
	
	#newBridge .icon-left-center{display:none;}

	.wshow{width: 100%;margin: 30px auto 0;height: 1897px;}
	.wshow .showtop{width: 100%;height: 712px;margin-bottom: 0px;}
	.wshow .showtop .showtopbox{width: 100%;margin-bottom: 20px;}
	.wshow .showtop .showtopbox .showboxprice{width: auto;}
	.wshow .showtop .showboxbutton{position: absolute;bottom: 15px;}
	.wshow .showbottom{width: 100%;height: 1185px;}
	.wshow .showbottom .showbottombox{width: 100%;margin-bottom: 15px;}

}
@media screen and (max-width:320px){
	.contrast .ct_banner, .contrast ul li .blue, .contrast ul li .orange{font-size:16px;}
	.contrast ul{height: 110px;}
	.i_server ul li p{height:48px;}
}
.combo ul .border-color {
    border-color: #f1351c;
  }
  .combo_tit p .tit-color {
    color: #f1351c;
  }
  .combo-span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .span-p {
    display: block;
    width: 88px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    background: #108cee;
    text-align: center;
  }
  .span-form {
    display: block;
    width: 0;
    height: 0;
    border-left: 44px solid #108cee;
    border-right: 44px solid #108cee;
    border-bottom: 20px solid transparent;
  }
  .combo {
    background: #eee;
    position: relative;
    text-align: center;
    overflow: hidden;
  }
  .combo ul {
    margin-left: -2%;
    height: auto;
  }
  .combo ul li {
    width: 31.3%;
    background: #fff;
    margin-left: 2%;
    float: left;
    padding: 0 0 20px;
    position: relative;
    border-top: 2px solid #108cee
  }
  .combo ul li:nth-last-child(1) {
    margin-right: 0;
  }
  .combo ul li:hover {
    box-shadow: 5px 5px 5px #ccc;
  }
  .combo_top {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
  }
  .combo_top .combo-top-title {
    font-size: 24px;
    color: #ff4106;
  }
  .combo_top .combo-top-subtitle {
    font-size: 16px;
    color: #666;
    margin-top: 25px;
  }
  .combo_t{
    padding-bottom: 25px;
    padding-top: 25px;
  }
  .combo_tit p{
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: center;
  }
  .combo_tit.combo-title {
    margin-bottom: 25px;
  }
  .combo_tit.combo-subtitle {
    margin-bottom: 20px;
  }
  .combo_tit.combo-subtitle a {
    color: #108cee;
  }
  .comboprice p{
    font-size: 16px;
    color: #108cee;
    text-align: center;
  }
  .comboprice p .price{
    font-size: 30px;
    color: #ff3c00;
    font-family: "Microsoft YaHei",verdana;
  }
  .combobut{
    width: 220px;
    height: 38px;
    background: #108cee;
    margin: 15px auto 0;
    text-align: center;
  }
  .combobut a { 
    width: 220px;
    height: 38px;
    color: #fff;
    line-height: 38px;
    cursor: pointer;
    font-size: 14px;
    display: block;
  }
  .padding15{
    display: inline-block;
    color: #108cee;
    font-size: 14px;
    margin-top: 15px;
  }
  .color-danger {
    color: #ff3c00;
  }
   .key-color {
    color: #108cee;
  }
  @media screen and (min-width:1025px) and (max-width:1080px) {
    .span-p {
      width: 70px;
      height: 30px;
      line-height: 30px;
      font-size: 14px;
    }
    .span-form {
      border-left: 35px solid #108cee;
      border-right: 35px solid #108cee;
      border-bottom: 10px solid transparent; 
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .span-p {
      width: 50px;
      height: 25px;
      line-height: 25px;
      font-size: 12px;
    }
    .span-form {
      border-left: 25px solid #108cee;
      border-right: 25px solid #108cee;
      border-bottom: 5px solid transparent; 
    }
    .combo_top {
      padding-top: 30px;
      padding-bottom: 10px;
    }
    .combo_top .combo-top-subtitle {
      margin-top: 5px;
      padding: 0 10px;
      min-height: 40px;
    }
    .combo_t {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .combo_tit.combo-title {
      margin-bottom: 15px;
      padding: 0 10px;
    }
    .combo_tit.combo-subtitle {
      margin-bottom: 10px;
    }
    .padding15 {
      margin-top: 10px;
    }
    .combo ul li {
      padding: 0 0 15px;
    }
    .combobut {
      width: 80%;
      margin-top: 10px
    }
    .combobut a {
      width: 100%
    }
    .price-tag {
    padding: 0 10px 0 17px;
    font-size: 12px;
    line-height: 16px;
  }
  }
  @media screen and (min-width:320px) and (max-width:767px) {
    .combo ul {
      margin-left: 0;
      padding-bottom: 20px;
    }
    .combo ul li {
      width: 100%;
      margin-bottom: 20px;
      margin-left: 0;
      padding-bottom: 15px;
    }
    .combo ul li:nth-last-child(1) {
      margin-bottom: 0;
    }
    .span-p {
      width: 50px;
      height: 25px;
      line-height: 25px;
      font-size: 12px;
    }
    .span-form {
      border-left-width: 25px;
      border-right-width: 25px;
      border-bottom-width: 5px; 
    }
    .combo_top {
      padding-top: 25px;
      padding-bottom: 10px;
    }
    .combo_top .combo-top-title {
      font-size: 18px;
    }
    .combo_top .combo-top-subtitle{
      margin-top: 10px;
    }
    .combo_t {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .combo_tit.combo-title {
      margin-bottom: 15px;
      padding: 0 10px;
    }
    .combo_tit.combo-subtitle {
      margin-bottom: 10px;
    }
    .combobut {
      margin-top: 10px;
    }
    .padding15 {
      margin-top: 10px;
    }
    .combobut {
      width: 110px;
    }
    .combobut a {
      width: 110px;
    }
  }

  .what .what-tit {
    float: right;
    max-width: 600px;
  }
  .what .what-tit .what-title {
    font-size: 32px;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 35px;
    line-height: 45px;
	text-align:center
  }
  .what .what-tit .what-title span {
    color: #ff3d01;
  }
  .what .what-tit .what-subtitle {
    font-size: 14px;
    color: #fff;
    margin-bottom: 35px;
    line-height: 29px;
    text-indent: 2em;
  }
  @media (min-width: 320px) and (max-width: 767px) {
    .what {
      text-align: center;
    }
    .what .what-tit {
      float: none;
      width: 100%;
    }
    .what .what-tit .what-title {
      font-size:26px;
      line-height: 30px;
      margin-top: 0;
      margin-bottom: 10px;
    }
    .what .what-tit .what-subtitle {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 0;
    }
  }
  
  .section-box.cost {
    padding: 75px 0;
    background: #fff;
  }
  .section-box.cost .section-box-title {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .section-box.cost .section-box-content {
    position: relative;
  }
  .cost p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
  }
  .cost .cost_title {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    line-height: 36px;
    padding: 0 30px;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 18px;
  }
  .cost_left,
  .cost_right,
  .cost_center {
    position: absolute;
  }
  .cost_left {
    text-align: right;
    left: 18%;
    margin-top: 25px;
  }
  .cost_left .cost_title {
    background: #069ef5;
    margin-bottom: 20px;
  }
  .cost_left p span {
    color: #069ef5;
  }
  .cost_right {
    text-align: left;
    left: 67%;
    margin-top: 25px;
    width: 270px;
  }
  .cost_right .cost_title {
    background: #7106f5;
    margin-bottom: 20px;
  }
  .cost_right p span {
    color: #7106f5;
  }
  .cost_center p {
    font-size: 32px;
    color: #ff3d01;
    line-height: 40px;
  }
  .cost_bottom {
    text-align: center;
    margin-top: 400px;
  }
  .cost_bottom .cost_title {
    background: #f56606;
  }
  .cost_bottom p span {
    color: #f56606;
  }
  @media screen and (min-width:1025px) and (max-width:1040px) {
    .cost_left {
      left: 14%;
    }
    .cost_right {
      left: 69%
    }
    .span-p {
      width: 50px;
      height: 25px;
      line-height: 25px;
      font-size: 12px;
    }
    .span-form {
      border-left: 25px solid #108cee;
      border-right: 25px solid #108cee;
      border-bottom: 5px solid transparent; 
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .section-box.cost {
      padding: 20px 0;
    }
    .section-box.cost .section-box-title {
      margin-bottom: 10px;
    }
    .cost_center {
      width: 200px;
      background-size: cover;
      margin-left: -100px;
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .cost_center p {
      font-size: 28px;
      line-height: 30px;
    }
    .cost_right,
    .cost_left {
      margin-top: 10px;
    }
    .cost .cost_title {
      margin-bottom: 10px;
    }
    .cost_right {
      max-width: 200px;
      left: 65%;
    }
    .cost_left {
      left: 12%;
    }
    .cost_bottom {
      margin-top: 220px;
    }
  }
  @media (min-width: 320px) and (max-width: 767px) {
    .section-box.cost {
      padding: 20px 0;
    }
    .cost p {
      font-size: 14px;
      line-height: 20px;
    }
    .section-box.cost .section-box-content {
      text-align: center;
    }
    .section-box.cost .section-box-title {
      margin-bottom: 10px;
    }
    .cost .cost_title {
      font-size: 16px;
      line-height: 30px;
      padding: 0 15px;
      margin-bottom: 10px;
      border-radius: 15px;
    }
    .cost_left,
    .cost_right,
    .cost_center,
    .cost_bottom {
      position: relative;
      left: 0;
      width: 100%;
      text-align: center;
      margin-left: 0;
    }
    .cost_left,
    .cost_right,
    .cost_bottom {
      margin-top: 20px;
    }
    .cost_center {
      width: 120px;
      padding: 45px 0;
      background-size: cover;
    }
    .cost_center p {
      font-size: 12px;
      line-height: 15px;
    }
  }

   .pain .section-box-title {
    font-size: 32px;
    color: #000;
    margin-bottom: 25px;
  }
  .pain .section-box-title span {
    color: #fff;
  }
  .pain_left,
  .pain_right {
    width: 45%;
    float: left;
  }
  .pain_left {
    text-align: left;
  }
  .pain_right {
    text-align: right;
  }
  .pain_center {
    width: 10%;
    float: left;
    text-align: center;
  }
  .pain_tit {
    display: inline-block;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    border-radius: 24px;
    min-width: 470px;
    margin-top: 15px;
    margin-bottom: 32px;
  }
  .pain_tit:nth-of-type(6) {
    margin-bottom: 0;
  }
  .pain_left .pain_tit {
    color: #000;
    background: #fff;
    margin-left: 48px;
  }
  .pain_left .pain_tit span {
    color: #0066cc;
  }
  .pain_right .pain_tit {
    color: #333;
    background: #e0e4e9;
  }
  .pain_center .pain_tit {
    max-width: 70px;
    min-width: 70px;
    line-height: 20px;
    padding: 15px;
    margin: 0 auto;
    color: #fff;
    background: #1063df;
    border-radius: 50%;
    margin-top: 0;
    margin-bottom: 26px;
  }
  .pain_center .pain_tit:nth-last-child(1) {
    margin-bottom: 0;
  }
  .pain_center .pain_tit_1 {
    margin-left: 55px;
  }
  .pain_center .pain_tit_2 {
    margin-left: 80px;
  }
  .pain_center .pain_tit_3 {
    margin-left: 85px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .pain {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .pain .section-box-title {
      margin-bottom: 10px;
    }
    .pain_tit {
      font-size: 12px;
      line-height: 30px;
      border-radius: 15px;
      min-width: 310px;
      margin-top: 15px;
      margin-bottom: 20px;
    }
    .pain_left .pain_tit {
      margin-left: 0px;
    }
    .pain_center .pain_tit {
      max-width: 26px;
      min-width: 26px;
      line-height: 13px;
      margin-bottom: 10px;
    }
    .pain_center .pain_tit_1,
    .pain_center .pain_tit_2,
    .pain_center .pain_tit_3 {
      margin-left: 0;
    }
  }
  .section-box.intelligence .section-box-subtitle {
    font-size: 20px;
    margin-bottom: 35px;
  }
  .section-box.intelligence .section-box-content {
    overflow: visible;
  }
  .intelligence-box {
    margin-left: 600px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 10px #343e4d;
    padding: 30px;
  }
  .intelligence-boxinner {
    margin-bottom: 18px;
  }
  .intelligence-boxinner:nth-last-child(1) {
    margin-bottom: 0;
  }
  .intelligence-tag {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    width: 26px;
    display: inline-block;
    float: left;
    background: #c00;
    border-radius: 50%;
    text-align: center;
  }
  .intelligence-title {
    font-size: 18px;
    color: #333;
    margin-left: 40px;
    margin-bottom: 5px;
    line-height: 26px;
  }
  .intelligence-subtitle {
    font-size: 16px;
    color: #666;
    margin-left: 40px;
    line-height: 25px;
    max-width: 460px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .section-box.intelligence {
      padding-top: 20px;
      padding-bottom: 40px;
    }
    .section-box.intelligence .section-box-subtitle {
      margin-bottom: 15px;
    }
    .intelligence-box {
      max-width: 70%;
      padding: 15px;
      margin: 0 auto;
    }
    .intelligence-boxinner {
      margin-bottom: 10px;
    }
  }
  @media screen and (min-width:320px) and (max-width:767px) {
    .intelligence {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .section-box.intelligence .section-box-subtitle {
      margin-bottom: 15px;
    }
    .intelligence-box {
      margin: 0 auto;
      border-radius: 10px;
      box-shadow: 0px 0px 0px 5px #343e4d;
      padding: 10px;
    }
    .intelligence-boxinner {
      margin-bottom: 10px;
    }
    .intelligence-tag {
      font-size: 14px;
      width: 25px;
      line-height: 25px;
    }
    .intelligence-title {
      font-size: 16px;
      line-height: 25px;
      margin-bottom: 0;
    }
    .intelligence-subtitle {
      font-size: 14px;
      line-height: 20px;
    }
  }

  
  .flow {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-box.flow .section-box-title {
    font-size: 32px;
    color: #000;
    margin-bottom: 30px;
  }
  @media screen and (min-width:768px) and (max-width:1024px){
    .flow {
      padding-top: 20px;
      padding-bottom: 30px;
    }
    .section-box.flow .section-box-title {
      margin-bottom: 20px;
    }
    .section-box.flow .section-box-content {
      height: 290px;
      background-size: cover;
    }
  }
  @media screen and (min-width:320px) and (max-width:767px){
    .flow {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .section-box.flow .section-box-title {
      margin-bottom: 10px;
      font-size: 18px;
    }
    .section-box.flow .section-box-content {
      height: 100px;
      background-size: cover;
    }
  }

  .popup .popup-title i {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .case .section-box-title {
    font-size: 32px;
  }
  .case .section-box-content {
    padding-top: 30px;
  }
  .case .case-line {
    width: 100%;
    overflow: hidden;
  }
  .case .case-lines {
    position: relative;
    width: 96%;
    height: 30px;
    padding-bottom: 3px;
    display: inline-block;
    overflow: hidden;
  }
  .case .case-name {
    width: 2000px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .case .case-names {
    float: left;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
    color: #999;
    margin-left: 40px;
  }
  .case .case-names.active,
  .case .case-names:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
  }
  .case .case-names:hover {
    color: #fff;
    border-color: #fff;
  }
  .nams-left,
  .nams-right {
    margin-top: 8px;
    border-width: 10px;
    border-style: solid;
    cursor: pointer;
  }
  .nams-left {
    float: left;
    border-color: transparent #fff transparent transparent;
  }
  .nams-right {
    float: right;
    border-color: transparent transparent transparent #fff;
  }
  .case-home {
    width: 100%;
    margin-top: 45px;
    clear: both;
  }
  .case-box {
    width: 3000px;
  }
  .case-boxs {
    position: relative;
    float: left;
    margin-right: 20px;
    background-color: #535353;
  }
  .case-showbox {
    cursor: pointer;
    width: 280px;
    background: #535353;
  }
  .case-boxs .case-logo {
    width: 90px;
    height: 90px;
    border: #fff;
    border-radius: 50%;
    background: #fff;
    margin-top: 40px;
    overflow: hidden;
  }
  .case-boxs .case-showbox img {
    max-width: 100%;
    max-height: 100%;
  }
  .case-boxs .case-boxs-tit {
    font-size: 14px;
    color: #ccc;
    line-height: 1;
    margin-top: 10px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-spacing: normal;
  }
  .case-boxs .case-boxs-tit.case-domain {
    color: #fff;
    margin-top: 22px;
    font-size: 18px;
  }
  /*.case-boxs .case-description {
    min-height: 50px;
  }*/
  .case-boxs .case-boxs-btn {
    display: inline-block;
    width: 100%;
    background: #666;
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    line-height: 44px;
  }
  .case .case-more {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    margin-top: 70px;
    overflow: hidden;
  }
  .case-hidebox {
    display: none;
    position: absolute;
    cursor: pointer;
    top: -18px;
    left: -64px;
    width: 409px;
    height: 355px;
    background: #fff;
    overflow: hidden;
    z-index: 99999;
  }
  .case-hidebox img {
    max-width: 100%;
    cursor: pointer;
  }
  .popup {
    width: 800px;
  }
  .popup img{
    max-width: 100%;
  }
  .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }


  
  .use {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .use .section-box-title {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 30px;
  }
 .advantage-ul {

	box-sizing: content-box;
	-webkit-box-sizing:content-box;
  }

  .advantage-li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 30px 0;
    background: #fff;
    float: left;
    text-align: center;
	
  }
  .advantage-li:nth-child(3n+3) {
    margin-right: 0;
  }
  .advantage-li:hover {
    box-shadow: 5px 5px 5px #ccc;
  }
  .advantage-title {
    font-size: 20px;
    color: #000;
  }
  .advantage-subtitle {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
    line-height: 25px;
    max-width: 200px;
    min-height: 50px;
    margin: 0 auto;
  }
  @media(min-width: 768px) and (max-width: 1024px) {
    .advantage-li {
      width: 32%;
      margin-left: 0%;
      margin-right: 2%;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .advantage-li:nth-child(n+3) {
      margin-bottom: 0;
    }
  }
  @media(min-width: 320px) and (max-width: 767px) {
    .advantage-li {
      margin-left: 0;
      margin-bottom: 0;
      margin: 0 auto 20px;
      float: none;
    }
  }
  
  @media screen and (min-width:414px) and (max-width:767px){
    .mtop{margin-top: 0px;}
    .rz_right,.rz_left{margin-right: 0px;}
    .t_submenu_but{display: none;}
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .what,
    .use,
    .case {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .case .section-box-content {
      padding-top: 15px;
    }
    .section-box.what .section-box-title,
    .use .section-box-title,
    .intelligence .section-box-title,
    .case .section-box-title {
      font-size: 28px;
    }
    .use .section-box-title {
      margin-bottom: 10px;
    }
    .advantage-img {
      width: 70px;
      margin-top: 10px;
      margin-left: 10px;
    }
    .advantage-title {
      font-size: 18px;
      margin-top: 20px;
    }
    .advantage-subtitle {
      margin-top: 10px;
    }
    
    .intelligence .section-box-title {
      margin-bottom: 10px;
    }
    .case .case-lines {
      width: 92%;
    }
    .nams-left,
    .nams-left {
      margin-top: 5px;
    }
    .case-home {
      margin-top: 20px;
    }
    .case .case-more {
      margin-top: 25px;
      font-size: 18px;
    }
    .popup {
      width: 600px;
    }
    .case-homes,
    .case-lines {
      overflow-x: scroll;
    }
  }
  @media screen and (min-width:320px) and (max-width:767px) {
    .use,
    .case {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .use {
      text-align: center;
    }
    .intelligence {
      padding-top: 20px;
    }
    .section-box.what .section-box-title,
    .use .section-box-title,
    .intelligence .section-box-title,
    .section-box .section-box-title {
      font-size: 18px;
    }
    .intelligence .section-box-title {
      margin-bottom: 10px;
    }
    .Homebanner ul li.banner-new .tb_tit {
      top: 20px;
    }
    .Homebanner ul li.banner-new .newbanner-title {
      margin: 10px 0;
    }
    .use .section-box-title {
      margin-bottom: 10px;
    }
    .advantage-li {
      margin: 0;
      float: left;
      width: 47%;
      height: auto;
      padding: 10px 0;
      margin-right: 5%;
      margin-bottom: 10px;
    }
    .advantage-li:nth-child(3n+3) {
      margin-right: 5%;
    }
    .advantage-li:nth-child(2n+2) {
      margin-right: 0;
    }
    .advantage-li:nth-child(n+5) {
      margin-bottom: 0;
    }
    .advantage-img {
      margin-top: 0px;
      margin-left: 0px;
      float: none;
      width: 50%
    }
    .advantage-title {
      font-size: 16px;
      margin-top: 5px;
      margin-left: 0;
    }
    .advantage-subtitle {
      font-size: 12px;
      margin-top: 5px;
      margin-left: 0;
      padding: 0 5px;
      line-height: 15px;
      min-height: 45px;
    }
    .case .section-box-content {
      padding-top: 15px;
    }
    .case .case-lines {
      width: 80%
    }
    .nams-right,
    .nams-left {
      margin-top: 3px;
    }
    .case .case-names {
      font-size: 14px;
      line-height: 25px;
      margin-left: 15px;
      border-width: 1px;
    }
    .case-home {
      margin-top: 20px;
    }
    .case .case-more {
      margin-top: 20px;
      font-size: 16px;
    }
    .popup {
      width: 80%;
    }
    .case-homes,
    .case-lines {
      overflow-x: scroll;
    }
  }