@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: 1200px) and (max-width: 2560px) {

	.subNavmob{

		display:none;

	}

	.group li a .pic3{ display:none}

	.focusB{ width:100%; height:auto;}

}

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

	.aboutContanier,.strenPic,.yuzhPic{

		display:none;

	}

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

	#header #showNav{display: block;}

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

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

	#header {

		background: #fff;

		position: fixed;

		top: 0px;

		left: 0px;

		z-index: 200; height:132px

	}

	#header .head{ width:100%; clear:both}

	.step ul{ width:100%}

	.step li{ margin-right:2%; width:23.5%}

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

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

	.step2 li{ width:25%}

	.step2 li a .images{ width:100%; height:auto}

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

	.step2 li .shade{ height:148px; margin-top:-148px}

	.step2 li .shade u{ margin-top:50px}

	.step3 ul{ width:100%}

	.step3 li{ width:48%; margin-right:4%}

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

	.step3 li .wz{ width:82%}

	.f_top .f_left{ width:60%}

	.f_top .f_right{ width:40%}

	.f_top .sao{ margin-left:30px}

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

	.focusA{ padding-top:132px}

	.focusB{ width:100%; height:auto; padding-top:132px}

	.content .leftside{ width:25%;margin-right:2%}

	.content .rightside{ width:73%}

	.contact_us .map div{ width:100%}

	.leftside .nav{ width:100%}

	.book ul{ width:100%}

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

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

	.book li a .img{ width:99.4%; height:auto}

	.news li .wz{ width:88%}

	.goods ul{ width:100%}

	.goods li{ width:100%; margin-right:0px}

	.goods li .pic{ width:40%; margin-right:4%; height:auto}

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

	.goods li .text{ width:56%}

	.goods li .shade{ height:100%; margin-top:-100%}

	.goods li .shade u{ margin-top:62px}

	.products .scroll{ width:100%; float:none; margin-right:0px}

	.products .article{width:100%; float:none; clear:both; padding-top:30px}

	.article .fen{ margin-top:35px}

}



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

	#header{

		background:url(../images/topbj01.png) no-repeat center top #fff; height:132px

	}

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

	#footer .wrap1202{

		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 .menu_box{ margin-top:30px}

	#header {

		background: #fff;

		position: fixed;

		top: 0px;

		left: 0px;

		z-index: 200;

	}

	.focusA{ margin-top:132px; height:267px}

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

	#header .head{ width:100%; clear:both}

	.step li .bg{ height:136px}

	.step li .bg u{ margin-top:136px}

	.step2 li a .wz{ padding:15px 24px 14px 24px;}

	.f_top .sao{ margin:0}

}





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

	#header{

		padding:0;

		background:#fff; height:102px

	}

	#header #logo{

		display:block;

	}

	#header #logo{width:300px; height:50px}

	#header #logo img{width:300px; height:50px}

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

	#header .wwLink,#word,#footer,#service,.bannerN_01{

		display:none;

	}

	#header #nav{

		margin-top:0;

	}

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

	.focusA{ padding-top:0px; height:201px}

	#header #showNav{display: block;}

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

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

	.step ul{width:100%}

	.step li{ width:49%; margin-right:2%; height:auto}

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

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

	.step li .shade{ height:246px; margin-top:-246px}

	.step li .shade u{ margin-top:100px}

	.main .section{ padding-top:30px}

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

	.step li{ margin-bottom:20px}

	.section .more{ padding:10px 0 25px 0}

	.step2 li{width:49%; margin-right:2%; margin-bottom:20px}

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

	.step2 li a .images,.step2 li a .images img{ width:100%; height:auto}

	.step2 li .shade u{ margin-top:85px}

	.step3 ul{ width:100%}

	.step3 li{width:100%; margin-right:0}

	.step3 li .wz{ width:88%}

	.f_top .f_left,.f_top .f_right{ float:none; width:100%}

	.f_top .f_right{ margin-top:30px}

	#header .head{ width:100%; clear:both}

	.step2 li .shade{ height:211px; margin-top:-211px}

	.focusB{ width:100%; height:auto; padding-top:102px}

	.content .leftside{ width:100%; float:none; margin-right:0px}

	.content .rightside{ width:100%; float:none; margin-top:30px; clear:both}

	.contact_us .map div{ width:100%}

	.leftside .nav{ width:100%}

	.leftside .contact .way{ float:left; border-bottom:none}

	.contact .sao{ float:right; padding-top:0px}

	.book ul{ width:100%}

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

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

	.book li a .img{ width:99.4%; height:auto}

	.news li .wz{ width:90%}

	.goods ul{ width:100%}

	.goods li{ width:100%; margin-right:0px}

	.goods li .pic{ width:40%; margin-right:4%; height:auto}

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

	.goods li .text{ width:56%}

	.goods li .shade{ height:100%; margin-top:-100%}

	.goods li .shade u{ margin-top:65px}

	.products .scroll{ width:100%; float:none; margin-right:0px}

	.products .article{width:100%; float:none; clear:both; padding-top:30px}

	.article .fen{ margin-top:35px}

}

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

		background: #fff;

		position: fixed;

		top: 0px;

		left: 0px;

		z-index: 200; height:82px

	}

	#header .head{ width:100%; clear:both}

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

    /*#header #logo03 {

    	display:block;

		float: left;

		width: 155px;

		height: 41px;

		text-indent: -999px;

		overflow: hidden;

	}*/

    #header #showNav{

		display: block;

	}

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

    }

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

	#header #logo img{width:280px; height:30px}

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

}

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

	#header #logo{width:180px; height:30px}

	#header #logo img{width:180px; height:30px}

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

	.rslidesA li a img{ height:151px}

	.step ul{width:100%}

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

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

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

	.step li .shade{ height:186px; margin-top:-186px}

	.main .section{ padding-top:30px}

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

	.step li{ margin-bottom:20px}

	.section .more{ padding:10px 0 25px 0}

	.step2 li{width:49%; margin-right:2%; margin-bottom:20px}

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

	.step2 li a .images,.step2 li a .images img{ width:100%; height:auto}

	.step2 li .shade u{ margin-top:55px}

	.step3 ul{ width:100%}

	.step3 li{width:100%; margin-right:0}

	.step3 li .wz{ width:85%}

	.f_top .f_left,.f_top .f_right{ float:none; width:100%}

	.f_top .f_right{ margin-top:30px}

	.focusB{ width:100%; height:auto; padding-top:82px}

	.content .leftside{ width:100%; float:none; margin-right:0px;}
	.products .down .js img{max-width: 100%;}

	.content .rightside{ width:100%; float:none; margin-top:30px; clear:both}

	.contact_us .map div{ width:100%}

	.leftside .nav{ width:100%}

	.leftside .contact .way{ float:left; border-bottom:none}

	.contact .sao{ float:right; padding-top:0px}

	.book ul{ width:100%}

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

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

	.book li a .img{ width:99.3%; height:auto}

	.book li a .img img{ width:100%; height:auto}

	.news li .wz{ width:85%}

	.goods ul{ width:100%}

	.goods li{ width:100%; margin-right:0px}

	.goods li .pic{ width:40%; margin-right:4%;}

	.goods li .pic img{ width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}

	.goods li .text{ width:56%}

	.goods li .shade{ height:100%; margin-top:-100%}

	.goods li .shade u{ margin-top:42px}

	.products .scroll{ width:100%; float:none; margin-right:0px}

	.products .article{width:100%; float:none; clear:both; padding-top:30px}

	.article .fen{ margin-top:35px}
	.step2 li a .images img.tp_img{ width:100%;height: 100%;object-fit: cover;}
    .contact_us .map img,.detail img{max-width: 100%;}
    .f_top .sao{float: none;width: 100%;clear: both;}
	.f_top .way span{margin-bottom: 20px;}
	.goods li a .text span{margin-top: 0;}
	.leftside .contact{display: none;}
	.leftside .nav li a{height: 39px;line-height: 40px;}

	}



