*{ margin: 0; padding: 0; outline: none; list-style: none; font-family: "microsoft yahei";}
a{ cursor: pointer; text-decoration: none;}
img{ border: none; max-width: 100%;}
.clear{ clear: both;}

.top{width: 100%; border-bottom: 2px solid #E4E4E4; line-height: 30px;}
.top_center{ max-width: 1200px; margin: auto;}
.top_left{ float: left; font-size: 0.875em; color: #727171;}
.top_left a{font-size: 1em; color: #727171; }
.home{ background: url(../images/ind_06.png) no-repeat left; padding-left: 20px;}
.top_right{ float: right; font-size: 0.875em; color: #727171; background: url(../images/ind_03.png) no-repeat left; padding-left: 17px; margin-right: 17px;}

.header_center{ max-width: 1200px; margin: auto;}
.logo{ width: 18%; float: left; margin: 1.25% 0;}
.nav{ width: 75%; float: right; font-size:16px;}
.nav ul li{ width: 12.5%;  float: left; font-size:16px;}
.nav ul li a{ 
	display: block; line-height: 105px; text-align: center; font-size:16px; color: #3E3A39;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}
.nav ul li a:hover,.first{background: #231815 !important; color: #fff !important;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.banner{ position: relative;}
.rslides_tabs {position: absolute;bottom: 10px;margin:auto;text-align: center;width: 100%;z-index: 9;}
.rslides_tabs li {display: inline;float: none;}
.rslides_tabs li a{background: #000;padding: 0 5px;color: #000;margin: 0 6px;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
.rslides_tabs .rslides_here a {background: #840621;color: #840621;padding: 2px 7px;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}

.service{ background: #EAEAEA; padding: 2% 0;}
.navigation{ text-align: center;}
.navigation_text{ text-align: center; font-size: 0.875em; color: #727171;}
.navigation_text h3{ font-size: 2em; color: #FF9933; margin-bottom: 0.3%;}
.service_center{ max-width: 1200px; margin:2% auto 1% auto;}
.lis_link ul li{  width: 18%; float: left; text-align: center; margin: 0 1%;}
.lis_link ul li a{ 
	display: block; height: 240px; margin-bottom: 3%;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}
.lis_link ul li a:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btns1{ background: url(../images/btns_28.png) no-repeat center;}
.btns2{ background: url(../images/btns_29.png) no-repeat center;}
.btns2s{ background: url(../images/icon3s.png) no-repeat center;}
.btns3{ background: url(../images/btns_30.png) no-repeat center;}
.btns4{ background: url(../images/btns_31.png) no-repeat center;}
.btns5s{ background: url(../images/ss_11.png) no-repeat center;}
.btns1:hover{ background: url(../images/btns_03.png) no-repeat center;}
.btns2:hover{ background: url(../images/btns_05.png) no-repeat center;}
.btns2s:hover{ background: url(../images/icon4s.png) no-repeat center;}
.btns3:hover{ background: url(../images/btns_07.png) no-repeat center;}
.btns4:hover{ background: url(../images/btns_09.png) no-repeat center;}
.btns5s:hover{ background: url(../images/ss_22.png) no-repeat center;}
.lis_link ul li p,.online_btns ul li p{ font-size: 0.8em; color: #727171; height: 35px; overflow: hidden;}

.case{ padding-top: 2%;}
.tabs{ width: 100%; height: 55px; background: #EAEAEA; position: relative; margin: 2% 0; text-align: center;}
.tabs ul{display: inline-block;}
.tabs ul li{ width: 200px; text-align: center; float: left;  line-height: 55px;}
.tabs ul li a{ display: block; height: 75px;  font-size: 1.125em; color: #323A45;}
#current{background: url(../images/ind_23.png) no-repeat center; color: #FFFFFF;}
#c3 ul li,#c2 ul li,#c1 ul li{  float: left; width: 31.333%; margin:1%;text-align: center; position: relative; top: 0px; overflow: hidden; }
#c3 ul li a{ display: block;}
#c3 ul li a h3,#pc_show ul li a h3,#mobile_show ul li a h3,#c2 ul li a h3,#c1 ul li a h3{ font-size:2em; color: #fff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#c3 ul li a p,#pc_show ul li a p,#mobile_show ul li a p,#c2 ul li a p,#c1 ul li a p{ font-size: 1em; color: #D9D9D9; overflow: hidden;}
/*.case_bg{ border: 2px solid #CCCED0; background: #FFFFFF; padding: 4px; margin-bottom: 5%; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.case_img{ width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.case_img img{ display: block; margin: auto; position: absolute; max-width: 100%; left: 0px; right: 0px;}*/
#content div ul li a img{ display: block; margin: auto;-ms-interpolation-mode:bicubic;vertical-align:bottom;display:inline-block;-webkit-transition:all 0.7s;-moz-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;}
.xiugai_bg{ width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; text-align: center;   
	opacity: 0;
	background-color: transparent;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#content div ul li:hover .xiugai_bg{    
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.8);
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#content div ul li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}

.mobile_img{ position: relative; overflow: hidden;}
.more{ display: block; width: 55px; height: 56px; margin:3% auto; background: url(../images/btns_45.jpg) no-repeat center;
		-webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
}
.more:hover{ background: url(../images/btns_43.jpg) no-repeat center;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.news{ background: #EAEAEA; padding: 2.5% 0;}
.news_center{ max-width: 1200px; margin:3% auto 0 auto;}
.news_left{ width: 48%; float: left;}
.news_right{ width: 48%; float: right;}
.news_header{ border-bottom: 1px solid #96999E; font-size: 1.25em; color: #0099FF; padding-bottom: 2%;}
.news_img_lefts{ width: 32%; float: left; margin-top: 2%;}
.news_lis ul{ width: 65%; float: right;}
.news_lis ul li{margin-top: 2%;}
.news_lis ul li a{ display: block; width: 100%; line-height: 30px; float: left; font-size: 0.875em; color: #3E3A39; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*.news_lis ul li span{ display: block; width: 20%; float: right; text-align: right; font-size: 0.875em; color: #727171;}*/
.more2{ font-size: 0.75em; color: #840621; position: relative; top: 10px;}

.why{ background: #FFFFFF; padding: 2.5% 0;}
.why_center{ max-width: 1200px; margin:5% auto 0 auto; text-align: center;}
.why_center img{ display: block; margin: auto;}

.contact{ background: url(../images/aderimg_02.jpg) no-repeat center top; padding: 2.5% 0;}
.contact_center{ max-width: 1200px; margin: auto; padding-top: 2%;}
.con_left{ width: 40%; float: left;}
.con_left ul li{ padding: 2.6% 0 2.6% 19%; margin: 10% 0; font-size: 1em; color: #FFFFFF; line-height: 25px; white-space: nowrap; 
				-webkit-transition: all 0.5s ease-in-out;
			    -moz-transition: all 0.5s ease-in-out;
			    -ms-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
}
.con_left ul li:hover{ color: #840621;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mobile{ background: url(../images/btns_14.png) no-repeat left;}
.tel{ background: url(../images/btns_19.png) no-repeat left;}
.adr{ background: url(../images/btns_27.png) no-repeat left;}
.email{ background: url(../images/btns_35.png) no-repeat left;}
.mobile:hover{ background: url(../images/btns_12.png) no-repeat left;}
.tel:hover{ background: url(../images/btns_18.png) no-repeat left;}
.adr:hover{ background: url(../images/btns_26.png) no-repeat left;}
.email:hover{ background: url(../images/btns_34.png) no-repeat left;}
.con_right{ width: 60%; float: right;}

.process{ background: #FFFFFF; padding: 2.5% 0;}
.process_center{ max-width: 1020px; margin:3% auto;}
.xians{ width: 80%; margin: auto; height: 1px; background: #B5B5B6; position: relative; top: 65px; z-index: 1;}
.line{ position: relative; z-index: 2;}
.line ul li{ width: 15%; float: left; text-align: center; margin: 0 2.5%;}
.line ul li a{ display: block; height: 119px; 
		-webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
}
.line ul li a:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.line ul li p{ font-size: 0.875em; color: #323A45; margin-top: 8%; height: 38px; overflow: hidden;}
.process_link{background: url(../images/btns_48.png) no-repeat center;}
.process_link2{background: url(../images/btns_50.png) no-repeat center;}
.process_link3{background: url(../images/btns_52.png) no-repeat center;}
.process_link4{background: url(../images/btns_54.png) no-repeat center;}
.process_link5{background: url(../images/btns_56.png) no-repeat center;}
.process_link:hover{background: url(../images/btns_65.png) no-repeat center;}
.process_link2:hover{background: url(../images/btns_66.png) no-repeat center;}
.process_link3:hover{background: url(../images/btns_67.png) no-repeat center;}
.process_link4:hover{background: url(../images/btns_68.png) no-repeat center;}
.process_link5:hover{background: url(../images/btns_69.png) no-repeat center;}

.message{ background: #323A45;}
.message_center{ max-width: 1080px; margin: auto; padding: 2.5% 0; position: relative;}
.biaoq{position: absolute;left: 0px; top:-14px;}
.message_left{width: 30%; float: left;}
.mess1{ width: 40%; float: left; margin-right: 2%;}
.mess1 input{ height: 35px; width: 100%; border: 1px solid #5E6368; background: #0F1115; font-size: 0.875em; color: #595757; text-indent: 10px; line-height: 35px; margin-bottom: 5%;}
.mess2{width: 40%; float: left;margin-right: 2%;}
.mess2 textarea{width: 100%; height: 82px; border: 1px solid #5E6368; background: #0F1115;font-size: 0.875em; color: #595757; text-indent: 10px; line-height: 35px; margin-bottom: 3%; }
.mess2 input{ height: 35px; width: 50%; float: left; border: 1px solid #5E6368; background: #0F1115; font-size: 0.875em; color: #595757; text-indent: 10px; line-height: 35px;}
.yanzm span{display: block; text-align: center; width:45%; height: 35px; float: right; background: none !important; padding: 0 !important;}
.mess_btns{ width: 10%; float: left;}
.message_right{ width: 68%; float: right;}
/*.contact_us{ width: 65%; float: left;}*/
.contact_text{ font-size: 0.875em; color: #DCDDDD; line-height: 25px;}
.ewm{ width: 30%; float: right; text-align: center;}
.message_left span{ display: block; font-size: 1em; color: #FF9933; background: url(../images/ind_54.png) no-repeat left; padding-left: 35px; margin-bottom: 2%;}
.contact_us span{ display: block; font-size: 1em; color: #FF9933; background: url(../images/ind_57.png) no-repeat left; padding-left: 32px;margin-bottom: 2%;}
.ewm span{font-size: 1em; color: #FF9933; background: url(../images/ind_52.png) no-repeat left; padding-left: 25px;}
.ewm_img{ margin-top: 10%;}
.ewm_img img{ display: block; margin: auto;}
.mess_btns a{ display: block; padding: 43% 0; font-size: 1em; color: #FFFFFF; text-align: center; border: 1px solid #52414F; background: #840621;}

.contact_usall{}
.contact_uscenter,.case_all{max-width: 1020px; margin: auto; position: relative; }
.position_img{ display: block; position: absolute; top: 0px; left: -442px; z-index:-1; }
.contect_home{ margin: 20% 0 10% 22%;}
.web_adr{ text-align: right; font-size: 0.875em; color: #231815; line-height: 30px;}
.web_adr a{ font-size: 1em; color: #231815;}
.contact_information{ margin: 7.5% 0 7.5% 3.5%; font-size: 1.125em; color: #595757; line-height: 30px;}

.daohang{ margin-top: 8%; margin-bottom: 5%;}
.daohang ul{width: 320px; float: right;}
.daohang ul li{ margin: 0 2%; float: left; height: 43px;}
.daohang ul li a{ display: block; line-height: 43px; text-align: center;padding: 0 12px; background: #323A45; color: #FFFFFF; font-size: 1em;
				-webkit-transition: all 0.3s ease-in-out;
			    -moz-transition: all 0.3s ease-in-out;
			    -ms-transition: all 0.3s ease-in-out;
			    -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
}
.product_ss{ margin-bottom: 10%;}
#pc_show ul li,#mobile_show ul li{ width: 48%; margin:1%; float: left; text-align: center; position: relative; top: 0px; overflow: hidden; }
.pages{ margin-top: 5%; text-align: center; font-size: 0.875em; color: #727171;}
.pages a{ border: 1px solid #C9CACA; font-size: 0.875em; color: #727171; padding:5px 8px;}
.active{ background: #0099FF; color: #FFFFFF !important;}
.pages input{ width: 50px; height: 25px; border: 1px solid #C9CACA; text-align: center;}
/*#mobile_show ul li{ width: 206px; margin: 3% 2.27%; float: left; text-align: center;}*/
/*.mobile_bg{ height: 312px; background: url(../images/slider2_05.png) no-repeat center; margin-bottom: 10%;padding: 25% 8%;}
.mobile_img{ width: 176px;height: 313px; overflow: hidden;}
.mobile_img img{left: 0px !important;}
.mobile_showimg{ display: none !important;}*/

.marke{ max-width: 1020px; margin:200px auto 100px auto;}
.marke_lis{ margin: 5% 0;}
.marke_left{ width: 48%; float: left;}
.marke_right{width: 48%; float: right;}
.more_link{ margin-top: 20%; float: left; width: 20%;}
.more_link a{ margin: auto; display: block; background: url(../images/quanw_18.png) no-repeat center; width: 60px; height: 60px;}
.marke_text{margin-top: 5%; width: 80%; float: left;}
.marke_text h3{ color: #0099FF; font-size: 1.85em;}
.marke ul li{ background: url(../images/dian_03.png) no-repeat left top 15px; padding-left: 15px; font-size: 1em; color: #727171; line-height: 30px;}
.marke_header{ text-align: center; margin-bottom: 10%;}
.marke_header span{ font-size: 2.25em; color: #FF9933;  padding: 0 15px 15px; border-bottom: 2px solid #323A45;}
.marke_header span b{ font-weight: normal; color: #323A45;}
.marke_left h3,.marke_right h3{ font-size: 2em; color: #0099FF; font-weight: normal; margin-bottom: 5%;}
.marke_left img,.marke_right img{display: block; margin: auto;} 
.text1{ font-size: 1em; color: #3E3A39; line-height: 30px;}
.text_lis li{ width: 46%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.new_lis{ border: 1px solid #CCCED0; background: #FFFFFF; padding: 3% 1%; margin: 3% 0;}
.new_left{width: 15%; float: left;text-align: center;}
.new_left b{font-size: 3em; color: #727171; font-weight: normal;}
.new_left p{ font-size: 0.875em; color: #727171;}
.new_right{ width: 83%; float: right;}
.new_right a{ display: block; font-size: 1.25em; color: #323A45; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new_text{font-size: 0.875em; color: #727171; line-height: 20px;}

.online_contect{margin: 18% 0 8% 0;}
.online_btns ul li{ width: 23%; float: left; margin: 0 1%; text-align: center;}
.online_btns ul li a{ 
	display: block; height: 198px; margin-bottom: 3%;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}
.online_btns ul li a:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.online_btns1{background: url(../images/yunying_btns_14.png) no-repeat center;}
.online_btns2{background: url(../images/yunying_btns_15.png) no-repeat center;}
.online_btns3{background: url(../images/yunying_btns_16.png) no-repeat center;}
.online_btns4{background: url(../images/yunying_btns_17.png) no-repeat center;}
.online_btns1:hover{background: url(../images/yunying_btns_02.png) no-repeat center;}
.online_btns2:hover{background: url(../images/yunying_btns_04.png) no-repeat center;}
.online_btns3:hover{background: url(../images/yunying_btns_06.png) no-repeat center;}
.online_btns4:hover{background: url(../images/yunying_btns_08.png) no-repeat center;}
.online_service,.success_case,.why_km{ margin-top:8%; text-align: center;}
.online_service h3,.tuiguang h3,.success_case h3,.why_km h3{ font-size: 2em; color: #FF9933; margin-bottom: 1%;}
.service_text,.tuiguang_text{ font-size: 0.8em; color: #727171; margin-bottom: 2%;}
.service_lis img{ display: block; margin:2% auto;}
.tuiguang_lis{ margin-top: 8%;}
.tuiguang_left{ width: 424px; height: 729px; float: left; background: url(../images/tuiguang_07.png) no-repeat center;}
.link_top{ width: 161px; height: 160px;margin-left: 136px;}
.link_top2{ width: 160px; height: 160px;margin-left: 141px;}
.link_top a,.link_top2 a{ display: block; width: 100%; height: 100%;}
.tuiguang_right{ width: 437px; height: 729px; float: right; background: url(../images/tuiguang_08.png) no-repeat center;}
.ulleft{ width: 50%; float: left;}
.ulleft a{ display: block; width:100%; height: 52px;}
.link_left1,.link_left11{ margin-top: 6px;}
.link_left2,.link_left3,.link_left4,.link_left5,.link_left22,.link_left33,.link_left44,.link_left55{ margin-top: 65px;}
.ulright{ width: 49%; float: right;}
.ulright a{ display: block; width: 97%; height: 54px;}
.link_right1,.link_right11{ margin-top: 58px;}
.link_right2,.link_right3,.link_right4,.link_right5,.link_right22,.link_right33,.link_right44,.link_right55{ margin-top: 66px;}
.link_top a:hover{ background: url(../images/tuiguang_01.jpg) no-repeat -136px 0px;}
.link_top2 a:hover{ background: url(../images/tuiguang_03.jpg) no-repeat -141px 0px;}
.link_left1:hover{background: url(../images/tuiguang_01.jpg) no-repeat 0px -166px;}
.link_left2:hover{background: url(../images/tuiguang_01.jpg) no-repeat 0px -283px;}
.link_left3:hover{background: url(../images/tuiguang_01.jpg) no-repeat 0px -400px;}
.link_left4:hover{background: url(../images/tuiguang_01.jpg) no-repeat 0px -517px;}
.link_left5:hover{background: url(../images/tuiguang_01.jpg) no-repeat 0px -634px;}
.link_right1:hover{background: url(../images/tuiguang_01.jpg) no-repeat -216px -218px;}
.link_right2:hover{background: url(../images/tuiguang_01.jpg) no-repeat -216px -338px;}
.link_right3:hover{background: url(../images/tuiguang_01.jpg) no-repeat -216px -458px;}
.link_right4:hover{background: url(../images/tuiguang_01.jpg) no-repeat -216px -578px;}
.link_left11:hover{background: url(../images/tuiguang_03.jpg) no-repeat 0px -166px;}
.link_left22:hover{background: url(../images/tuiguang_03.jpg) no-repeat 0px -283px;}
.link_left33:hover{background: url(../images/tuiguang_03.jpg) no-repeat 0px -400px;}
.link_left44:hover{background: url(../images/tuiguang_03.jpg) no-repeat 0px -517px;}
.link_left55:hover{background: url(../images/tuiguang_03.jpg) no-repeat 0px -634px;}
.link_right11:hover{background: url(../images/tuiguang_03.jpg) no-repeat -223px -218px;}
.link_right22:hover{background: url(../images/tuiguang_03.jpg) no-repeat -223px -338px;}
.link_right33:hover{background: url(../images/tuiguang_03.jpg) no-repeat -223px -458px;}
.link_right44:hover{background: url(../images/tuiguang_03.jpg) no-repeat -223px -578px;}
.sbmit02{ display: none !important;}
.span1,.span2{float: left; display: block; margin-left: 2%;}

.about_header{ background: url(../images/about2_03.jpg) no-repeat center; width: 100%; height: 882px; margin-top: 18%; position: relative; top: 0px;}
.about_text{ width: 700px; background: #0099FF; padding:20px 10px;font-size: 0.95em; color: #FFFFFF; line-height: 27px; position: absolute; top: 235px; right: 0px; }
.why_btns{ width: 100%; padding: 5% 0 10% 0;}
.why_btns ul li{ width: 30%; float: left; height: 444px; margin: 0 1.65%;}
.why_btns ul li a{ display: block; width: 100%; height: 100%;
				-webkit-transition: all 0.5s ease-in-out;
			    -moz-transition: all 0.5s ease-in-out;
			    -ms-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
}
.why_btns ul li a:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.why_btns1{ background: url(../images/btns_76.png) no-repeat center;}
.why_btns2{ background: url(../images/btns_78.png) no-repeat center;}
.why_btns3{ background: url(../images/btns_80.png) no-repeat center;}
.why_btns1:hover{ background: url(../images/btns_82.png) no-repeat center;}
.why_btns2:hover{ background: url(../images/btns_84.png) no-repeat center;}
.why_btns3:hover{ background: url(../images/btns_86.png) no-repeat center;}
.km_team{ background: url(../images/slider_04.jpg) no-repeat center; width: 100%; height: 304px; text-align: center; margin-bottom: 4%;}
.km_team h3{ font-size: 2.2em; color: #FFFFFF; font-weight: normal; padding-top: 3%; padding-bottom: 1%;}
.team_text{ font-size: 1em; color: #FFFFFF; line-height: 30px; padding: 0 2%;}
.team01{ background: url(../images/about2_07.png) no-repeat right top; margin-bottom: 4%;}
.xz_img1,.xz_img2,.xz_img3{ float: left; text-align: center;}
.xz_img1{ width: 26%;}
.xz_img2{ width: 22%; margin-top: 4.5%;}
.xz_img3{ width: 25%;margin-top: 12.3%;}
.xz_text{ float: right; line-height: 23px; width: 26%;margin-top: 15%;font-size: 0.9em; color: #323A45; text-align: right; white-space: nowrap;}
.team02{ background: url(../images/about2_10.png) no-repeat left top; margin-bottom: 4%;}
.sc_text,.sc_img1,.sc_img2,.sc_img3{ float: left;}
.sc_text{ width: 20%; margin-top: 15%; line-height: 23px;font-size: 0.9em; color: #323A45;white-space: nowrap;}
.sc_img1{width: 29%; text-align: center;margin-top: 12.1%;}
.sc_img2{width: 25%; text-align: center;}
.sc_img3{width: 26%; text-align: center;margin-top: 10.3%;}
.team03{ background: url(../images/about2_14.png) no-repeat right top; margin-bottom: 4%;}
.js_img1,.js_img2,.js_img3,.js_imgleft,.js_imgright,.js_text{ float: left;}
.js_img1{width: 20%; text-align: center;margin-top: 2.6%;}
.js_img2{width: 19%; text-align: center;margin-top: 2.6%;}
.js_img3{width: 37.5%; margin-left: 1%; }
.js_img_footer{ margin-top: 3%;}
.js_imgleft{float: left;}
.js_imgright{float: right;}
.js_text{float: right; line-height: 23px; width: 21%;margin-top: 11%;font-size: 0.9em; color: #323A45; text-align: right; white-space: nowrap;}
.team04{ background: url(../images/about2_16.png) no-repeat left top; margin-bottom: 4%;}
.yy_text,.yy_img1,.yy_img2,.yy_img3{ float: left;}
.yy_text{ width: 28%; margin-top: 15%; line-height: 23px;font-size: 0.9em; color: #323A45;white-space: nowrap;}
.yy_img1{width: 21%; text-align: center;margin-top: 11.6%;}
.yy_img2{ width: 25%; text-align: center;}
.yy_imgfooter{ margin-top: 5%;}
.yy_img3{ width: 25%; text-align: center; margin-top: 5.5%;}
.team05{ background: url(../images/about2_20.png) no-repeat right top; margin-bottom: 10%;}
.ds_img1,.ds_img2,.ds_img3,.ds_text{float: left;}
.ds_img1{ width: 23%; text-align: center;}
.ds_img2{ width: 23%; text-align: center;margin-top: 5%;}
.ds_img3{ width: 23%; text-align: center; margin-top: 10.2%;}
.ds_text{float: right; line-height: 23px; width: 21%;margin-top: 15%;font-size: 0.9em; color: #323A45; text-align: right; white-space: nowrap;}

.detail_all{ padding: 5% 2% 10% 2%;}
.new_detailheader{text-align: center; padding-bottom: 1%; border-bottom: 1px solid #DCDDDD; margin-bottom: 2%;}
.new_detailheader h3{ font-size: 2em; color: #0099FF; font-weight: normal;}
.new_detailheader span{ font-size: 0.875em; color: #B5B5B6;}
.btns_lr{ padding-top:4%;}
.btns_lr a{ display: block; width: 70px; height: 35px; background: #0099FF; color: #FFFFFF; text-align: center; line-height: 35px; font-size: 1em;
			-webkit-transition: all 0.5s ease-in-out;
		    -moz-transition: all 0.5s ease-in-out;
		    -ms-transition: all 0.5s ease-in-out;
		    -o-transition: all 0.5s ease-in-out;
		    transition: all 0.5s ease-in-out;
}
.btns_lr a:hover{ background: #FF9933; color: #231815;
				-webkit-transition: all 0.5s ease;
			    -moz-transition: all 0.5s ease;
			    -ms-transition: all 0.5s ease;
			    -o-transition: all 0.5s ease;
			    transition: all 0.5s ease;
}
.btns_left{ float: left;}
.btns_right{ float: right;}

.build_lis{ background: url(../images/bg2.png)repeat-x; height: 650px;}
.build h3{font-size: 2em; color: #17557E; font-weight: normal; max-width: 1020px; margin:2% auto 1% auto;}
.build_lis ul{ max-width: 1020px; margin: auto; padding: 50px 0;}
.build_lis ul li{ width: 47.5%; float: left; margin: 1.25%;}
.question_lis{ background: url(../images/build_13.jpg) no-repeat center; height: 626px; margin-top: 2%;}
.question_center{ max-width: 990px; margin: auto;padding: 0 15px;}
.question{ max-width: 425px; float: right; margin-top: 75px;}
.question h3{ font-size: 4em; color: #17557E; margin-bottom: 5%;}
.question ul li{
	    height: 50px;
	    background-color: rgb(161,214,233);
	    line-height: 50px;
	    padding: 0 40px 0 20px;
	    margin-bottom: 15px;
	    -moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    border-radius: 15px;
}
.question ul li a{ font-size: 1em; color: #231815; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.question ul li a:hover{color: #0099FF;}
.build_case{ margin-top: 50px;}
.why_kmteam{ background: url(../images/ditu_02.jpg) no-repeat center; height: 935px; padding-bottom: 50px;border-bottom: solid 2px rgb(191,192,194);}
.kmteam_center{ max-width: 1020px; margin: auto; padding-top: 50px;}
.kmteam_center h3{ font-size: 3.85em; color: #231815;}
.because_lis{ max-width: 650px; float: right; margin-top: 40px;}
.because_lis ul li{ background-color: #FFFFFF; height: 150px; border-bottom: 2px solid #DADADA;border-left: 2px solid #DADADA;border-right: 2px solid #DADADA; padding: 15px 15px 15px 200px; background-position-x: 30px; border-radius:5%;-moz- border-radius:5%; -webkit- border-radius:5%;}
.because_lis ul li h3{ font-size: 2em; font-weight: normal; color: #0F1115;}
.because_text1{font-size: 0.8em; color: #0F1115; margin-top: 8px;}
.because_text2{font-size: 0.8em; color: #0099FF; margin-top: 8px;}
.because_img1{ background: url(../images/000_13.png) no-repeat left; border-top: 2px solid #DADADA;}
.because_img2{ background: url(../images/000_16.png) no-repeat left;}
.because_img3{ background: url(../images/000_18.png) no-repeat left;}
.because_img4{ background: url(../images/000_20.png) no-repeat left;}

.footer{ background: #000000; padding: 2% 0;}
.footer_center{ max-width: 1175px; margin: auto;}
.footer_left{ width: 77%; float: left; font-size: 0.875em; color: #FFFFFF; line-height: 40px;}
.footer_left .logo2{ display: block; float: left;}
.footer_right{ width: 20%; padding-right: 2%; text-align: right; float: right;font-size: 0.875em; color: #FFFFFF;line-height: 40px;}
.footer_right a{ color: #FFFFFF;}
.footertwo{ margin-top: 2%;}
.footer_spanleft{ width: 7%; line-height: 30px; float: left;font-size: 0.875em; color: #B5B5B6;}
.footer_spanright{ width: 92%; line-height: 30px; float: left;}
.footer_spanright a{font-size: 0.875em; color: #B5B5B6;text-decoration: underline;}

.min_team01,.min_team02,.min_team03,.min_team04,.min_team05{ display: none; padding: 0 2%;}
.min_team01 img,.min_team02 img,.min_team03 img,.min_team04 img,.min_team05 img{display: block; margin:50px auto;}
/*.min_team01{ background: url(../images/about2_07.png) no-repeat right top; height: 470px;}
.min_team02{ background: url(../images/about2_10.png) no-repeat left top;}
.min_team03{ background: url(../images/about2_14.png) no-repeat right top;}
.min_team04{ background: url(../images/about2_16.png) no-repeat left top;}
.min_team05{ background: url(../images/about2_20.png) no-repeat right top;}
.min_position{ position: absolute; width: 100%; left: 0px; right: 0px; bottom: 0px;}
.posi_01,.posi_02,.posi_03{float: left;}
.posi_01{ width: 34%;}
.posi_02{ width: 28.5%; margin-top: 6.5%; margin-left: 2.5%;}
.posi_03{ width: 32.5%; margin-top: 17%; margin-left: 2.5%;}
.min_img2{ width: 28%;float: left; margin-top: 16.8%;}
.min_imgheader{ margin-bottom: 8%; margin-left: 11%;}
.min_img3{ width: 36%; float: right;}
.min_img4{ width: 27.1%; float: left;}
.min_img5{ width: 26%; float: left; margin-left: 3%;}
.js_bottom{ margin-top: 2.4%;}
.min_img6{ width: 39%; float: left;}
.min_img7{ width: 28%;float: left; margin-left: 2.5%;}
.min_img8{ width: 28%;float: right;}
.min_img9{ width: 29%; float: left; margin-top: 15.5%;}
.min_topimg{ margin-bottom: 8%;}
.min_img10{width: 24%; float: right;margin-top:1.9%;}
.min_img11{ width: 27%; float: left;}
.min_topimg2{ margin-bottom: 7%;}
.min_img12{ width: 28.5%; float: left; margin-top: 17.7%; margin-left: 3%;}*/
.fixed_btns{ position: fixed; left: 0px; bottom: 0px; right: 0px; z-index: 999999; display: none;}
.fixed_btns img{ display: block; margin: auto;}

@media only screen and (max-width:1024px ) {
	.top_left{margin-left: 10px;}
	#pc ul li{ width: 29.3%;}
	#shouji ul li{margin: 3% 2.4%;}
	.news_left{width:46%; margin-left: 2%;}
	.news_right{width:46%; margin-right: 2%;}
	.why_center{ padding: 0 2%;}
	.con_left{ width: 38%; margin-left: 2%;}
	.con_right{ width: 58%; margin-right: 2%;}
	.con_left ul li {padding: 3% 0 3% 19%;}
	.message_center{padding: 5% 2% 3% 2%;}
	.web_adr{ padding-right: 2%;}
	.position_img{ left: -345px;}
	.marke_lis{padding: 0 2%;}
	.tuiguang_left{margin-left: 2%;}
	.tuiguang_right{margin-right: 2%;}
	.footer_spanleft{ padding-left: 2%;}
	.footer_spanright{ width: 90%;}
	.text_lis li{ width: 45%;}
	.mobile_bg{ height: 313px;}
}
@media only screen and (max-width:1020px ) {
	.online_banner{ background-size: 200% !important;}
	.tuiguang_left{ float: inherit; margin: auto;}
	.tuiguang_right{ float: inherit; margin: auto;}
}
@media only screen and (max-width:800px ) {
	.lis_link ul li{ width: 25%; margin: 2% 4%;}
	.kmteam_center h3{ font-size: 3em; text-align: center;}
	.because_lis{ margin: 40px auto; float: inherit;}
	.because_lis ul li h3{ text-align: left;}
	#content{ margin-top: 40px;}
	#shouji ul li,#mobile_show ul li{margin: 4% 3.5%;}
}
@media only screen and (max-width:768px ) {
	.min_team01,.min_team02,.min_team03,.min_team04,.min_team05{ display: block;}
	.about_header{ max-width: 600px; height:869px; background: url(../images/mini_03.jpg) no-repeat center; background-size: contain; margin: auto;}
	.about_text{width: 326px;top: 164px;line-height: 24px;}
	.why_btns ul li{ height: 340px;}
	.why_btns ul li a,.why_btns ul li a:hover{ background-size: contain;}
	.team01,.team02,.team03,.team04,.team05{display: none;}
	.service_text, .tuiguang_text{padding: 0 2%;}
	.xz_text{ width: 45%;margin-top: 25%;}
	.sc_text {width: 33%;margin-top: 26%;}
	.js_text{width: 35%;margin-top: 18%;}
	.yy_text {width: 45%;margin-top: 26%;}
	.ds_text{ width: 33%;margin-top: 26%;}
	.online_banner{ height: 155px !important;}
	.position_img {left: -260px;}
	.top{ display: none;}
	.logo{ width: 55%;}
	.nav{ display: none; position: fixed; width: 100%; top: 11%; bottom: 0px; left: 0px; right: 0px; background:rgba(0, 0, 0, 0.85) ; z-index: 999;}
	.nav ul li{ width: 100%;}
	.nav ul li a{ line-height: 50px; color: rgba(234, 234, 234, 0.8); border-bottom: 1px solid rgba(234, 234, 234, 0.39);}
	.first{background: #17557E !important; color: #FFFFFF !important;}
	.header_nav{width: 40px;height: 30px; background:url(../images/header_nav.png) no-repeat center; float: right; margin-right: 2%; margin-top: 6%; position: relative; border-radius: 15%; -moz-border-radius: 15%; -webkit-border-radius: 15%; }
	.lis_link ul li,.online_btns ul li{ width: 23%; margin: 3% 5%;}
	#content{ margin-top: 40px;}
	#pc ul li{ width: 46%;}
	#pc_show ul li{ width: 47%;}
	#shouji ul li {margin: 3% 3.25%;}
	.news_left{ width: 96%; margin: 2%;}
	.news_right{ width: 96%; margin: 2%;}
	.pc_showimg{ display: none !important;}
	.mobile_showimg{ display: block !important;}
	.con_left{ width: 92%; margin: 4%;}
	.con_left ul li{ padding: 2% 0 2% 15%;margin: 1% 0;}
	.con_right{ width: 96%; margin: 2%;}
	.contact{ background: #17557E;}
	.xians{display: none;}
	.line ul li{ width: 28%; margin: 2.5%;}
	.message_left{ width: 100%;}
	.message_right{ width: 100%;}
	.footer_spanleft{ width: 15%;}
	.footer_spanright{ width: 83%;}
	.mess1{ width: 100%; margin: 0;}
	.mess1 input{ margin-bottom: 2%;}
	.mess2{ width: 100%;margin: 0;}
	.mess2 textarea{ margin-bottom: 1.5%;}
	.message_center{ padding: 10% 2% 4% 2%;}
	.mess_btns{ width: 100%;}
	.sbmit01{ display: none !important;}
	.sbmit02{ display: block !important; width: 50%; height: 40px; line-height: 40px; margin:3% auto; text-align: center; padding: 0 !important;}
	.daohang ul{ width: 265px;}
	#mobile_show ul li{margin: 3% 3.2%;}
	.contect_home {margin: 20% 0 10% 10%;}
	.top_center{ text-align: center;}
	.top_left{ width: 96%; margin: 0 2%;}
	.top_right{ width: 96%; float: inherit; margin: 0 2%;}
	.fixed_btns{ display: block; margin: auto;}
	
}
@media only screen and (max-width:640px ) {
	.lis_link ul li{ width: 30%; margin: 3% 1.6%;}
	.kmteam_center h3{ font-size: 2em;}
	.because_lis ul li h3{font-size: 1.45em;}
	.tabs ul li a{ height: 55px;}
	#current{ background: #0099FF;}
	.online_banner{ height: 128px !important;}
	#shouji ul li{ margin: 3% 8.5%;}
	.footer_left{ width: 68%;}
	.footer_right{ width: 30%;}
	.marke_left{ width: 96%; padding: 2%;}
	.marke_right{ width: 96%; padding: 2%;}
	#mobile_show ul li{margin: 3% 8.9%;}
	.contect_home {margin: 10% 0 5% 2%;}
	.position_img{ display: none;}
	.marke{  margin: 20px auto 100px auto;}
	.build_lis{ height: auto;}
	.build_lis ul li{ width: 97.5%; float: left; margin: 1.25%;}
	.build_lis ul li img{ display: block; margin: auto;}
}
@media only screen and (max-width:600px ) {
	#shouji ul li,#mobile_show ul li{ margin: 3% 7%;}
	.why_btns ul li {height: 265px;}
	.km_team h3{ font-size: 2em;}
	.team_text{ font-size: 0.875em;}
}
@media only screen and (max-width:500px ) {
	.about_text {
	    width: 268px;
	    top: 123px;
	    line-height: 20px;
	    font-size: 0.875em;
	}
	.about_header{ height: 750px;}
	/*.min_team01{ height: 430px;}*/
	.why_btns ul li {height: 220px;}
	/*.xz_text{ width: 48%;}
	.sc_text{ width: 34%;}
	.ds_text{ width: 36%;}
	.xz_text,.sc_text,.yy_text,.ds_text{ font-size: 0.8em; line-height: 20px; margin-top:30%;}
	.js_text{ width: 38%; font-size: 0.8em; line-height: 20px; margin-top: 20%;}
	.min_img4,.min_img5{ margin-top: 10%;}
	.min_img9{ margin-top: 30%;}
	.min_img10{margin-top: 17%;}
	.min_img11{ margin-top: 5%;}
	.min_img12{ margin-top: 22.7%;}*/
	
	.online_banner{ height: 100px !important;}
	.marke_header span{ font-size: 1.75em;}
	.lis_link ul li,.online_btns ul li{width: 42%; margin: 3% 4%;}
	#pc ul li,#pc_show ul li{ width: 45%; margin: 3% 2.5%;}
	#shouji{ max-height: 1050px;}
	#shouji ul li,#mobile_show ul li{ width: 200px; margin: 4% 5%;}
	.mobile_bg{ background-size:contain ; height: 300px;}
	.mobile_img{ width: 170px;}
	.con_left ul li {padding: 3% 0 3% 21%;margin: 3% 0;}
	.line ul li { width: 45%;}
	.news_right{ margin: 7% 2%;}
	.footer_spanleft{ width: 20%;}
	.footer_spanright{ width: 75%;} 
	.message_right{ margin-top: 8%;}
	.contact_us{ width: 100%;}
	.ewm{ width: 100%; margin-top: 5%; text-align: left;}
	.ewm_img{ margin-top: 3%;}
	.ewm_img img{ margin: 0;}
	.footer_left{ width: 100%;}
	.footer_right{ width: 100%; text-align: center; padding-right: 0;}
	.link_top a:hover,.link_top2 a:hover,.ulleft a:hover,.ulright a:hover{ background: none;}
	.tuiguang_left,.tuiguang_right{ width: 100%; background-size:contain ;}
	.pages{ display: none;}
	.contect_home {margin: 5% 2%;}
}
@media only screen and (max-width:414px ) {
	.about_header {height: 600px;}
	.about_text {
	    width: 218px;
	    top: 97px;
	    line-height: 15px;
	    font-size: 0.75em;
	}
	.why_btns ul li {
	    width: 75%;
	    float: left;
	    height: 444px;
	    margin: 2% 13%;
	}
	.online_service h3, .tuiguang h3, .success_case h3, .why_km h3{ font-size: 1.45em;}
	.build h3{ font-size: 1.45em; padding-left: 2%;}
	#pc ul li a h3, #pc_show ul li a h3, #mobile_show ul li a h3, #shouji ul li a h3{font-size: 1em; margin-bottom: 5px;}
	#pc ul li a p, #pc_show ul li a p, #mobile_show ul li a p, #shouji ul li a p{ font-size: 0.7em;height: 30px;}
	.why_kmteam{ height: 777px;}
	.kmteam_center h3{ font-size: 1.35em;}
	.because_lis ul li h3{font-size: 1.25em;}
	.because_lis ul li{ height: 130px; background-size:100px;padding: 15px 15px 15px 115px;background-position-x: 5px;}
	.because_text1,.because_text2{ font-size: 0.6em; margin-top: 5px;}
	#shouji{ max-height: 875px;}
	#shouji ul li,#mobile_show ul li{ width: 165px; margin: 4.5%;}
	.mobile_bg{ background-size:contain ; height: 249px;}
	.mobile_img{ width: 140px; height: 250px;}
}
@media only screen and (max-width:400px ) {
	#shouji{ max-height: 875px;}
	#shouji ul li,#mobile_show ul li{ width: 165px; margin: 4%;}
	.mobile_bg{ background-size:contain ; height: 330px;}
	.mobile_img{ width: 140px; height: 250px;}
	.online_banner{ height: 80px !important;}
	.nav{top: 10.2%;}
	.news_lis ul li a{ width: 70%;}
	.news_lis ul li span{ width: 26%;}
	.con_left{margin: 0;}
	.con_left ul li{ background: none; padding:1% 2%; margin-bottom: 0;}
	.con_left ul li:hover{background: none;}
	.new_left{ width: 20%;}
	.new_right{ width: 77%;}
}
@media only screen and (max-width:384px ) {
	#shouji{ max-height: 870px;}
	#shouji ul li,#mobile_show ul li{ width: 165px; margin: 3%;}
	.mobile_bg{ background-size:contain ; height: 248px;}
	.mobile_img{ width: 140px; height: 250px;}
}
@media only screen and (max-width:375px ) {
	.km_team h3 {font-size: 1.45em; padding-top: 10%; padding-bottom: 5%;}
	.about_text {width: 206px;top: 75px; padding: 10px 5px;}
	.service_text, .tuiguang_text,.team_text { line-height: 20px; font-size: 0.7em;}
	.nav{top: 12%;}
	.tuiguang_left{height: 645px;}
	.tuiguang_right{height: 625px;}
	#shouji ul li,#mobile_show ul li{ margin: 4% 3%;}
	.navigation_text{ font-size: 0.8em;}
	.lis_link ul li, .online_btns ul li {width: 45%;margin: 3% 2.5%;}
	.marke_header span{ font-size: 1.35em;}
	.marke_left h3, .marke_right h3{ font-size: 1.35em;}
	.contact_information{ font-size: 0.875em;}
	.question h3{ font-size: 2em;}
	.question ul li{ padding: 0 15px;}
}
@media only screen and (max-width:360px ) {
	#shouji{ max-height: 735px;}
	#shouji ul li,#mobile_show ul li{ width: 134px; margin: 4% 6%;}
	.mobile_bg{ background-size:contain ; height: 199px;}
	.mobile_img{ width: 112px; height: 200px;}
}
@media only screen and (max-width:320px ) {
	.about_header {height: 465px;}
	.about_text {
	    width: 174px;
	    top: 2px;
	    padding: 15px 5px;
	    line-height: 18px;
	}
	.why_btns ul li{ height: 353px;}
	.question h3 {font-weight: normal;}
	.question{ float: inherit; margin: auto; padding-top: 50px;}
	.question_lis{ height: 500px;}
	.question ul li a{ font-size: 0.875em;}
	.marke_header span {font-size: 1.125em;}
	.why_kmteam{ height: 700px;}
	.because_lis {margin: 20px auto;}
	.kmteam_center h3{ font-size: 1.125em;}
	.because_lis ul li h3{font-size: 1em;}
	.because_lis ul li{ height: 125px; background-size:80px;padding: 10px 5px 10px 90px;background-position-x: 5px;}
	.because_text1,.because_text2{ font-size: 0.7em; margin-top: 5px;}
	.lis_link ul li a{ background-size: contain; height: 200px;}
	#shouji{ max-height: 735px;}
	#shouji ul li,#mobile_show ul li{ width: 134px; margin: 4%;}
	.mobile_bg{ background-size:contain ; height: 199px;}
	.mobile_img{ width: 112px; height: 200px; }
}


.case-link a{
	display: block;
	text-align: center;
	background-color: #09F;
	color: #FFF;
	padding: 10px;
	width: 100px;
	margin: 20px auto 0px;
}

.side{position:fixed;width:44px;height:274px;right:0;top:214px;z-index:100;}
.side ul li{ width:44px;height:44px;float:left;position:relative;border-bottom:1px solid #444; list-style: none;}
.side ul li .sidebox{position:absolute;width:44px;height:44px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff; line-height: 44px; overflow:hidden;}
.side ul li .sidetop{width:44px;height:44px;line-height:44px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}



/*改版css*/
.why_xiugai_all{ margin-top: 2.5%;}
.why_xiugai_center{ margin: 12.5% 0;}
.why_xiugai_left{ width: 50%; height: 339px; float: left;}
.why_xiugai_right{ width: 50%; height: 339px; float: right;}
.why_xiugai_all .why_xiugai_left{ background: #FF9933;}
.why_xiugai_all2 .why_xiugai_right{ background: #00427C;}
.why_xiugai_all3 .why_xiugai_left{ background: #47BDDD;}
.why_xiugai_all4 .why_xiugai_right{ background: #9DC815;}
.why_xiugai_all .why_xiugai_left img,.why_xiugai_all3 .why_xiugai_left img{ display: block; float: right;}
.why_xiugai_all2 .why_xiugai_right img,.why_xiugai_all4 .why_xiugai_right img{ display: block;}
.why_xiugai_all .why_xiugai_right,.why_xiugai_all2 .why_xiugai_left,.why_xiugai_all3 .why_xiugai_right,.why_xiugai_all4 .why_xiugai_left{ background: #FBFBFB;}
.why_xiugai_all .why_xiugai_right .why_xiugai_center,.why_xiugai_all3 .why_xiugai_right .why_xiugai_center{ max-width: 515px; margin-left: 27px;}
.why_xiugai_all .why_xiugai_right .why_xiugai_center h3{ line-height: 58px; padding-left: 60px; font-size: 36px; font-weight: normal; color: #FF9933; background: url(../images/km_xiugai_19.png) no-repeat center left;}
.why_xiugai_all2 .why_xiugai_left .why_xiugai_center h3{ line-height: 58px; padding-left: 60px;font-size: 36px; font-weight: normal; color: #00427C; background: url(../images/km_xiugai_26.png) no-repeat center left;}
.why_xiugai_all3 .why_xiugai_right .why_xiugai_center h3{ line-height: 58px; padding-left: 60px;font-size: 36px; font-weight: normal; color: #47BDDD; background: url(../images/km_xiugai_32.png) no-repeat center left;}
.why_xiugai_all4 .why_xiugai_left .why_xiugai_center h3{ line-height: 58px; padding-left: 60px;font-size: 36px; font-weight: normal; color: #9DC815; background: url(../images/km_xiugai_38.png) no-repeat center left;}
.why_xiugai_all .why_xiugai_right .why_xiugai_center p,
.why_xiugai_all2 .why_xiugai_left .why_xiugai_center p,
.why_xiugai_all3 .why_xiugai_right .why_xiugai_center p,
.why_xiugai_all4 .why_xiugai_left .why_xiugai_center p{font-size: 16px; color: #727171; line-height: 30px; margin-top: 10px;}
.why_xiugai_all2 .why_xiugai_left .why_xiugai_center,.why_xiugai_all4 .why_xiugai_left .why_xiugai_center{ max-width: 515px; float: right; margin-right: 27px; }
.case_left_xiugai{ width: 65%; float: left; border: 15px solid #F1F1F1;}
.case_left_xiugai img{ display: block; margin: auto;}
.case_right_xiugai{ width: 27%; padding: 15px; float: right; background: #F1F1F1;}
.web_bm_btns{ border-bottom: 1px solid #fff; padding-bottom: 15px;}
.web_bm_btns a{ display: inline-block; width: 40%; height: 37px; margin: 0 5%; text-align: center; line-height: 37px; border-radius:3px; font-size: 16px; color: #fff;}
.web_bm_xiugaicon{ font-size: 16px; color: #515151;line-height: 30px; margin: 25px 0; padding-left: 5%;}
.look_webs{display: block; width: 125px; height: 37px; margin: auto; text-align: center; line-height: 37px; color: #fff; font-size: 16px; border-radius: 3px; background: #231815;}

@media only screen and (max-width:768px) {
	.why_xiugai_left,.why_xiugai_right{ height: auto;}
	.why_xiugai_center{ margin: 8% 0;}
}
@media only screen and (max-width:767px) {
	.why_xiugai_left,.why_xiugai_right{ width: 100%;}
	.why_xiugai_all .why_xiugai_left,.why_xiugai_all2 .why_xiugai_right,.why_xiugai_all3 .why_xiugai_left,.why_xiugai_all4 .why_xiugai_right{display: none;}
	.why_xiugai_center{width: 96%; padding: 2%; margin: 0 !important;}
}