@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;

	}

	



}

@media screen and (max-width: 1800px) {

	#header #logo03{

		display:none;

	}

	

}

@media screen and (max-width: 1366px) {

	#header #logo03{

		display:none;

	}

	

}

@media screen and (max-width: 1280px) {

	#header #logo03{

		display:none;

	}

	

}

@media screen and (min-width: 1025px) and (max-width: 2560px) {

	.subNavmob{

		display:none;

	}

}

@media screen and (min-width: 1200px) and (max-width: 1600px) {

	.aboutContanier,.strenPic,.yuzhPic{

		display:none;

	}

	.banner2{margin-top:0px;height:300px}

	.banner2 img{width:100%;height:300px}

	.focusB{background-size:100% 320px;height:320px}

	.focusC{height:200px;background-size:100% 200px;}

}





@media screen and (min-width: 1024px) and (max-width: 1200px) {

	.wrap, .w1200{width:94%;margin:0 3%}

	#header #showNav{display:block;}

	#header #nav,#header .wwLink,#word,#footer,#service{display:none;}

	.wrap1200{width:96%;margin:0 auto}

	#slideNav li:nth-of-type(1){margin-top:90px}

	div.flicking_con .flicking_inner{top:610px;left:46%}

	#header {

		background: #fff;

		top: 0px;

		left: 0px;

		z-index: 2000;

	}

	#slideNav li .snav dl dd a{color:#666}

	#slideNav li .snav dl dd a:hover{color:#7fb06a}

	.map #dituContent{width:100%;height:300px}

	#header #logo{width:250px;height:93px;}

	.focusA{margin-top:113px;height:256px}

	#header{height:109px;background:#fff;z-index:2000}

	#header .head{padding:8px 0 8px 0;clear:both}

	#slideNav li:nth-of-type(1){margin-top:113px}

	div.flicking_con .flicking_inner{top:610px;left:44%}

	#header .menu_box{margin-top:-2px}

    #slideNav li .snav dl dd a{color:#666}

	#slideNav li .snav dl dd a:hover{color:#7fb06a}

	.map #dituContent{width:100%;height:300px}

	.menu{padding-top:25px}

	.tel{display:none}

	.section .step,.section .step2,.section .step3,.section .step4{padding-bottom:30px}

	.step .left{width:100%;float:none}

	.step .left img{width:100%;height:auto}

	.step .right{width:100%;float:none;padding-top:20px}

	.step .right li{margin-left:1%;margin-right:1%;width:23%;}

	.step .right li .pic img{width:100%;height:auto}

	.step .right li a .text_dec{width:100%;margin-top:-800px}

	.step li a .text_dec em{padding:50px 0 10px 0}

	.section .more a{margin-top:10px;clear:both}

	.step2 .story a{margin-right:2%;width:100%;margin-left:0;display:block;float:left}

	.step2 .story a:nth-child(3n){margin-right:0;}

	.step2 .story a img{width:100%;height:auto}

	.step2 .story{padding:20px 0}

	.step3 ul,.step4 ul{width:100%}

	.step3 li{margin-right:3%;width:48.5%;margin-bottom:20px}

	.step3 li:nth-child(2n){margin-right:0;}

	.step4 li{width:100%;margin:20px 0}

	.step4 li .time{width:15%}

	.step4 li .wz{width:82%;margin-left:3%}

	.footer .f_left{width:10%}

	.footer .f_left img{width:100%;height:auto}

	.footer .f_right{width:85%}

	.f_right dl{padding:0 45px}

	.f_right dl:nth-child(5n){padding-right:0;}

	.footer .f_top{padding:30px 0}

	.footer .f_down{line-height:24px;height:auto;padding:15px 0}

	/*内页*/

	.focusC{height:182px;background-size:100% 182px;}

	.section .nav{padding-top:20px}

	.news li .time{width:6%}

	.news li .wz{width:92%;margin-left:2%;}

	.news li .wz p{height:auto}

	.products ul{width:auto}

	.products li{width:23%;margin-right:1%;margin-left:1%;}

	.products li .picture{width:100%}

	.products li .pic img{width:100%;height:auto}

	.products li a .text_dec{width:100%;margin-top:-500px}

	}



