@charset "utf-8";

/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*{ margin:0px; padding:0px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body { font-family:"微软雅黑",Arial; color:#333;  font-size:12px; line-height:24px; background:#ffffff;}
body,html{ width:100%; height:100%;}
h1,h2,h3,h5,h6{ font-weight:normal;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#999; outline:none; star:expression_r(this.onFocus=this.blur());}
a:hover {text-decoration: none; color:#ff8b26 ;cursor:pointer;}
img{ border:none;}
.clins{ clear:both; width:100%; margin:0; height:50px;}
.conten{ margin:auto;}
.pointer { cursor:pointer; }
.NoBorder { border:0 none; }
.NoPadding { padding:0; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.Break { word-break:break-all; word-wrap:break-word; }
.Nobreak { word-break:keep-all; word-wrap:normal; }
.fl { float:left; }
.fr { float:right; }
.UnLine { text-decoration:underline; }
.DisunLine { text-decoration:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.wrapper { clear:both; overflow:hidden; }
.o-hidden { overflow:hidden; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.FB { font-weight:bold; }
.FN { font-weight:normal; }
.FI { font-style:italic; }
.F10 { font-size:10px; }
.F11 { font-size:11px; }
.F12 { font-size:12px; }
.F13 { font-size:13px; }
.F14 { font-size:14px; }
.F16 { font-size:16px; }
.F18 { font-size:18px; }
.DivH5, .DivH10, .DivH15, .DivH20, .DivH25, .DivH30, DivH1, .DivH40 { width:100%; overflow:hidden; }
.DivH1 { height:1px; }
.DivH5 { height:5px; }
.DivH8 { height:8px; }
.DivH10 { height:10px; }
.DivH15 { height:15px; }
.DivH20 { height:20px; }
.DivH25 { height:25px; }
.DivH30 { height:30px; }
.DivH40 { height:40px; }
.DivH60 { height:60px; }
.DivH80 { height:80px; }
.LH1 { line-height:1px; }
.LH10 { line-height:10px; }
.LH15 { line-height:15px; }
.LH18 { line-height:18px; }
.LH20 { line-height:20px; }
.LH25 { line-height:25px; }
.LH30 { line-height:30px; }
.LH35 { line-height:35px; }
.color_green { color:#85c226; }
.color_red { color:#e8470a; }
.color_red1 { color:#F00; }
.color_yellow { color:#bf0000; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
i{ display:inline-block;}
.mainbox{ width:1200px; height:auto; margin:0 auto;}
.mainbox2{ width:980px; height:auto; margin:0 auto;}
.bgclgrey{ background:#333;}



.warp{ width:100%; position: absolute; left:0; top:0; z-index:10; box-shadow:0px 0px 3px rgba(0,0,0,0.3);/* filter:alpha(opacity=80);  -moz-opacity:0.8;   -khtml-opacity: 0.8;  opacity: 0.8;  border-bottom:1px dashed #e9d4cd;*/}
.warppr{ height:80px;}
.top{ margin:0 auto; height:35px; line-height:34px; border-bottom:1px solid #f0ebea; background: rgba(0,0,0,0.4); transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s;}
.logo{ float:left; padding-top:15px;}
.logo img{ height:48px;}

.navherd{ float:right;}
.nav{ background: rgba(0,0,0,0.4); width:100%; height:80px; margin:0px auto;}
.nav.navbk{ background: rgba(0,0,0,1); width:100%; margin:0px auto;}
.nav ul{ max-width:1200px; margin:0px auto;}
.nav li{ display:inline-block; height:80px; line-height:80px; font-size:14px; margin:0 0 0 60px;transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s;}
.nav li.searchli{ margin-right:0;}
.nav li a{ color:#fff; display:block;transition:all ease 0.3s;}
.nav li.navon a{ color:#ff8b26; border-bottom:2px solid #ff8b26; height:80px;transition:all ease 0.3s;}
.nav li a:hover{color:#ff8b26;}
.solside{background:url(images/solde.jpg) no-repeat center center/cover;height:390px; width:100%;}


.footer_wrap{ width:1200px;}
.footertop{ width:100%; height:auto; padding:40px 0; background:#292929; color:#b2b2b2; font-size:14px; line-height:30px;}
.footer_list{position:relative; width:400px;}
.footer_list h2{ font-size:16px; margin-bottom:25px;}
.footernav{ width:320px; height:100px; border-right:1px dashed #ff8b26;}
.footernav a{ color:#ff8b26; font-size:14px; float:left; display:block; width:28%; margin:0 0 25px;}
.footercontact{ width:400px;height:100px;border-right:1px dashed #ff8b26;}
.footercontact p{ margin-bottom:10px;}
.footercontact i{ width:13px; height:15px; margin:8px 10px 0 0;float:left;}
.footercontact span{ float:left; width:280px;}
.icon_map{ background:url(../images/icon_map.png) no-repeat; background-size:13px 15px;}
.icon_tel{ background:url(../images/icon_tel.png) no-repeat; background-size:13px 15px;}
.footererweima{ width:330px; font-size:16px; line-height:35px;}
.footererweima img{ width:118px; height:118px; float:left; margin-right:30px;}

.footer_lef{ width:500px; background:url(../images/footmapbg.png) no-repeat right top;}
.footer_leg{ width:700px; padding:0 0 0 70px;}
.footer_leftil{ font-size:16px; line-height:28px; margin-bottom:14px; color:#fff;}
.footer_leftil span{ font-size:12px; float:right;}
.footer_leftil a{ color:#fff; float:right;}
.footer_leftil a:hover{ color:#ff8b26;}
.footer_leftex{ font-size:14px;}
.footer_leftex li{ font-size:14px;}
.footer_leftex li span{ font-size:12px; float:right;}
.footer_leftex li a{ color:#b2b2b2;}
.footer_leftex li a:hover{ color:#ff8b26;}
.footer_leftx .fbol{ font-size:18px; font-weight:bold; color:#ff8b26; font-style:italic;}
.f_tabul{ width:300px; float:left;}
.f_tabul li{ float:left; margin-right:20px;}
.f_tabul li.f_tabulcur{ color:#ff8b26; border-bottom:2px solid #ff8b26;}


.footer{height:40px; line-height:40px; background:#1a1a1a;color:#999999;}
.footer_con p{ text-align:center;}

.sold{ overflow:hidden;}
.slideBox{ width:100%; display:inline-table; height:36vw; overflow:hidden; float:left; position:relative; background:#fff;}
.soldtpmv{ width:55%; display: inline-table; height:auto; position: absolute; bottom:0; left:0;}
.soldtpmv img{ width:100.5%; display:block; height:auto;}
.soldtexonc{ width:45%; display: inline-table; height:36vw; float:right; position:relative; vertical-align:middle; text-align:center; color:#fff; background:#8cba36;}
.soldtexonctab{ display:inline-table; width:100%; height:100%; vertical-align:middle; text-align:center;}
.soldtexonctabmod{ display: table-cell; height:100%; padding:0 20px; text-align:center; vertical-align:middle;}

.soldetilf{ font-size:4.2em; line-height:1.5em;transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s;}
.soldetilt{ font-size:3em; line-height:1.5em;transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s;}
.soldetilw{ font-size:3em; line-height:1.5em;transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s;}



/*  推荐案例  */

.probgt{ position:relative; width:100%; height:0px; z-index:-1;}
.prabta{ position: absolute; width:100%; height:230px; background:url(../images/probgt.png) no-repeat center top;}


.casenl{ width:300px; height:800px; float:left;}
.casenti{ width:300px; height:600px; float:left; position:relative;}
.casenig{ width:600px; height:400px; float:left; position:relative; overflow:hidden;}
.casenml{ width:300px; height:200px; float:left; position:relative; overflow:hidden;}
.casentw{ width:300px; height:400px; float:left;}
.casemg{ display:block; width:100%; height:100%; transition: all 0.5s ease 0s;}
.casere{ width:900px; height:400px; float:left;}
.qs_enter{ position:absolute; left:-8px; bottom:200px;}
.qs_enter i{ display:block; width:56px; height:56px; margin:0 auto 10px;perspective:150;
-webkit-perspective:150; /* Safari and Chrome */}
.qs_enter i.icon_tj1{ background:url(../images/icon_tj1.png) no-repeat;}
.qs_enter i.icon_tj2{ background:url(../images/icon_tj2.png) no-repeat;}
.qs_enter i.icon_tj3{ background:url(../images/icon_tj3.png) no-repeat;}
.qs_enter a:hover i{animation: myfirst 1s;
-moz-animation: myfirst 1s;	/* Firefox */
-webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
-o-animation: myfirst 1s;	/* Opera */}
.qs_enter a{ display:block;float:left; text-align:center; color:#ff8b26; font-size:18px; margin-left:40px;}
@keyframes myfirst
{
from {transform: rotateY(0deg);
-webkit-transform: rotateY(0deg)}
to {transform: rotateY(360deg);
-webkit-transform: rotateY(360deg)}
}


.casere .left{ float:left;}
.casere .right{ float:right;}
.casenig:hover .casemg{ transform:scale(1.1);}
.casenig:hover .casepat{ display:block;}
.casenml:hover .casemg{ transform:scale(1.1);}
.casenml:hover .casepat{ display:block;}

.casepat{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); padding:30px; display:none;}
.casepatbor{ width:100%; height:100%; border:1px solid #fff;}
.caseintil{ font-size:20px; text-align:center; color:#fff; line-height:28px;}
.caseintex{ font-size:14px; color:#eee; overflow:hidden;}
.caseintbn{ color:#ff8b26; text-align:center;}
.caseintbn a{ color:#ff8b26; border:1px solid #ff8b26; text-align:center; display:inline-block; width:120px; height:40px; font-size:14px; line-height:38px; transition: all 0.5s ease 0s;}
.caseintbn a:hover{ background:#ff8b26; color:#fff;}

.casepatbor{ padding:60px 50px;}
.casenml .casepatbor{ padding:10px 20px;}
.casenig .caseintil{ margin-bottom:30px;}
.casenml .caseintil{ margin-bottom:0px; font-size:16px;}
.casenig .caseintex{ height:100px; margin-bottom:15px; line-height:25px;}
.casenml .caseintex{ height:40px; margin-bottom:15px; font-size:12px; line-height:20px;}
.casenig .caseintbn a{}
.casenml .caseintbn a{ height:30px; line-height:28px;}


.caseinde{ background:url(../images/probgb.png) no-repeat center bottom;}


/*  hetil  */

.hetil{ text-align:center; padding:55px 0 20px;}
.hetilcn{ font-size:28px; line-height:30px; color:#fff;}
.hetilen{ font-size:16px; line-height:20px; color:#cacaca; margin-bottom:15px;}
.hetillk{ display:inline-block; width:300px; border-bottom:1px solid #525252; height:2px;}
.hetillk i{ display:inline-block; vertical-align:top; height:2px; width:80px; background:#ff8b26; margin-bottom:-1px;}


/*  一站式服务  */
.servicecon{ width:1200px; height:423px; margin:0 auto; background:url(../images/service_bg.png) no-repeat center center; box-shadow:0 3px 15px #222; position:relative;}
.indexxian{ width:1080px; height:176px; position:absolute; left:60px; top:100px;}
.indexxian img{ width:1080px; height:176px;}
.tablitit{ position:absolute; width:280px; left:-95px; top:106px;height:40px; line-height:20px; overflow:hidden;}
.dadasd{height:40px; line-height:20px; position:absolute; top:0; width:100%; left:0;transition: all 0.5s ease 0s;}
.tablides{ position:absolute; top:50px; left:0; width:100%; height:40px; line-height:20px; display:inline-table; transition: all 0.5s ease 0s;}
.tablidescon{ display:table-cell; width:100%; height:40px; line-height:20px; font-size:14px; color:#fff;}
.service_tab li:hover .dadasd{ top:-50px; }
.service_tab li:hover .tablides{ top:0;}

.service_tab li{font-size:16px; color:#ff8b26; text-align:center;}
.service_tab li i{ display:block; width:91px; height:91px; margin:0 auto 15px;}
.icon_service_1{ background:url(../images/icon_service_1.png) no-repeat center center/91px 91px;}
.icon_service_2{ background:url(../images/icon_service_2.png) no-repeat center center/91px 91px;}
.icon_service_3{ background:url(../images/icon_service_3.png) no-repeat center center/91px 91px;}
.icon_service_4{ background:url(../images/icon_service_4.png) no-repeat center center/91px 91px;}
.icon_service_5{ background:url(../images/icon_service_5.png) no-repeat center center/91px 91px;}
.icon_service_6{ background:url(../images/icon_service_6.png) no-repeat center center/91px 91px;}
.icon_service_7{ background:url(../images/icon_service_7.png) no-repeat center center/91px 91px;}
.icon_service_8{ background:url(../images/icon_service_8.png) no-repeat center center/91px 91px;}
.icon_service_9{ background:url(../images/icon_service_9.png) no-repeat center center/91px 91px;}

.service_tab li:hover .icon_service_1{ background:url(../images/icon_service_1_on.png) no-repeat center center/91px 91px;}
.service_tab li:hover .icon_service_2{ background:url(../images/icon_service_2_on.png) no-repeat center center/91px 91px;}
.service_tab li:hover .icon_service_3{ background:url(../images/icon_service_3_on.png) no-repeat center center/91px 91px;}
.service_tab li:hover .icon_service_4{ background:url(../images/icon_service_4_on.png) no-repeat center center/91px 91px;}
.service_tab li:hover .icon_service_5{ background:url(../images/icon_service_5_on.png) no-repeat center center/91px 91px;}
.service_tab li:hover .icon_service_6{ background:url(../images/icon_service_6_on.png) no-repeat center center/91px 91px;}
.service_tab li:hover .icon_service_7{ background:url(../images/icon_service_7_on.png) no-repeat center center/91px 91px;}
.service_tab li:hover .icon_service_8{ background:url(../images/icon_service_8_on.png) no-repeat center center/91px 91px;}
.service_tab li:hover .icon_service_9{ background:url(../images/icon_service_9_on.png) no-repeat center center/91px 91px;}
.service_tab li.li_1{ position:absolute; top:61px; left:145px;}
.service_tab li.li_2{ position:absolute; top:61px; left:357px;}
.service_tab li.li_3{ position:absolute; top:61px; left:570px;}
.service_tab li.li_4{ position:absolute; top:61px; left:783px;}
.service_tab li.li_5{ position:absolute; top:61px; left:995px;}
.service_tab li.li_6{ position:absolute; top:224px; left:251px;}
.service_tab li.li_7{ position:absolute; top:224px; left:463px;}
.service_tab li.li_8{ position:absolute; top:224px; left:675px;}
.service_tab li.li_9{ position:absolute; top:224px; left:889px;}



/*  swiper-slide  */

.solde{ position:relative;}
.solde .swiper-slide{background:url(images/solde.jpg) no-repeat center center/cover; width:100%; height:760px;}
.solde .swiper-slide a{ display:block; width:100%; height:100%;}


.solloic{ height:225px; margin-top:-150px; position:relative; z-index:2; background:url(../images/solloicbg.png) no-repeat center bottom; margin-bottom:20px;}
.solloic ul{ width:1200px; height:225px; box-shadow: 0px 10px 20px rgba(0,0,0,0.6);}
.solloic li{ float:left; position:relative; width:300px; height:225px;}

.solloicimg{ width:300px; height:225px; overflow:hidden;}
.solloicimg img{ display:block; width:300px; height:225px;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}

.solloicimg img,.solloic li a:hover .solloicimg img{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.solloic li a:hover .solloicimg img{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
.solloictex{ width:300px; height:225px; display:block; position:absolute; top:0; left:0; padding:20px; color:#fff;}

.soictil{ font-size:20px; line-height:36px;}
.soictex{ font-size:14px; line-height:26px;}
.soicilk{ width:215px; padding-top:5px;}
.soicilk img{ display:block; width:215px; height:auto;}



.soinnom{ padding:30px 0 60px; background: url(../images/soinnombg.png) no-repeat center bottom;}


.sohtne{ }
.sohter{ width:480px; height:390px; padding:19px; border:1px solid #e6e6e6; background:#fff;}
.sohdti{ height:18px; line-height:18px; font-size:20px; border-left:2px solid #83b83a; padding-left:5px; margin-bottom:20px;}
.sohdti span{ height:18px; line-height:18px; font-size:14px; color:#999999; margin-left:10px;text-transform: uppercase;}
.sohdti a{ float:right; font-size:14px; color:#666;}
.sohdti a:hover{ float:right; font-size:14px; color:#ff8b26;}

.sohtnedv{ width:1200px; height:525px;}
.sohdvim{ width:1200px; height:525px;}
.sohdvim div{}
.sohdvim ul{ width:1200px; height:auto; overflow:hidden;}
.sohdvim li{ width:20%; height:175px; float:left; border-bottom:1px solid #ddd; border-right:1px solid #ccc; overflow:hidden;}
.sohdvim li img{ opacity:0.8;  transition: all 0.5s ease 0s;}
.sohdvim li:hover img{ opacity:1; transform:scale(1.1);}
.shetima{ position:relative; width:100%; height:100%; overflow:hidden;}
.shetimg{ position:relative; width:100%; height:100%;}
.shetimg img{ display:block; width:100%; height:100%; transition: all 0.5s ease 0s;}
.shetima:hover img{ transform:scale(1.1);}

.shetimt{ position:absolute; bottom:0; height:50px; padding:5px 0; line-height:20px; width:100%; background:url(../images/shetimtbg.png) repeat-x center center/contain;}
.shetimt span{ display:block; text-align:center; color:#fff;}


.sohtnedv .owl-controls{ position:absolute; top:-38px; bottom: auto; left:auto; right:0; height:20px; width:45px; display:none;}
.sohtnedv .owl-controls .owl-nav{ width:auto; height:auto;}
.sohtnedv .owl-controls .owl-prev,.sohtnedv .owl-controls .owl-next{ position:relative; top:auto; bottom: auto; left:auto; right:auto; width:20px; height:20px; float:left;}
.sohtnedv .owl-controls .owl-prev i,.sohtnedv .owl-controls .owl-next i{ font-style:inherit; color:#fff; background:#ff8b26; font-size:26px; line-height:0.6em;}
.sohtnedv .owl-controls .owl-next{ margin-left:5px;}


.soinwe{ background:#fff; padding:30px 0;}
.timnw{ text-align:center; margin-bottom:30px;}
.timnwti{ font-size:20px; line-height:30px;}
.timnwti a{ color:#000;}
.timnwti a:hover{ color:#ff8b26;}
.timnwlk{ width:50px; height:2px; display:block; background:#ff8b26; margin:5px auto;}
.timnwtx{ font-size:14px; line-height:20px; color:#666;}


.casels{ margin-bottom:30px;}
.casels ul{ width:1200px;}
.casels li{ width:395px; height:195px; float:left; margin-right:5px; margin-bottom:5px;}
.caselstil{ width:195px; height:195px; position:relative; float:left; font-size:14px; background:#ff8b26; color:#fff; text-align:center; z-index:2;}
.caselsbne{ width:195px; height:195px; position:relative; float:left; font-size:14px; background:#6ea2d9; color:#fff; text-align:center; z-index:2;}
.caselstim{ width:195px; height:195px; position:relative; overflow:hidden; float:left;}
.caselspad{ position:absolute; height:195px; width:auto; display:none;}
.caselspads{ position:absolute; height:195px; width:auto; right:0; display:none;}
.caselspad img,.caselspads img{ display:block; height:195px; width:auto;}
.caselstmr{ margin-right:5px;}
.caselstim img{ width:195px; height:195px; display:block; transition: all 0.5s ease 0s;}
.caselstab{ display:inline-table; width:100%; height:100%; vertical-align:middle; text-align:center; padding:0 10px; position:relative;}
.caselstce{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.caselstnc{ display:inline-block; padding:0 15px; background:#6ea2d9; height:35px; line-height:33px; color:#fff; border:1px solid #fff; transition: all 0.5s ease 0s;}
.caselstnc:hover{ background:#fff; color:#6ea2d9;}

.casels li:hover .caselspad,.casels li:hover .caselspads{ display:block;}
.casels li:hover .caselstim img,.casels li:hover .caselstims img{ transform:scale(1.1);}


/* 本例子css */




.sodlr{ width:100%; background:#fff;}
.sodemd{ width:100%; background:#fff; height:535px;}
.sodemdle{ display:inline-block; width:50%; height:100%; background:#fff; float:left; font-size:30px; line-height:48px;transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s;}
.sodemdrg{ display:inline-block; width:50%; height:100%; background:#fff; overflow:hidden;}
.sodemdletab{ display:inline-table; width:100%; height:100%; vertical-align:middle;}
.sodemdletht{ display: table-cell; height:100%; padding:0 70px; vertical-align:middle;}

.sodemdimg{ display:block; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat;}

.icoprev,.iconext{ display:block; width:100%; height:100%;}
.iconext{ background:url(../images/panet.png) no-repeat left top;}
.icoprev{ background:url(../images/panet.png) no-repeat right top;}
.iconext:hover{ background:url(../images/panet.png) no-repeat left bottom;}
.icoprev:hover{ background:url(../images/panet.png) no-repeat right bottom;}


.diswapblock{ display:none;}
.dispcblock{ display:block;}





@media (min-width: 1280px) and (max-width: 1600px){
	
	}


@media (min-width: 1000px) and (max-width: 1280px){
	
	
	}


@media (min-width: 880px) and (max-width: 1000px){
	
	
	}



@media (min-width: 640px) and (max-width: 880px){
	
	
	}



@media (min-width: 320px) and (max-width: 640px){
	
	
	}



@media (max-width: 640px){
	
	
	}
	
@media (max-width: 320px){
	
	
	}

@media (max-width: 500px){
.diswapblock,.casepat{ display:block;}
.dispcblock,.soicilk,.menucon,.soictex,.casenig .caseintex,.casenml .caseintex{ display:none;}

.mainbox{ width:100%; height:auto;}
.logo{ padding-top:10px;}
.logo img{ height:35px;}

/*头部菜单*/
.warp{ position:fixed; top:0; left:0; z-index:33;}
.wapmenu{ display:block; float:right; width:40px; height:60px; text-indent:-9999px; background:url(../images/icon_menu.png) no-repeat center center/25px 18px;}
.nav{ height:60px; padding:0 10px; background: rgba(0,0,0,1);}	
.nav ul{ width:100%; height:100%; position:fixed; left:0; top:0;background: rgba(0,0,0,1); padding:23% 15% 0; z-index:33;}
.nav li{ margin:0 auto; width:100%; height:45px; line-height:45px; border-bottom:1px solid #333;}
.nav li.navon a{ height:45px; border:none; color:#fff;}
.waplogo{ width:100%; position:absolute; left:0; top:15px; text-align:center; z-index:34}
.waplogo img{ height:25px;}
.close{ position:absolute; left:20px; top:20px; z-index:44; width:15px; height:15px; background:url(../images/close.png) no-repeat center center/15px 15px; text-indent:-9999px;}


.warppr{ height:60px;}

/*内页banner*/
.solside{height:150px;}

/*  swiper-slide  */

.solde .swiper-slide{width:100%; height:280px;}

.solloic{ width:96%; margin:-20px auto 0; height:auto;}
.solloicimg,.solloicimg img,.solloictex{ width:100%; height:auto;}
.solloic ul{width:100%; height:18vw;box-shadow: 0px 10px 20px rgba(0,0,0,0.6);}
.solloic li{ width:25%; height:18vw;}
.solloictex{ padding:5px;}
.soictil{ font-size:14px; line-height:normal; height:18vw; line-height:18vw; text-align:center; overflow:hidden;}


/* 推荐案例  */
.probgt{ display:none;}
.hetil{ padding:20px 0 0;}
.hetil2{ padding:0;}
.hetilcn{ font-size:20px; line-height:25px;}
.hetilen{ font-size:14px;margin-bottom:10px;}
.hetillk{width:250px; }

.casere,.casenig,.casentw{ width:100%; height:auto; float:none;}
.casenml{ width:50%; height:auto;}
.caseintil{ font-size:16px;}
.casenml .caseintil{ font-size:12px;}
.casepat{ padding:20px 5px 0;}
.casepatbor{ border:none;}
.caseintbn a{ font-size:12px; width:70px; height:25px; line-height:23px;}
.casenml .caseintbn a{height:25px; line-height:23px;}

/* 一站式服务  */
.service{ margin-top:20px;}
.servicelist{ width:90%; margin:0 auto;border-radius:5px; }
.ser_lisst{ margin-bottom:20px;}
.ser_lisst .sertit{ font-size:16px;color:#ff8b26;}
.ser_lisst .serdes{ font-size:14px;color:#fff;}
.ser_lisst div{display:inline-block; width:78%;}
.ser_lisst i{ display:inline-block;width:10%; vertical-align:top; margin-right:2%;}
.ser_lisst i img{ width:100%; height:auto;}


/* 品牌案例  */

.sohtnedv,.sohdvim,.sohdvim ul{ width:100%; height:auto;}
.soinnom{ padding:30px 0 0;}
.sohdvim li{ width:20%; height:15vw;}
.sohdvim li a{ display:block;width:100%; height:100%;}
.sohdvim li img{ width:100%; height:100%;}

/* 底部  */
.footer{ height:auto; line-height:normal; padding:10px;}
	}
	
	
	

