@charset "gb2312";
/* CSS Document */

body{ text-align:left; font-size:12px; font-family:΢ÈíÑźÚ;  color:#666; background:#fff}
ul,dl,ol,li,dt,dd { margin:0px; padding:0px;	list-style:none;}
img {border:0;}
a{color: #666; text-decoration:none;}
a:hover{ color:#0c4da2; }
.clear{ clear:both}
.hide{display:none}
.r{float:right; }
/*a:hover img {	FILTER: alpha(opacity=90); -moz-opacity: 0.9}
a img {	FILTER: alpha(opacity=100); -moz-opacity: 1}
 transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;
*/
.m20{ margin-top:20px;}



/*·þÎñÏîÄ¿µ¼º½*/
.servicenav{width:100%; float:left; margin-top:25px; }
.servicenav ul{width:100%}
.servicenav ul a{float:left; padding:0 20px; font:bold 14px/50px "΢ÈíÑźÚ"; background:#f0f0f0; color:#666; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-right:1.66%; transition:1s}
.servicenav ul a.now,.servicenav ul a:hover{background:#010101; color:#fff;}
/*·þÎñÏîÄ¿Áбí*/
.servicelist{width:100%; float:left}
.servicelist ul{width:100%; float:left; margin-top:65px;}
.servicelist ul img{width:30.4%; float:left}
.servicelist ul img.wap{ display:none}
.servicelist dl{width:66%; float:right; position:relative;}
.servicelist dl h1{ width:100%; float:left}
.servicelist dl h1 a{font:bold 24px "΢ÈíÑźÚ"; color:#010101}
.servicelist dl p{width:100%; float:left; font:14px "΢ÈíÑźÚ"; color:#010101; margin-top:14px;}
.servicelist dl dd{width:100%; float:left; margin-top:14px;}
.servicelist dl dd i{font:bold 18px "΢ÈíÑźÚ"; color:#010101;  margin-right:20px;}
.servicelist dl dd span{  font-size:14px; color:#666; margin-top:6px;}
.servicelist dl li{ width:100%; float:left; margin-top:14px;}
.servicelist dl li a{float:left; margin-right:20px; color:#fff; font-size:18px; padding:10px 30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.servicelist dl li a.ser1{ background:#71c428;}
.servicelist dl li a.ser2{ background:#9d2bd1;}
.servicelist dl li a.ser3{ background:#e85319;}
.servicelist dl li a.ser4{ background:#71c428;}
/*ÆóÒµ¶¨ÖÆÏêÇé*/
.qiyebt{width:100%; float:left; font:bold 24px "΢ÈíÑźÚ"; color:#000; text-align:center; margin-top:40px;}
.qiyefbt{width:100%; float:left; font:bold 14px "΢ÈíÑźÚ"; color:#000; text-align:center; margin-top:10px;}
.qiyebg{width:100%; float:left; background:url(../images/qiyebg.jpg) 50% 50% no-repeat; background-size:cover; -webkit-background-size:cover; text-align:center; padding:30px 0 40px; margin-top:40px;}
.qiyebg p{width:100%; float:left; font-size:18px; font-weight:bold;color:#fff; margin-top:10px;}
.qiyedl{ width:100%; float:left; margin-top:30px;}
.qiyedl dl{ width:16.65%; float:left; text-align:center; font-size:16px; padding-top:110px;}
.qiyedl dl.q1{background:url(../images/q1.jpg) center top no-repeat}
.qiyedl dl.q2{background:url(../images/q2.jpg) center top no-repeat}
.qiyedl dl.q3{background:url(../images/q3.jpg) center top no-repeat}
.qiyedl dl.q4{background:url(../images/q4.jpg) center top no-repeat}
.qiyedl dl.q5{background:url(../images/q5.jpg) center top no-repeat}
.qiyedl dl.q6{background:url(../images/q6.jpg) center top no-repeat}

.qiyelist{width:100%; float:left}
.qiyelist ul{width:100%; float:left; margin-top:24px; padding-bottom:24px; border-bottom:1px #f0f0f0 solid}
.qiyelist ul img{ width:30%; margin-left:10%; float:left}

.qiyelist ul dl{width:40%; float:right}
.qiyelist ul dl dt{width:100%; float:left; height:60px; background:url(../images/qbt1.jpg) left center no-repeat}
.qiyelist ul dl dt p{margin-left:170px; font-size:14px; margin-top:8px;}
.qiyelist ul dl dd{width:100%; float:left; margin-top:35px;}
.qiyelist ul dl dd p{width:100%; float:left; color:#ff5400; font-size:16px; font-weight:bold}
.qiyelist ul dl dd span{width:100%; float:left; font-size:14px; color:#666; margin-top:3px;}

.qiyelist ul.qiyeul2 img{float:right; margin-right:10%}
.qiyelist ul.qiyeul2 dl{float:left;text-align:right}
.qiyelist ul.qiyeul2 dl dt{width:100%; float:left; height:60px; background:url(../images/qbt2.jpg) right center no-repeat}
.qiyelist ul.qiyeul2 dl dt p{margin-right:170px; margin-left:0}
.qiyelist ul dl dt.qydt3{background:url(../images/qbt3.jpg) left center no-repeat}

/*¼¯ÍŹÙÍø*/
.jtgw{ width:100%; float:left; margin-top:20px; background:#fff /*url(../images/jituanbg.jpg) 50% 50% no-repeat*/; background-size:cover; -webkit-background-size:cover; text-align:center; padding:25px 0 20px;}
.jituan{width:100%; float:left}
.jituan li{width:20%; float:left; background:#daeff9; padding:20px 0;transition:1s}
.jituan li p{width:100%; float:left;  height:34px}
.jituan li h2{width:100%; float:left; font:24px "΢ÈíÑźÚ"; color:#333; margin-top:6px; transition:0.5s }
.jituan li span{width:80%; float:left; margin-left:10%; font:14px/21px "΢ÈíÑźÚ"; text-align:left; margin-top:10px; transition:0.5s}
.jituan li:hover{background:#59b2de}
.jituan li:hover h2,.jituan li:hover span{color:#fff}
.jituan li.j1{ background:#ccebfa}
.jituan li.j1:hover{background:#59b2de}

.mubiao{width:100%; float:left; margin-top:25px;}
.mubiao li{width:30%; float:left; background:#fff; transition:1s; overflow:hidden; position:relative;}
.mubiao li.m1{width:40%;}
.mubiao li article{width:100%;  position:relative; overflow:hidden; height:120px; background:url(../images/m1.jpg) 50% 50% no-repeat;
-webkit-background-sixe: 100%;
background-size: 100%;}
.mubiao li.second article{ background:url(../images/m2.jpg) 50% 50% no-repeat;}
.mubiao li.san01 article{ background:url(../images/m3.jpg) 50% 50% no-repeat;}

.mubiao li img{height:100%; width:100%; vertical-align:top; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.mubiao li dl{width:90%; margin-left:5%; color:#333;text-align:left; padding-bottom:20px; }
.mubiao li h2{ font:24px/70px "΢ÈíÑźÚ"; }
.mubiao li span{ font:14px/21px "΢ÈíÑźÚ";display:block}
.mubiao li:hover{background:rgba(255,255,255,0.6)}
.mubiao li:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.mubiao li summary{width:100%; height:0px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#a9a9a9; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.mubiao li:hover summary{bottom:0;}

.our{width:100%; float:left; margin-top:20px;}
.ourbt{width:100%; text-align:center; font-size:24px; color:#5a5a5a}
.ourlist{width:100%; float:left; margin-top:20px;}
.ourlist li{width:30%; float:left; margin-right:4.9%}
.ourlist li.r{ margin-right:0; float:right}
.ourlist li article{width:100%;  position:relative; overflow:hidden;}
.ourlist li img{height:100%; width:100%; vertical-align:top; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.ourlist li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#a9a9a9; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ourlist li dl{width:100%; float:left}
.ourlist li dl h3{width:100%; float:left; font:bold 20px/24px "΢ÈíÑźÚ"; margin-top:10px; color:#666; text-align:left}
.ourlist li dl span{width:100%; float:left; text-align:left; font:14px/21px "΢ÈíÑźÚ"}
.ourlist li:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.ourlist li:hover summary{ bottom:0}


/**µçÉÌ**/
.dianshang{width:100%; float:left; margin-top:30px;}
.dsbt{width:100%; float:left; font:bold 24px "΢ÈíÑźÚ"; color:#333; text-align:center}
.dslist{width:100%; float:left; margin-top:20px;}
.dslist li{width:33.33%; float:left; text-align:center; color:#333;}
.dslist li img{position:relative;transition:transform .5s linear;}
.dslist li:hover img{transform:translatey(-6px)}
.dslist li p{ font-size:18px; margin-top:10px; width:90%; margin-left:5%; transition:1s}
.dslist li span{font-size:14px; margin-top:6px; display:block; width:90%; margin-left:5%;transition:1s}
.dslist li:hover p,.dslist li:hover span{color:#1b8f9a}
.here{width:100%; float:left; padding:30px 0; background:url(../images/this.jpg) repeat; margin-top:50px; margin-bottom:30px}
.here li{ width:24.9%; float:left; text-align:left;margin:35px 0 ;}
.here li p{padding-left: 15%; font:14px/60px "΢ÈíÑźÚ";background-position: 50px center; text-align:center;
	-webkit-transition: all 0.3s ease-out;
	-khtml-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
.here li p.p01{background:url(../images/png01.png) no-repeat}
.here li p.p02{background:url(../images/png02.png) no-repeat}
.here li p.p03{background:url(../images/png03.png) no-repeat}
.here li p.p04{background:url(../images/png04.png) no-repeat}
.here li p.p05{background:url(../images/png05.png) no-repeat}
.here li p.p06{background:url(../images/png06.png) no-repeat}
.here li p.p07{background:url(../images/png07.png) no-repeat}
.here li p.p08{background:url(../images/png08.png) no-repeat}
.here li p.p09{background:url(../images/png09.png) no-repeat}
.here li p.p10{background:url(../images/png10.png) no-repeat}
.here li p.p11{background:url(../images/png11.png) no-repeat}
.here li p.p12{background:url(../images/png12.png) no-repeat}
	
	
.here li p:hover{background-position: 20px center;
	padding-left: 10%;}	







.that{width:100%; float:left; margin-top:50px;}
.thatleft,.thatright{width:50%; float:left}
.thatleft img{width:50%; margin-right:10%; float:right}
.thatright p{width:100%; float:left; text-align:left;color:#333; margin-top:20px;}
.thatright p span{color:#ff5400}
.thatright p.p1{font:bold 24px "΢ÈíÑźÚ"; margin-top:60px;}
.thatright p.p1 span{font:bold 36px "΢ÈíÑźÚ"}
.thatright p.p2{font:bold 14px "΢ÈíÑźÚ";}
.thatright li{width:100%; float:left; margin-top:50px;}
.thatright li a{padding:10px 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#8ed300; font-size:16px; color:#fff} 

/**ÊÖ»úÍøÕ¾¡¢Î¢ÐÅAPP¿ª·¢**/
.phone{width:100%; float:left; margin-top:50px;}
.phone li{width:24.9%; float:left; text-align:center;}
.phone li img{position:relative;transition:transform .5s linear;}

.phone li p{font:18px "΢ÈíÑźÚ"; color:#000; margin-top:6px; margin-bottom:6px; width:90%; margin-left:5%}
.phone li span{display:block; font:14px/22px "΢ÈíÑźÚ"; width:90%; margin-left:5%}

.phone li:hover img{transform:translatey(-10px); }

.xianxia{width:100%; float:left; margin-top:35px; background:#f3f3f3 url(../images/xianxia.jpg) center no-repeat}

.xianxialeft{ float:left; width:40%;}
.xianxialeft img{width:100%}
.xianxiaright{ float:right; width:50%; font:16px/26px "΢ÈíÑźÚ"; color:#000; margin-top:50px;}
.xianxiaright p{margin-top:20px}
.qiyetitle{width:100%; float:left; font:16px/26px "΢ÈíÑźÚ"; color:#000; text-align:center; margin-top:10px;}
@media (max-width:1920px){
.container2{  width:1300px;  margin:0 auto;}	
}

@media (max-width:1570px){
.container2{  width:1200px;  margin:0 auto;}	

}

@media (max-width:1410px){
.container2{  width:88%;  margin:0 auto;}
.servicelist dl p,.servicelist dl dd,.servicelist dl li{margin-top:10px;}
.qiyelist ul dl dd{ margin-top:25px;}
}



@media (max-width:1225px){

.servicelist dl p{display:none}
.qiyelist ul dl dd{margin-top:15px}
.xianxiaright{margin-top:35px}
}
@media (max-width: 1100px){

.servicenav ul a{margin-top:1px}
.servicelist dl p,.servicelist dl dd,.servicelist dl li{margin-top:3px;}
.qiyelist ul dl dd{margin:0}
.xianxiaright{margin-top:0px}
}

@media (max-width:900px){
.container2{ width:94%; }	
.side{ display:none}
.servicenav ul a{ width:48.5%; margin:0px; padding:0px; text-align:center; float:left; display:inline; margin-right:2%; margin-bottom:4px; }
.servicenav ul a.rr{ float:right; margin-right:0px; }



.servicelist ul {width:50%; float:left; background:#f9f9f9; margin-top:30px; padding-bottom:30px}
.servicelist ul.rr{background:#f1f1f1}
.servicelist ul img{width:100%}
.servicelist dl{ width:94%; margin-left:3%; float:left}
.servicelist ul dd,.servicelist ul h1{ text-align:center; }
.servicelist ul h1 a{  font-size:18px;  color:#333;}
.servicelist ul p,.servicelist ul dd i,.servicelist ul dd span,.servicelist ul dd span{ font-size:14px;  text-align:center; float:none; font-weight: normal; padding:0px; margin:0px; color:#666;}

.servicelist ul p{ width:95%; display:block; margin-left:2.5%; float:left; }
.servicelist ul li{ display:block; text-align:center;  width:100%; float:left; padding-top:20px;}

.servicelist ul li a{  margin:0px 10px; padding:8px 15px; text-align:center;margin-bottom:4px; float:none; display:inline; }
.qiyedl dl{width:33.3333%; margin-top:20px;}
.qiyelist ul{text-align:center}
.qiyelist ul img{ width:20%; margin:0 auto; margin-top:50px;}
.qiyelist ul.qiyeul2 img{float:none; margin:0 auto; margin-top:50px;}
.qiyelist ul dl{ width:70%; text-align:left; float:right}
.qiyelist ul dl dt{margin-top:10px;}

.mubiao li,.mubiao li.m1{width:100%; margin-bottom:10px; padding:10px 0; background:#f9f9f9}
.mubiao li article{width:40%; float:left; margin-left:10px}
.mubiao li dl{width:50%; float:right; margin-right:10px}
.mubiao li dl span{height:105px; overflow:hidden}
.ourlist li{width:48%; float:left; margin:0}
.ourlist li.rr{float:right; margin:0}
.ourlist li.r{display:none}


.jituan li{width:49.9%;box-shadow:inset 0px 0px 1px #fff; float:left; margin:0; margin-bottom:1px;}
.jituan li.j2{background:#f9f9f9}
.jituan li.j3{box-shadow:inset 0px 0px 1px #fff; float:right; margin:0;margin-bottom:1px;}
.jituan li.j5{display:none}
.jituan li.j2:hover{background:#59b2de}
.here li{width:33.333%}

.phone li{width:50%; margin-bottom:20px;}

.servicelist dl p.yin{ display:none}

.that{margin-top:20px}
.thatright p.p1{font:bold 24px "΢ÈíÑźÚ"; margin-top:20px;}
.thatright li{width:100%; float:left; margin-top:30px;}
.xianxiaright{margin-top:0}
.xianxiaright p{ margin-top:13px}

}
@media (max-width:480px){
.servicelist dl p.yin{ display: block}
.servicelist ul{text-align:center; margin-top:20px; background-color:#f0f0f0; padding-bottom:30px; width:100%}
.servicelist ul dd,.servicelist ul h1{ text-align:center; ;}
.servicelist ul h1 a{  font-size:18px;  color:#333;}

.servicelist ul p,.servicelist ul dd i,.servicelist ul dd span,.servicelist ul dd span{ font-size:14px;  text-align:center; float:none; font-weight: normal; padding:0px; margin:0px; color:#666;}

.servicelist ul p{ width:95%; display:block; margin-left:2.5%; float:left; }
.servicelist ul li{ display:block; text-align:center;  width:100%; float:left; padding-top:20px;}



.servicelist dl li a{float: none; margin-right:0px;  padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; margin:0px 10px}
.servicelist dl li a.ser1{ background:#b2b2b2;}
.servicelist dl li a.ser2{ background:#b2b2b2;}
.servicelist dl li a.ser3{ background:#b2b2b2;}
.servicelist dl li a.ser4{ background:#b2b2b2;}	
.servicelist ul img{ width:100%;  margin:0 auto; float:none; margin:0 auto}
.servicelist ul img.pc{ display:none}
.servicelist ul img.wap{ display: block}
.servicelist dl{ width:94%; text-align:left; margin-left:3%; float:left}
.servicelist dl h1,.servicelist dl p,.servicelist dl dd,.servicelist dl li{margin-top:5px;}

.qiyelist ul{box-shadow:inset 0px 0px 1px #999; background:#fff; margin-top:20px}
.qiyelist ul img{ float:none; margin-top:20px}
.qiyelist ul.qiyeul2 { float:left}
.qiyelist ul.qiyeul2 img{margin-top:20px;}
.qiyelist ul dl{ width:94%; text-align:left; margin-right:3%;}
.qiyelist ul dl dt{background:none; margin-bottom:20px; height:auto}
.qiyelist ul.qiyeul2 dl dt{ margin-bottom:20px; height:auto}
.qiyelist ul dl dd{margin-left:1.5%; }
.qiyelist ul dl dd p,.qiyelist ul dl dd span{ width:100%; text-align:center}
.qiyelist ul.qiyeul2 dl dt{background:none;}
.qiyelist ul dl dt.qydt3{background:none;}
.qiyelist ul dl dt p,.qiyelist ul.qiyeul2 dl dt p{ margin:0; text-align:center; font:bold 18px "΢ÈíÑźÚ"}

.mubiao li{padding:0}
.mubiao li article,.mubiao li dl{width:100%; float:left; margin:0}

.mubiao li dl h2{text-align:center; }
.mubiao li dl span{width:94%; margin-left:3%;}
.dslist li{width:100%;}
.here li{width:50%}
.here li p:hover{background-position: 5px center;
	padding-left: 12%;}	

.jituan li h2 {font: 18px "΢ÈíÑźÚ";}
.qiyebt,.phone{margin-top:20px}
.phone li{width:100%;}

.our{display:none}
.xianxialeft{ width:100%; float:none}
.xianxialeft img{width:100%}
.xianxiaright{ float:none; width:100%; text-align:center; padding-bottom:20px; }


}
@media (max-width:320px){
.servicenav ul a{ width:100%; margin:0px; padding:0px; text-align:center; float:left; display:inline; margin-right:0%; margin-bottom:4px; }
.servicenav ul a.rr{ float:right; margin-right:0px; }


}