@media screen and (max-width: 599px) {
	.step4 ul{grid-template-columns: repeat(2, 1fr);}
	.step4 li{height: 80px;}
	.step4{margin-bottom: 0;}

	.step li .bg{ height:180px}

	.step li .bg u{ margin-top:180px}

	.step3 li .wz{ width:78%}

	.f_top .sao{ margin:20px 0 0 0px}

	.f_left .f_menu a{ margin-right:20px; margin-bottom:5px; display:inline-block}

	.footer .f_down{ height:auto; line-height:30px; padding:10px 0}

	.footer .f_top{ padding:15px 0}.home span{ display:block; float:none; margin-bottom:15px}

	.home h1{ padding-bottom:8px}

	.leftside .contact .way{ width:100%; float:none;border-bottom: 1px solid #dfdfdf;padding-bottom: 6px; margin-bottom:15px}

	.contact .sao{width:100%; float:none}

	.news li .wz{ width:78%}

	.spec-preview,.jqzoom,.jqzoom img,.spec-scroll,.spec-scroll .items ul{ width:100%; height:auto}

	.spec-scroll .items ul li{ width:23.5%; margin:10px 2% 0 0; height:77px}

	.spec-scroll .items ul li:nth-child(4n){ margin-right:0}

	.spec-scroll .items ul li img{ width:100%; height:100%;object-fit: cover;}

	.spec-scroll .items{ height:138px}

	.products .article{ padding-top:0px}
	.spec-scroll{margin-top: 10px;}
	.spec-scroll .items ul{height: 77px;overflow: hidden;}

}

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

	.focusA{}

	

}

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

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

	#header #logo{ width:180px; height:30px;}

	.focusA{ margin-top:82px;height:100px}

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

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

	.rslidesA li a img{ height:100px}

	#header .hi{ display:none}

	#header .tel{ float:none}

	#header{ height:82px}

	.step li .bg{ height:202px}

	.step li .bg u{ margin-top:202px}

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

	.step3 li .wz{ width:72%}

	.footer .f_top{ padding:15px 0}

	.f_left .f_menu a{ margin-right:20px; margin-bottom:5px; display:inline-block}

	.f_top .way,.f_top .sao{ float:none; clear:both;}

	.f_top .sao{margin:0 auto; width:50%; padding:4%; margin-top:30px}

	.f_top .sao img{ width:100%}

	.f_top .way span{background:url(../images/tel.png) no-repeat 50% top;}

	.footer .f_down{ height:auto; line-height:30px; padding:10px 0}

	.home span{ display:block; float:none; margin-bottom:15px}

	.home h1{ padding-bottom:8px}

	.leftside .contact .way{ width:100%; float:none;border-bottom: 1px solid #dfdfdf;padding-bottom: 6px; margin-bottom:15px}

	.contact .sao{width:100%; float:none}

	.news li .wz{ width:72%}

	.book li a .img img{ width:100%; height:auto}

	.spec-preview,.jqzoom,.jqzoom img,.spec-scroll,.spec-scroll .items ul{ width:100%; height:auto}

	.spec-scroll .items ul li{ width:23.5%; margin-right:2%}

	.spec-scroll .items ul li:nth-child(2n){ margin-right:0}

	.spec-scroll .items ul li img{ width:100%; height:auto}

	}

	



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

	}