@charset "UTF-8";
/* 1001--1400 */
@media screen and (min-width: 1920px) {
	#header #logo03{
		display:none;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
	#header #logo03,.zxBtna{
		display:none;
	}
		
    .content .one5{ height:220px;width:100%}

}
@media screen and (max-width: 1800px) {
	#header #logo03{
		display:none;
	}
	.content .block{ display:block; width:50%;margin:0; background:#000;overflow:hidden;height:220px;}
	.content .one1 .pic{ width:60%;height:auto}
	.content .one1 .pic img{ width:100%}
	.content .one1 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one2 .pic{ width:60%;height:auto}
	.content .one2 .pic img{ width:100%}
	.content .one2 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one3 .pic{ width:60%;height:auto}
	.content .one3 .pic img{ width:100%}
	.content .one3 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one4 .pic{ width:60%;height:auto}
	.content .one4 .pic img{ width:100%}
	.content .one4 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one5{ height:229px;width:100%}
	.content .one5 a{ width:100%; padding:40px 0}
	.content .one5 a em{ text-align:center}
	.main .sy_box2{background: url(../images/main_43.png) repeat-y;}
	.contain .leftside{ width:34%;margin:0 3%; padding:43px 0;margin-top:30px}
	.contain .rightside{ width:56%; padding:20px 2%}
	.contain .rightside img{ width:100%;}
	.content .one1,.content .one2{ width:50%}
}
@media screen and (max-width: 1366px) {
	#header #logo03{
		display:none;
	}
	.content .block{ display:block; width:50%;margin:0; background:#000;overflow:hidden;height:220px;}
	.content .one1 .pic{ width:60%;height:auto}
	.content .one1 .pic img{ width:100%}
	.content .one1 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one2 .pic{ width:60%;height:auto}
	.content .one2 .pic img{ width:100%}
	.content .one2 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one3 .pic{ width:60%;height:auto}
	.content .one3 .pic img{ width:100%}
	.content .one3 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one4 .pic{ width:60%;height:auto}
	.content .one4 .pic img{ width:100%}
	.content .one4 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one5{ height:220px;width:100%}
	.content .one5 a{ width:100%; padding:40px 0}
	.content .one5 a em{ text-align:center}
	.contain .leftside{ width:34%;margin:0 3%; padding:43px 0;margin-top:30px}
	.contain .rightside{ width:56%; padding:20px 2%}
	.contain .rightside img{ width:100%;}
}
@media screen and (max-width: 1280px) {
	#header #logo03{
		display:none;
	}
	.content .block{ display:block; width:50%;margin:0; background:#000;overflow:hidden;height:220px;}
	.content .one1 .pic{ width:60%;height:auto}
	.content .one1 .pic img{ width:100%}
	.content .one1 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one2 .pic{ width:60%;height:auto}
	.content .one2 .pic img{ width:100%}
	.content .one2 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one3 .pic{ width:60%;height:auto}
	.content .one3 .pic img{ width:100%}
	.content .one3 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one4 .pic{ width:60%;height:auto}
	.content .one4 .pic img{ width:100%}
	.content .one4 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one5{ height:220px;width:100%}
	.content .one5 a{ width:100%; padding:40px 0}
	.content .one5 a em{ text-align:center}
	.sy_box .road span{ display:none}
	.sy_box .road .step2{ margin-top:50px; height:175px}
	.sy_box .road{ background:url(../images/fang.jpg) no-repeat;background-size:100%}
}
@media screen and (min-width: 1025px) and (max-width: 2560px) {
	.subNavmob{
		display:none;
	}
}
@media screen and (min-width: 1200px) and (max-width: 2560px) {
	.aboutContanier,.strenPic,.yuzhPic{
		display:none;
	}
	.banner2{margin-top:0px;height:300px}
	.banner2 img{width:100%;height:300px}
	.content .one1,.content .one2{ width:50%}
	.content .one1 .pic{ width:60%;height:315px}
	.content .one1 .pic img{ width:100%;height:315px}
	.content .one1 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one2 .pic{ width:60%;height:315px}
	.content .one2 .pic img{ width:100%;height:315px}
	.content .one2 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one3 .pic{ width:60%;height:229px}
	.content .one3 .pic img{ width:100%;height:229px}
	.content .one3 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one4 .pic{ width:60%;height:229px}
	.content .one4 .pic img{ width:100%;height:229px}
	.content .one4 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one5 a{width:100%;padding:0}
	.content .one5 a em{ text-align:center; margin-top:70px}
	.content .block{ background:#000}
	.content .one3{ width:30%}
	.content .one4{ width:40%}
	.content .one5{ width:30%;background:#fce21c; height:229px}
	.contain .leftside{ width:34%; margin:0 3%; padding:43px 0;margin-top:30px}
	.contain .rightside{ width:56%; padding:20px 2%}
	.contain .rightside img{ width:100%;}
}

@media screen and (min-width: 1200px) and (max-width: 1800px) {
	.content .one5{height:220px}
	.road span.wz{ display:none}
	.road span.wz3{ display:none}
	.road span.wz2{ display:none}
	.sy_box .road{background:url(../images/fang.jpg) no-repeat; background-size:100%}
	.contain .leftside{ width:34%; margin:0 3%; padding:43px 0;margin-top:30px}
	.contain .rightside{ width:56%; padding:20px 2%}
	.contain .rightside img{ width:100%;}
	}
@media screen and (max-width: 1024px) {
	#header{
		background:url(../images/topbj01.png) no-repeat center top #fff;
	}
	.wrap1200{ width:96%; margin:0 auto}
	#footer .wrap1200{
		width:100%;
	}
	#header #logo03,.quickMenuwrap,.dialog,#word,#news,#service,.zxBtn{
		display:none;
	}
	.bannerN_01,
	.subNav,
	.pageTitle,
	.aboutIpowCon,
	.aboutIpowNr,
	.wrap1200 .service-list,
	.pageTeam,
	.pageIclient,
	.strenHonor,
	.strenShow,
	.strenWe,
	.strenStyle,
	.yuzhTitle,
	.yuzhOne,
	.yuzhTwo,
	.wrap1100,
	.yuzhThree,
	.yuzhFour,
	.yuzhBj,
	.yuzhGw,
	.yuzhCase,
	.pageIclient,
	.yuzhBuild,
	.yzhKef
	{
		display:none;
	}
    .main{ margin-top:-38px}
	.focusA{display:block;height:100%; padding:0px;}
	.banner2{margin-top:0px;}
	.banner2 img{width:100%;}
	#header .menu_box{ margin-left:80px}
	#header #nav li a,#header #nav li{ width:120px}
	.rslidesA,.rslides{ width:100%; margin:0 auto;}
	.content .block{ display:block; width:100%;margin:2px 0; background:#000}
	.content .one1 .pic{ width:60%;height:auto}
	.content .one1 .pic img{ width:100%}
	.content .one1 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one2 .pic{ width:60%;height:auto}
	.content .one2 .pic img{ width:100%}
	.content .one2 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one3 .pic{ width:60%;height:auto}
	.content .one3 .pic img{ width:100%}
	.content .one3 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one4 .pic{ width:60%;height:auto}
	.content .one4 .pic img{ width:100%}
	.content .one4 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one5 a{ width:100%; padding:40px 0}
	.content .one5 a em{ text-align:center}
	.sy_box .road span{ display:none}
	.sy_box .road .step2{ margin-top:50px; height:175px}
	.sy_box .road{ background:url(../images/fang.jpg) no-repeat;background-size:100%; height:250px}
	.contain .leftside{ width:96%; margin:0 auto; padding:43px 0; float:none; margin-top:30px; position:inherit}
	.contain .rightside{ float:none; width:96%; padding:20px 2%}
	.contain .rightside img{ width:100%;}
	.sy_box2 .left,.sy_box2 .right{ width:92%; padding:4%}
	.main .sy_box2{ height:auto}
	.step4 li{ width:50%; max-height:247px}
	.step4 li .text2{ width:44%; padding:3%}
	.step4 li .img{ width:50%;height:auto}
	.step4 li .img img{ width:100%;height:auto}
	.section .step li{ width:49.9%; padding:30px 0}
	.section .step li:nth-child(2n){ border-right:none}
	.section .step li:nth-child(3n){ border-right:1px dashed #f0f0f0}
	.section .step li.last{ border-right:none}
	.section .step{ background:none}
	.rslides_tabs{ bottom:40px}
	.content .one5{ height:220px}
	.rslides_nav.prev{ left:10%}
	.rslides_nav.next{ right:10%}
}


@media screen and (min-width: 768px) and (max-width: 999px) {
	.rslidesA,.rslides{ width:100%; margin:0 auto;}
	.head .share_to{ padding-top:33px}
	#header .menu_box{ margin-left:30px}
	#header{
		padding:0;
		background:#fff;
	}
	#header #logo{
		display:block;
	}
	#header #logo{ width:117px; height:64px}
	#header #logo img{
		width:117px;
		height:64px;
	}
	#header .wwLink,#word,#footer,#service,.bannerN_01{
		display:none;
	}
	#header #nav{
		margin-top:0;
	}
	#header #nav li{
		width:100px;
	}
	#header #nav li a{ width:105px; padding-bottom:26px}
	.wrap1200{ width:96%; margin:0 auto}
	.focusA{ padding-top:0px}
	.main{ margin-top:88px}
	.banner2{margin-top:0px;}
	.banner2 img{width:100%;}
	#header #nav li a,#header #nav li{ width:92px}
	.section .step li{ width:33.2%; padding:50px 0}
	.tab_title a{ margin:0px 0 2px 0}
	.tab_title a:nth-child(6n){border-left: 1px solid #e5e5e5;}
	.content .block{ display:block; width:100%;margin:2px 0; background:#000}
	.content .one1 .pic{ width:60%;height:auto}
	.content .one1 .pic img{ width:100%}
	.content .one1 .text{ width:34%; padding:4% 3% 0 3%}
	.content .one2 .pic{ width:60%;height:auto}
	.content .one2 .pic img{ width:100%}
	.content .one2 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one3 .pic{ width:60%;height:auto}
	.content .one3 .pic img{ width:100%}
	.content .one3 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one4 .pic{ width:60%;height:auto}
	.content .one4 .pic img{ width:100%}
	.content .one4 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one5 a{ width:100%; padding:40px 0}
	.content .one5 a em{ text-align:center}
	.tab_box .tab_title{ margin-bottom:30px}
	.sy_box .road span{ display:none}
	.sy_box .road .step2{ margin-top:50px; height:175px}
	.sy_box .road{ background:url(../images/fang.jpg) no-repeat;background-size:100%;height: 190px;}
	.main .sy_box2{ margin-top:50px}
	.sy_box2 .left,.sy_box2 .right{ width:92%; padding:4%}
	.main .sy_box2{ background:url(../images/main_43.png) repeat-y; height:100%; padding-bottom:30px}
	.step4 li{ width:33.3%}
	.step4 li .text2{ width:44%; padding:3%}
	.step4 li .img{ width:50%; height:auto}
	.step4 li .img img{ width:100%; height:124px}
	.tab_nav a{ margin:0px 0 2px 0}
	.tab_nav a:nth-child(6n){border-left: 1px solid #525251;}
	.section .tab_nav{ margin-top:1px; margin-bottom:30px}
	.section .product ul{ width:auto}
	.product li{ width:48.5%; margin-right:3%}
	.product li:nth-child(2n){ margin-right:0}
	.product li a .picture{ width:100%; height:auto}
	.product li a .picture img{ width:100%}
	.contain .leftside{ width:96%; margin:0 auto; padding:43px 0; float:none; margin-top:30px; position:inherit}
	.contain .rightside{ float:none; width:96%; padding:20px 2%}
	.contain .rightside img{ width:100%;}
	.rslides_tabs{ bottom:40px}
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 768px) {
	
}
/* Max-767 */
@media screen and (max-width: 767px) {
	body, html, div, p, table, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	    margin: 0;
	    padding: 0;
	}
  	ul, ol, li, dl, dt, dd {
    	list-style: none;
	}
  	img, a {
    	border: none;
    }
  	em {
    	font-style: normal;
    }
  	h1, h2, h3, h4, h5, h6 {
    	font-weight: normal;
    }
  	a {
    	outline: none;
    	text-decoration: none;
    }
  	a:active {
    	star: expression(this.onFocus=this.blur());
    }
    /*Base*/
 	body {
	    behavior: url(../js/csshover.htc);
	    font: normal 12px/22px Arial, "微软雅黑", Helvetica, sans-serif, "宋体";
	    color: #263949;
	}
	#header #nav,#header .wwLink,#word,#footer,#service{
		display:none;
	}
	#header {
		height:88px;
		background: #fff;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 200;
	}
	#header .head{ width:100%}
	.head .logo_box{ padding-left:1%}
	#header #logo{ width:117px; height:64px; display:inline-block; float:left; margin-left:7px}
	#header .menu_box{ background:none; display:inline-block; float:right; width:40px; clear:none; height:42px; margin-top:28px; margin-left:50px}
    /*#header #logo03 {
    	display:block;
		float: left;
		width: 155px;
		height: 41px;
		text-indent: -999px;
		overflow: hidden;
	}*/
    #header #showNav{
		display: block;
	}
	.head .search{ display:none}
	.bannerN_01 {
    	display:none;
    }
	.bannerN_03 {
    	height: auto;
    	overflow: hidden;
    	position: relative;
    }
    .bannerN_03 img.size {
    	display: block;
    	width: 100%;
    	height: 200px;
    }
    .bannerN_03 #dituContent {
      	position: absolute;
      	top: 0;
      	left: 0;
      	width: 100%;
      	height: 200px;
      	border: none;
    }
	.main{ margin-top:-36px}
	.wrap1200{ width:96%; margin:0 auto}
	.focusA{padding-top:0px; margin-top:88px; z-index:-2}
	.banner2{margin-top:88px;}
	.banner2 img{width:100%;}
	.section .step{ background:none}
	.section .step li{ width:49.9%; padding:30px 0}
	.section .step li:nth-child(2n){ border-right:none}
	.section .step li:nth-child(3n){ border-right:1px dashed #f0f0f0}
	.section .step li.last{ border-right:none}
	.tab_title a{margin:0 1px 2px 1px}
	.tab_title a:nth-child(1n){border-left: 1px solid #e5e5e5;}
	.content .block{ display:block; width:100%;margin:2px 0; background:#000}
	.content .one1 .pic{ width:60%;height:auto}
	.content .one1 .pic img{ width:100%}
	.content .one1 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one2 .pic{ width:60%;height:auto}
	.content .one2 .pic img{ width:100%}
	.content .one2 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one3 .pic{ width:60%;height:auto}
	.content .one3 .pic img{ width:100%}
	.content .one3 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one4 .pic{ width:60%;height:auto}
	.content .one4 .pic img{ width:100%}
	.content .one4 .text{ width:34%;padding:4% 3% 0 3%}
	.content .one5 a{ width:100%; padding:40px 0}
	.content .one5 a em{ text-align:center}
	.tab_box .tab_title{ margin-bottom:30px}
	.sy_box .road .step2{height:136px; margin-top:50px}
	.sy_box .road{ height:136px; background:url(../images/fang.jpg) no-repeat; background-size:100%}
	.sy_box .road span{ display:none}
	.main .sy_box2{ margin-top:50px}
	.sy_box2 .left,.sy_box2 .right{ width:92%; padding:4%}
	.main .sy_box2{ background:url(../images/main_43.png) repeat-y; height:100%; padding-bottom:30px}
	.step4 li{ width:50%; max-height:140px}
	.step4 li .text2{ width:44%; padding:3%}
	.step4 li .img{ width:50%;height:auto}
	.step4 li .img img{ width:100%;height:auto}
	.footer{ margin-top:30px}
	.main2{ margin-top:88px}
	.section .tab_nav{ margin:0 0 20px 0}
	.sy_box3 .section{ padding-top:12px}
	.tab_nav a{margin:0 1px 2px 1px}
	.tab_nav a:nth-child(1n){border-left: 1px solid #525251;}
	.section .product ul{ width:100%}
	.product li{ width:48.5%; margin-right:3%}
	.product li:nth-child(2n){ margin-right:0}
	.product li a .picture{ width:100%; height:auto}
	.contain .leftside{ width:96%; margin:0 auto; padding:43px 0; float:none; position:inherit}
	.contain .rightside{ float:none; width:96%; padding:20px 2%}
	.contain .rightside img{ width:100%;}
	.rslides_tabs{ bottom:0px}
	
}
@media screen and (max-width: 767px) {
	#header #logo{ width:90px; height:54px}
	.head .share_to{ padding-top:28px; margin-right:82px}
	#header .menu_box{ margin-top:20px}
	.focusA{ margin-top:78px}
	#header{ height:78px}
	.rslidesA, .rslides{ top:0px}
	.main{ padding-top:40px}
	.section .step li{ width:49%}
	.content .text p{ height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:0; margin-top:4px}
	.content .text,.content .block{ height:auto}
	.sy_box2 .left{ height:auto}
	.sy_box2 .right p span{ width:82%; float:right;padding-bottom:15px;margin-bottom:16px;line-height:24px;}
	.sy_box2 .right p i{ float:left; margin-right:5px}
	.main2{margin-top:68px; padding-top:0}
	.main .sy_box3{ min-height:200px; background-size:100% 200px}
	.section .tab_nav{ margin-top:20px}
	#slideNav a:nth-of-type(1){ margin-top:78px}
	.product li a .picture{ width:100%}
	.product li a .picture img{ width:100%}
	.rslides_tabs{ bottom:30px}
	.rslides_nav.next{left:100px}
	.rslides_nav.prev{right:100px}
	.rslides_nav{ top:20%; display:block}
	.main .section,.main .section3,.main .section4{ padding-top:82px}
	}

@media screen and (max-width: 599px) {
}
@media screen and (max-width: 480px) {
	.focusA{}
	.step4 li{ max-height:100px}
	
}
@media screen and (max-width: 375px) {
	#header #logo{ width:80px; height:44px;}
	.head .share_to a{ margin-left:8px}
	.head .share_to{ padding-top:23px; margin-right:0px}
	#header .menu_box{ margin-top:15px}
	.contain .leftside{ padding-top:0px; position:inherit}
	.contain .rightside{ padding:10px 2%}
	.section .step li{ width:49%}
	.content .one1 .pic img{ width:100%}
	.content .text p{ height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:0; margin-top:4px}
	.content .text,.content .block{ height:auto}
	.sy_box2 .left{ height:auto}
	.sy_box2 .right p span{ width:82%; float:right;padding-bottom:15px;margin-bottom:16px;line-height:24px;}
	.sy_box2 .right p i{ float:left; margin-right:5px}
	#header{ height:68px}
	.focusA{ margin-top:35px}
	.rslidesA, .rslides{ top:35px}
	.main{ margin-top:-70px}
	.content .more{ height:28px; line-height:30px}
	.sy_box2 .right p{ clear:both}
	.main2{margin-top:68px; padding-top:0}
	.main .sy_box3{ min-height:200px; background-size:100% 200px}
	#slideNav a:nth-of-type(1){ margin-top:68px}
	.product li a .picture{ width:100%}
	.product li a .picture img{ width:100%}
	.share_to li .info,.share_to li .info2{ left:-15px}
	.rslides_tabs{ bottom:0px}
	.step4 li{ max-height:90px}
	.head .share_to li{ margin-left:5px}
	}
	

@media screen and (max-width: 320px) {.step4 li{ max-height:77px}
	}