@media screen and (max-width: 1024px) {

	.wrap, .w1200{width:94%;margin:0 3%}

	#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;

	}

	.focusA{display:block;height:100%;padding:0px;background-size:100%}

	#header #showNav{display:block;}

	#header #nav,#header .wwLink,#word,#footer,#service{display:none;}

	.wrap1200,.wrap1220{width:96%; margin:0 auto}

	#header {

		background: #fff;

		position: fixed;

		top: 0px;

		left: 0px;

		z-index: 2000;

	}

	#header #logo{width:250px;height:93px;}

	.focusA{margin-top:113px;height:259px}

	#header{height:109px;background:#fff;z-index:2000}

	#header .head{padding:8px 0 8px 0;clear:both}

	#slideNav li:nth-of-type(1){margin-top:113px}

	div.flicking_con .flicking_inner{top:610px;left:44%}

	#header .menu_box{margin-top:-2px}

    #slideNav li .snav dl dd a{color:#666}

	#slideNav li .snav dl dd a:hover{color:#7fb06a}

	.map #dituContent{width:100%;height:300px}

	.menu{padding-top:25px}

	.tel{display:none}

	.section .step,.section .step2,.section .step3,.section .step4{padding-bottom:30px}

	.step .left{width:100%;float:none}

	.step .left img{width:100%;height:auto}

	.step .right{width:100%;float:none;padding-top:20px}

	.step .right li{margin-left:1%;margin-right:1%;width:23%;}

	.step .right li .pic img{width:100%;height:auto}

	.step .right li a .text_dec{width:100%;margin-top:-500px}

	.step li a .text_dec em{padding:40px 0 10px 0}

	.section .more a{margin-top:10px;clear:both}

	.step2 .story a{margin-right:2%;width:100%;margin-left:0;display:block;float:left}

	.step2 .story a:nth-child(3n){margin-right:0;}

	.step2 .story a img{width:100%;height:auto}

	.step2 .story{padding:20px 0}

	.step3 ul,.step4 ul{width:100%}

	.step3 li{margin-right:3%;width:48.5%;margin-bottom:20px}

	.step3 li:nth-child(2n){margin-right:0;}

	.step4 li{width:100%;margin:20px 0}

	.step4 li .time{width:15%}

	.step4 li .wz{width:82%;margin-left:3%}

	.footer .f_left{width:10%}

	.footer .f_left img{width:100%;height:auto}

	.footer .f_right{width:85%}

	.f_right dl{padding:0 45px}

	.f_right dl:nth-child(5n){padding-right:0;}

	.footer .f_top{padding:30px 0}

	.footer .f_down{line-height:24px;height:auto;padding:15px 0}

	/*内页*/

	.focusC{height:155px;margin-top:113px;background-size:100% 155px;}

	.section .nav{padding-top:20px}

	.news li .time{width:6%}

	.news li .wz{width:92%;margin-left:2%;}

	.news li .wz p{height:auto}

	.products ul{width:auto}

	.products li{width:49%;margin-right:2%;}

	.products li:nth-child(2n){margin-right:0;}

	.products li .picture{width:100%}

	.products li .pic img{width:100%;height:auto}

	.products li a .text_dec{width:100%;margin-top:-500px}

	

}





@media screen and (min-width: 768px) and (max-width: 999px) {

	.wrap, .w1200{width:94%;margin:0 3%}

	#header #logo{width:250px;height:93px;}

	.focusA{margin-top:113px;height:200px}

	#header{height:109px;background:#fff;z-index:2000}

	#header .head{padding:8px 0 8px 0;clear:both}

	#slideNav li:nth-of-type(1){margin-top:113px}

	div.flicking_con .flicking_inner{top:610px;left:44%}

	#header .menu_box{margin-top:-2px}

    #slideNav li .snav dl dd a{color:#666}

	#slideNav li .snav dl dd a:hover{color:#7fb06a}

	.map #dituContent{width:100%;height:300px}

	.menu{padding-top:25px}

	.tel{display:none}

	.section .step,.section .step2,.section .step3,.section .step4{padding-bottom:30px}

	.step .left{width:100%;float:none}

	.step .left img{width:100%;height:auto}

	.step .right{width:100%;float:none;margin-top:20px}

	.step .right li{margin-left:0;margin-right:2%;width:49%;}

	.step .right li:nth-child(2n){margin-right:0;}

	.step .right li .pic img{width:100%;height:auto}

	.step .right li a .text_dec{width:100%;margin-top:-300px}

	.step li a .text_dec em{padding:90px 0 10px 0}

	.section .more a{margin-top:10px;clear:both}

	.step2 .story a{margin-right:2%;width:100%;margin-left:0;display:block;float:left}

	.step2 .story a:nth-child(3n){margin-right:0;}

	.step2 .story a img{width:100%;height:auto}

	.step2 .story{padding:20px 0}

	.step3 ul,.step4 ul{width:100%}

	.step3 li{margin-right:3%;width:48.5%;margin-bottom:20px}

	.step3 li:nth-child(2n){margin-right:0;}

	.step4 li{width:100%;margin:20px 0}

	.step4 li .time{width:15%}

	.step4 li .wz{width:82%;margin-left:3%}

	.footer .f_left{width:10%}

	.footer .f_left img{width:100%;height:auto}

	.footer .f_right{width:85%}

	.f_right dl{padding:0 30px}

	.f_right dl:nth-child(5n){padding-right:0;}

	.footer .f_top{padding:30px 0}

	.footer .f_down{line-height:24px;height:auto;padding:15px 0}

	/*内页*/

	.focusC{height:150px;margin-top:113px;background-size:100% 150px;}

	.section .nav{padding-top:20px}

	.news li .time{width:8%}

	.news li .wz{width:90%;margin-left:2%;}

	.news li .wz p{height:auto}

	.nav a{margin:0 3px}

	.products2,.join{padding:25px 0 40px 0}

	.products2 .read img{width:100%;height:auto}

	.about img{width:100%;height:auto}

	.products ul{width:auto}

	.products li{width:49%;margin-right:2%;}

	.products li:nth-child(2n){margin-right:0;}

	.products li .picture{width:100%}

	.products li .pic img{width:100%;height:auto}

	.products li a .text_dec{width:100%;margin-top:-300px}



}

@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:98px;

		background: #fff;

		position: fixed;

		top: 0px;

		left: 0px;

		z-index: 400;

	}

	#header .head{ width:100%}

	#header .menu_box{background:none; display:inline-block; float:right; width:40px; clear:none; height:42px;}

    /*#header #logo03 {

    	display:block;

		float: left;

		width: 155px;

		height: 41px;

		text-indent: -999px;

		overflow: hidden;

	}*/

    #header #showNav{

		display: block;

	}

	.wrap1200,.wrap1220{ width:96%; margin:0 auto}

	

    

}

@media screen and (max-width: 767px) {

	.wrap, .w1200{width:94%;margin:0 3%}

	#header #logo{width:250px;height:93px;}

	.focusA{margin-top:113px;height:151px}

	#header{height:109px;background:#fff;z-index:2000}

	#header .head{padding:8px 0 8px 0;clear:both}

	#slideNav li:nth-of-type(1){margin-top:113px}

	div.flicking_con .flicking_inner{top:610px;left:44%}

	#header .menu_box{margin-top:-2px}

    #slideNav li .snav dl dd a{color:#666}

	#slideNav li .snav dl dd a:hover{color:#7fb06a}

	.map #dituContent{width:100%;height:300px}

	.menu{padding-top:25px}

	.tel{display:none}

	.section .step,.section .step2,.section .step3,.section .step4{padding-bottom:30px}

	.step .left{width:100%;float:none}

	.step .left img{width:100%;height:auto}

	.step .right{width:100%;float:none;margin-top:20px}

	.step .right li{margin-left:0;margin-right:2%;width:49%;}

	.step .right li:nth-child(2n){margin-right:0;}

	.step .right li .pic img{width:100%;height:auto}

	.step .right li a .text_dec{width:100%}

	.step li a .text_dec em{padding:60px 0 10px 0}

	.section .more a{margin-top:10px;clear:both}

	.step2 .story a{margin-right:2%;width:100%;margin-left:0;display:block;float:left}

	.step2 .story a:nth-child(3n){margin-right:0;}

	.step2 .story a img{width:100%;height:auto}

	.step2 .story{padding:20px 0}

	.step3 ul,.step4 ul{width:100%}

	.step3 li{margin-right:3%;width:48.5%;margin-bottom:20px}

	.step3 li:nth-child(2n){margin-right:0;}

	.step4 li{width:100%;margin:20px 0}

	.step4 li .time{width:15%}

	.step4 li .wz{width:82%;margin-left:3%}

	.footer .f_left{width:10%}

	.footer .f_left img{width:100%;height:auto}

	.footer .f_right{width:85%}

	.f_right dl{padding:0 15px}

	.f_right dl:nth-child(5n){padding-right:0;}

	.footer .f_top{padding:30px 0}

	.footer .f_down{line-height:24px;height:auto;padding:15px 0}

	/*内页*/

	.focusC{height:90px;margin-top:113px;background-size:100% 90px;}

	.section .nav{padding-top:20px}

	.news li .time{width:10%}

	.news li .wz{width:88%;margin-left:2%;}

	.news li .wz p{height:auto}

	.nav a{margin:0 3px}

	.products2,.join{padding:25px 0 40px 0}

	.products2 .read img{width:100%;height:auto}

	.about img{width:100%;height:auto}

	.products ul{width:auto}

	.products li{width:49%;margin-right:2%;}

	.products li:nth-child(2n){margin-right:0;}

	.products li .picture{width:100%}

	.products li .pic img{width:100%;height:auto}

	.products li a .text_dec{width:100%}

	}



@media screen and (max-width: 599px) {

}

@media screen and (max-width: 480px) {

	.wrap, .w1200{width:94%;margin:0 3%}

	.focusA{margin-top:59px;height:107px}

	#header .menu_box{margin-top:-8px}

	#header{height:59px;background:#fff;z-index:2000}

	#slideNav li:nth-of-type(1){margin-top:59px}

	div.flicking_con .flicking_inner{top:610px;left:44%}

	.map #dituContent{width:100%;height:300px}

	#header .topnav{display:none}

	#header #logo{width:125px;height:43px;margin-top:0px}

	#header #logo img{width:100%;height:auto}

	.menu{padding-top:7px}

	.footer .f_left{width:100%;float:none; text-align:center}

	.footer .f_right{width:100%;float:none;padding-top:20px}

	.footer .f_left img{width:30%;}

	.f_right dl{ margin:10px 0}

    .products li a .text_dec em{padding-top:30px}

	.nav a{margin:0 3px 10px 3px}

	.focusC{height:70px;margin-top:63px;background-size:100% 70px;}

	.section .title{padding-top:20px}

	.about,.contact_us{padding-top:10px}

	.contact_us .way .fl{width:100%;float:none}

	.contact_us .way .sao{width:50%;float:none;padding-top:20px}

	.contact_us .sao img{width:100%;height:auto}

	.map #dituContent{width:99.9%;height:300px;border:1px solid #ccc}

	.step li a .text_dec em{padding:30px 0 10px 0}

	.step .right{margin-top:0}

	.section .step{padding-top:10px}

	.step4 li a h3{margin:2px 0}

	.step4 li{margin:10px 0}

	.news li .time{width:15%}

	.news li .wz{width:83%;margin-left:2%}

	.news{padding:10px 0}

	

}

@media screen and (max-width: 375px) {

	.wrap, .w1200{width:94%;margin:0 3%}

	#header #logo{width:125px;height:43px;}

	#header{height:59px}

	.focusA,.focusB{margin-top:59px;height:83px}

	#header .menu_box{margin-top:-6px}

	#slideNav li:nth-of-type(1){margin-top:59px}

	#slideNav a{height:40px;line-height:41px}

	.menu{padding-top:5px}

	/*内页*/

	.section .title{padding-top:10px}

	.focusC{height:65px;margin-top:63px;background-size:100% 65px;}

	.section .nav{padding-top:20px}

	.nav a{margin:0 3px 10px 3px}

	.products2,.join{padding:25px 0 40px 0}

	.products2 .read img{width:100%;height:auto}

	.about img{width:100%;height:auto}

	.products ul{width:auto}

	.products li{width:49%;margin-right:2%;margin-bottom:10px}

	.products li:nth-child(2n){margin-right:0;}

	.products li .picture{width:100%}

	.products li .pic img{width:100%;height:auto}

	.products li a .text_dec{width:100%}

	.title h1{font-size:14px}

	.title h1 em{margin-top:0}

	.products{padding:10px 0 20px 0}

	.products li a .text_dec em{padding-top:30px}

	.products li a h2{margin:5px 0}

	}

	



@media screen and (max-width: 320px) {

	.map #dituContent{width:99.9%;height:290px;border:1px solid #ccc}

	.step li a .text_dec em{padding:20px 0 10px 0}

	}