@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
list-style-type: none;
}
body{
font-family:microsoft yahei;
font-size:14px;
line-height:24px;
color:#616161;
background:#fff;
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#616161; text-decoration: none;}

a:hover{color:#1977ca;text-decoration:none!important;}



h1{float:left;font-size:33px;  color:#1f1f1f;font-weight:900!important; line-height:32px;}
h1 b{color:#666666; font-size:18px; font-weight:normal; letter-spacing:2.4px; text-transform:uppercase}
h1 a{color:#1f1f1f;}



.top1{ line-height:25px; float:right; width:360px; text-align:right; margin-top:20px;  color:#a6a6a6; text-align:center;color:#a6a6a6; font-size:14px; margin-right:20px }
.top1 a{ color:#a6a6a6; font-size:14px }
.top1 span{ font-size:18px}


#search{
width:150px;
float:right;
 margin-top:20px; 
}
#search_logo{ padding-top:0px;}


.searchinput{
height:25px;
color:#aaaaaa;
font-size:14px;
border:#e7e7e7 solid 0px;
width:104px;
float:left;
display:inline;
padding-left:20px;
line-height:25px;
background:#ececec
}



/*--------------------index.html start----------------------*/


#head{
width:1200px; margin:auto;
}


#menuz{width:620px;
float:right;
font-size:18px; padding-top:0px; margin-top:10px 

}
#menuz ul{overflow:hidden; }
#menuz ul li{float:left;line-height:60px;  }
#menuz ul li a{ margin-left:55px; color:#1f1f1f}



.line{ width:auto;height:50px;position:relative;}
.line:after {
            content: "";
            width: 0;
            height:2px;
            background:#5b6def;
            position: absolute;
            top: 100%;
            left:0%;
			margin-top:10px;
            transition: all .5s; 
}

.line:hover:after {left:0%;width: 100%;}






#flash{
width:100%;
height:521px;
float:left;

}
#flash2{ display:none

}
.banner{ 	
			width: 100%;
			/*height: 560px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: 475px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('../images/left_right.png') no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url('../images/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}
		
		





#pro1{width:100%; float:left; height:382px; background:url(../images/pro_b.jpg) no-repeat bottom center #297ac9; margin-top:280px;}


.pp1{ width:100%; float:left; background:#fafafa; border-top:1px #ededed solid;   }
.pp2{ width:1200px; margin:auto;}


.pp2 .pro_erer{ width:19.9%; overflow:hidden ;color:#fff; }
.pp2 .pro_hihi{ margin-top:-45px; background:#374bdf;opacity:.8; width:100%; text-align:center}
.pp2 .pro_erer a{ color:#fff; text-align:center; line-height:45px; font-size:16px}
.pp2 .pro_erer img{ width:100%; -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;}
.pp2 .pro_erer a:hover img{transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transition: scale(1.1,1.1);
    -o-transition: scale(1.1,1.1);}

.pro1212{ width:1200px; margin:0 auto;  display:flex; justify-content: space-between; margin-top:40px}

.pro_nr h2 b {
    width: 1200px;
    height: 13px;
    position: relative;
    background: url(../images/san.png) no-repeat left top;
    float: left;
    margin-top: 15px;
}

.pro_nr { width:1200px; margin:auto;}
.pro_nr h2 { width:1200px; padding-top:60px;font-size: 36px;text-align: left;line-height: 40px;padding-bottom: 10px;color: #000000;font-weight: normal; font-family: Helvetica-Bold;}
.pro_nr h2 span { display:block; font-size:16px; line-height:29px; color:#5b5b5b;font-weight:400; margin-top:20px; background:url(../images/line.png) no-repeat center 10px}
.pro_nr h2 b { font-weight:700; color:#1c1c1c;}



.hl_main5_contenta{width:100%;border-top:none; padding-bottom:30px; }
.hl_main5_contenta a{ }
.hl_main5_contenta1{width:100%;margin-top:5px; overflow:hidden; float:left; margin-left:0px;}

.hl_main5_contenta1 ul li{ float:left; display:inline; margin-top:10px; width:28%; margin-right:4%}
.hl_main5_contenta1 ul li img{ max-width:244px }
.hl_main5_contenta1 ul li .tupian{ text-align:center;  width:259px; height:120px; vertical-align:middle; margin-top:15px}
.hl_main5_contenta1 ul li .gao{ text-align:center; color:#000000; font-size:20px; padding-top:15px;  line-height:20px!important; width:259px; font-family:Arial, Helvetica, sans-serif}
.hl_main5_contenta1 ul li .gao b{ text-align:center; color:#838383!important; font-size:14px; padding-top:15px;  line-height:20px!important; width:259px; display:block; font-weight:normal; font-family:Arial, Helvetica, sans-serif}

.hl_main5_contenta1 ul li .blue span{ text-align:center; color:#fff; font-size:15px; line-height:28px!important; width:110px; height:28px; border:0px #b2b2b2 solid; border-radius: 25px; display:block; margin:10px auto 0 auto; background:#374bde }

.hl_main5_contenta1 ul li a{ float:left; background:#fff; border:#e6e6e6 solid 2px;width:100%; height:124px;  font-weight:normal;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-right:30px ; padding:10px }
	
.hl_main5_contenta1 ul li a:hover{ float:left;  width:100%; height:124px; border:#fab30d solid 2px;
transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}


.nusoaks{ width:100%; float:left; background:#fafafa; padding-bottom:60px; border-bottom:1px #ededed solid; }
.hl_main5_content{width:1350px;border-top:none; padding-bottom:30px; margin: 0 auto;  }
.hl_main5_content a{ color:#fff}
.hl_main5_content1{width:1200px;margin-top:5px; overflow:hidden; float:left; margin-left:30px;}
.hl_main5_content1 ul{width:26000px; overflow:hidden;}
.hl_main5_content1 ul li{ float:left; display:inline; margin-top:40px;}
.hl_main5_content1 ul li img{ width:240px;  border-radius:8px; padding-top:20px; margin-bottom:10px}

.hl_main5_content1 ul li .tupian{ text-align:center;  width:259px;}
.hl_main5_content1 ul li .gao h2{  color:#1a1a1a; font-size:22px;  width:100%; font-family:Arial, Helvetica, sans-serif; border-bottom:1px #eeeeee solid; text-align:left; line-height:40px; font-weight:normal!important; padding-bottom:10px}
.hl_main5_content1 ul li .gao b{ text-align:left; color:#4c4c4c; font-size:14px; padding-top:15px;  line-height:20px!important; width:259px; display:block; font-weight:normal}
.hl_main5_content1 ul li .gao .ske{ font-size:16px; color:#4f4f4f; font-family:Arial, Helvetica, sans-serif; background:url(../images/eee.jpg) no-repeat left bottom; padding-bottom:8px}
.hl_main5_content1 ul li .blue span{ text-align:left; color:#3c3b3b; font-size:14px; line-height:38px!important; width:100%; display:block; margin:20px auto 0 auto; font-weight:bold }
.hl_main5_content1 ul li .blue span b{ font-size:18px; color:#374bdf; font-weight:bold;}

.hl_main5_content1 ul li a{ float:left; background:#fff; border:#f1f1f1 solid 1px; width:271px; height:222px; margin-right:22px; font-weight:normal;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; padding:38px }
	
.hl_main5_content1 ul li a:hover{ float:left;  width:271px; height:222px;  border:#5e6fed solid 4px;
transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px); color:#374bdf;  padding:38px }



.hl_scrool_leftbtn{width:38px; height:62px; background:url(../images/d11.png) no-repeat; float:left; margin-top:180px; cursor:pointer;}
.hl_scrool_rightbtn{width:38px; height:62px;  background:url(../images/d2.png) no-repeat; float:right;margin-top:180px; cursor:pointer;}






.about2{ width:100%; float:left; background:#fff;  padding-top:70px; padding-bottom:70px; }
.about1{ width:1200px; margin:auto;}

.nr4{float:left;width:515px;}
.nr4 a{ color:#FFFFFF}
.nr3{float:left;width:515px; height:310px; overflow:hidden}
.nr3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.nr3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

		
.nr7{float:right;width:337px; height:0px; position: relative;clear: both; z-index:9999; }
.nr1{float:left;width:337px; position: absolute;clear: both;margin-top:236px; margin-left:167px; }

.nr2{float:left;width:307px; height:45px; background:url(../images/nr2.jpg) no-repeat left top; color:#FFFFFF; font-size:18px; text-align:left; line-height:45px; text-transform:uppercase; padding-left:30px}
		




.ab1{width:640px;float:right;  }
.ab1 h4{width:640px;  float:left;  font-size:36px; text-align:left; line-height:40px; padding-bottom:10px; color:#000000; font-weight:normal; font-family:Helvetica-Bold}
.ab1 h4 span{width:640px;  float:left; font-size:60px; text-transform:uppercase;color:#e8e8e8; font-family:Arial, Helvetica, sans-serif; font-weight:900}
.ab1 h4 em{  font-size:18px; font-style:normal; line-height:70px;color:#585858; font-weight:normal}
.ab1 h4 b{width:640px; height:13px; position:relative; background:url(../images/san.png) no-repeat left top;  float:left; margin-top:15px;}

.ab3{ float:left; width:640px; height:150px; padding-top:5px; }



.ab5{ width:767px; float:right}
.ab5 h5{ padding-left:30px; padding-right:30px; float:left; font-size:15px; text-align:center; line-height:35px; font-weight:normal;border-right:#e9e9e9 solid 1px; color:#000000}
.ab5 h5 span{   font-size:35px; color:#83c129; font-weight:900; padding-left:5px; padding-right:5px; font-family:Arial, Helvetica, sans-serif}







.flex { display:flex; justify-content: space-between;}





#home_shu_1 dl img{transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;}
#home_shu_1  dl:hover img {
    transform: rotate(360deg);transition: all .3s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease; text-decoration:none
}
.home_pic{clear:both}
.home_pic img{ position:relative; width:490px; margin:0 auto; padding-top:40px;  transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.home_pic:hover img{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




    transform: translate(0,10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);}




.dibu{width:1200px; margin:auto; clear:both; overflow:hidden; }
.factory{ width:597px; float:left; height:662px}

.factory h4{width:657px;  float:left; color:#000; font-size:33px; text-align:left; line-height:40px;font-weight:normal;   padding-bottom:0px; font-weight:normal; padding-top:50px }
.factory h4 span{width:1200px;  float:left; color:#333333; font-size:17px; text-transform:uppercase; font-weight:normal;  }




#news{ width:100%; float:left; height:auto}

#news #main{width:1200px; margin:0 auto;}
#news .pro_nr{width:28%; float:left}
#news .pro_ri{width:67%; float:right}
#news .pro_nr h2 b {
    width:32px;
    height: 13px;
    position: relative;
    background: url(../images/san.png) no-repeat left top;
    float: left;
    margin-top: 15px;
}

#news .pro_nr h2{color:#000; font-size:33px; text-align:left; line-height:40px; font-weight:normal; padding-bottom:0px; font-weight:normal; padding-top:50px; float:left }
#news .pro_nr h2 em{ width:190px; float:left; font-style:normal}
#news .pro_nr  p{   font-size:16px; line-height:24px; font-weight:100!important; margin-top:34px; color:#4f4f4f; float:left}

#news .pro_nr .nr21 {
    float: left;
    width: 307px;
    height: 45px;
    background: url(../images/nr2.jpg) no-repeat left top;
    color: #FFFFFF;
    font-size: 18px;
    text-align: left;
    line-height: 45px;
    text-transform: uppercase;
    padding-left: 30px; margin-top:35px; margin-bottom:108px
}

#news .pro_nr .nr21 a{    color: #FFFFFF;}



#owl-demo{width:597px;height:417px; float:left; margin-top:38px}
#owl-demo .item{ position:relative;display:block;  overflow:hidden; text-align:center; background:#f3f3f3 }
#owl-demo img{display:block;width:auto; height:417px; margin:0 auto }
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#2778c7;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../owl-carousel/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../owl-carousel/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}






.pro_ri ul li{display:inline;float:left;width:331px; height:170px; margin-right:69px; margin-top:94px  }
.pro_ri ul li a{ float:left;  width:331px;  line-height:30px; margin-bottom:10px; }
.pro_ri ul li h5{width:331px;float:left; text-align:left; color:#000; font-size:17px; font-weight:normal; line-height:40px; margin-bottom:5px;
text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;

}
.pro_ri ul li h3{width:331px;float:left; text-align:left; color:#bababa; font-size:50px; background:url(../images/n_x.jpg) no-repeat 100px 25px; font-weight:normal;  line-height:40px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif}
.pro_ri b{  color:#9b9b9b; font-weight:normal ;font-size:14px; float:right}
.vv{width:331px;float:left;text-overflow: ellipsis;display: -webkit-box; color:#505050;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; height:48px; line-height:24px;}
.pro_ri em{ color:#949494; font-size:12px; font-style:normal }
.m3{width:50px; line-height:33px; text-align:center; float:left; color:#CCCCCC; margin-top:0px; font-size:20px;}
.m3 a{width:50px!important;line-height:32px; float:left; color:#CCCCCC!important; border:#CCCCCC solid 1px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#FFFFFF!important; background:#4458e8; width:150px!important;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}






.youshi{
    width: 100%; float:left; background:url(../images/youshi.jpg) no-repeat center top; background-attachment:fixed; height:300px
}

.container{
    width: 1200px;
    margin: auto;
    clear: both;
    overflow: hidden;
    padding-top: 0px; color:#fff
}

 .flip{width:270px; float:left; text-align:center; margin-top:50px}
    .flip1{ width:270px; margin-left:30px; float:left; text-align:center; margin-top:50px}
	 .flip2{ width:270px; margin-left:30px; float:left; text-align:center; margin-top:50px}
  .flip3{ width:270px; float:right; text-align:center; margin-top:50px}


    .front{}

	   
   	.container h7{width:270px; font-size:20px!important; color:#fff; text-align:center; float:left; line-height:50px;}
	.container p{width:270px; font-size:15px!important; color:#fff; text-align:center; float:left}
	
.container p a{ color:#fff} 





#footer1{ margin:0 auto; width:100%; background:url(../images/footer.jpg) no-repeat center bottom #fff;  margin-top:10px; line-height:35px; height:470px; text-align:center; clear:both }


.contact1{margin:auto;width:1200px;}


.lx{ width:283px; height:250px; text-align:center; margin-top:70px ; float:right ; font-size:16px }

.lx h3{ font-size:28px; color:#060606; font-weight:normal; text-align:left; margin-bottom:33px}
.lx a{ color:#6e6e6e; font-size:16px}
.lx a{ color:#fff; }
.ewm1{ width:124px; float:left; margin-right:30px; color:#000; text-transform:capitalize}
.ewm2{ width:124px; float:left; color:#000 ; text-transform:capitalize}

.lo_bo{ width:338px; height:250px; float:left; border-right:1px #eaeaea solid; margin-top:70px}
.contact{ float:left;width:147px;height:250px;color:#333!important; text-align:left ;margin-top:70px ; margin-left:27px; padding-right:27px;border-right:1px #eaeaea solid;}
.contact h3{ font-size:28px; color:#060606; font-weight:normal}
.contact h4{ font-size:16px; color:#333333; font-weight:normal; margin-top:5px}
.contact a{ color:#6e6e6e; font-size:14px; width:100%; display:block; height:30px}
.conews{ width:214px; height:250px;margin-left:57px; padding-right:57px;border-right:1px #eaeaea solid; float:left ;margin-top:70px ; text-align:left}

.conews h3{ font-size:28px; color:#060606; font-weight:normal}
.conews a{ color:#6e6e6e; font-size:14px; width:100%; display:block}




.search1 {
	float: left;
	height: 44px;
	width: 202px;
	background:#e9eef4;
	border: 0px solid #FFFFFF;
	color: #757575;
	display: inline;
	line-height: 44px;
	font-size: 14px;
	text-align: left;
 padding-left:10px; margin-left:30px; margin-top:30px

}
.searchimg1 {
	float: left;
	display: inline; margin-top:30px	
}

.footer{ float:left; width:890px; text-align:left;color:#787878; margin-left:30px; margin-top:40px; line-height:26px; font-family:Arial, Helvetica, sans-serif}
.footer a{color:#787878!important}

.zzb07tail{color:#787878}
a.zzb07link{ text-decoration:none;color:#787878}

a.zzb07link:hover {text-decoration:underline;color:#787878}
.n2{width:657px;float:right; padding-top:20px; }
.n2 ul{ margin-top:17px }

.n2 ul li a{ float:left;  width:100%; line-height:30px;transition:All 0.4s ease-in-out;transform: translate(0,-10px);border-bottom:1px #e3e3e3 solid; display:block; padding:14px 0  }
.n2 ul li a:hover{ background:#374bde; color:#fff!important}
.n2 ul li h5{width:450px;float:left; text-align:left; color:#000; font-size:17px; font-weight:normal; line-height:40px;  margin-left:15px}
.n2 ul li h5 span{ font-size:14px; color:#878787}

.n2 ul li a:hover h5{color:#fff!important}
.n2 ul li a:hover span{color:#fff!important}
.n2 ul li a:hover h3{ background:none; color:#fff}

.n2 ul li a:hover .m3{color:#fff;}
.n2 ul li .time{ width:102px; float:left; border-right:1px #e3e3e3 solid; }
.n2 ul li h3{width:82px; height:63px;  margin-bottom:10px; margin-right:20px;float:left; text-align:center; color:#2e2e2e; font-size:32px; font-weight:normal;  line-height:30px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; background:#e5e5e5; padding-top:15px}

.n2 ul li h3 span{ font-size:16px}
.n2 ul li a:hover .m3 {
    color: #fff;
}

.mbdh{ display:none}
.wap_22{ display:none}
.neidetail{ display:none}
.wap_tb{ display:none}
.moremore{ display:none}

/*--------------------------------------------------------------------------------------------------------------------------------------1024--*/

@media all and (max-width:1024px){  
.mbdh{ display:block}
.wap_22{display:none}
#head{ display:none}
.nr4 {
    float: left;
    width: 49%;
}

.ab1 {
    width: 42%;
    float: right;
}

.about1 {
    width: 100%;
    margin: auto;
}

.nr3 {
    float: left;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.ab1 h4 {
    width: 100%;
    float: left;
    font-size: 30px;
    text-align: left;
    line-height: 40px;
    padding-bottom: 10px;
    color: #000000;
    font-weight: normal;
}

.ab3 {
    float: left;
    width: 100%;
    height: 150px;
    padding-top: 5px;
}.ab1 h4 em { width:100%;
    font-size: 18px;
    font-style: normal;
    line-height: 40px;
    color: #585858;
    font-weight: normal;float: left;
}
.pp1,.pp2,.pro_nr,.hl_main5_content, #youshi h2,.dibu,#owl-demo,.n2,.contact1,#main,.cuti1,.pnpage-1,.hl_main5_contenta,.hl_main5_contenta1{
    width: 100%;
}
.pro_nr h2 {
    width: 100%; font-size:28px}
.pro_nr h2 span{margin-top: 10px;font-weight:normal; font-size:14px}
.pro_nr h2 span p{ width:90%; margin:0 auto}

.hl_main5_content1{ width:88%}

.home_pic{ display:none}


#youshi .zuo {
    text-align: right;
    margin-right: 2%;
}

#youshi .content{width: 100%;;margin-top:0;}




#youshi .you {
    text-align: left;
    margin-left: 2%;
}

#youshi{ height:auto}

.factory{ width: 45%; margin:0 1%}
#new {
    width: 50%;}
	
.n2 ul li .time{ width:17%}	
	
	.n2 ul li h3{ width:100%}	
	
	
	.n2 ul li h5{ width:73%}
	
	
	.lx{ width:19%}
	
	.contact{ width:73%; margin-left:3%}
	.owl-carousel .owl-item{ width:100%}
	
	#left{ width:18%; margin-left:1%}
	
	#right{width:71%; margin-right:2% }
	
	
	
	.pnpage1-1{ width:33%}
	.pnpage3-1{ width:33%}
	.pnpage2-1{ width:33%}
	
	#right2 { width:90%; margin: 0 auto}
	#right2 h2 { width:100%; margin: 0 auto}
	.hl_main5_contenta1 ul li{ width:30%; margin-right:3%}
	.n2 ul li h5{ width:75%!important}
	.n2 ul li h5 span {
    font-size: 14px;
    color: #878787; line-height:24px
}
	
	
}





/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:550px){
	
	body{ font-family:Arial, Helvetica, sans-serif}
.mbdh{ display:block}
.wap_22{display:block}
#head{ display:none}
#flash{ display:none}
#flash2{ display:block;
width:100%;
height:650px;
float:none; margin:0 auto

}
.nr4 {
    float: none;
    width: 100%; margin:0 auto
}

.ab1 {
    width: 90%;
    float: none; margin:0 auto; height:auto
}

.about1 {
    width: 100%;
    margin: auto;
}

.nr3 {
    float: none;
    width: 90%;
    height:auto;
    overflow: hidden; margin:0 auto; padding-bottom:20px; padding-top:20px
}
.nr3 img{ width:100%}
.nr1{ display:none}

.ab1 h4 {
    width: 100%;
    float: none;
    font-size: 24px;
    text-align: left;
    line-height: 40px;
    padding-bottom: 10px;
    color: #000000;
    font-weight: normal;
}
.ab1 h4 span{ font-size:50px; float:none}
.about2{ height:auto; padding-top:40px; float:none; margin:0 auto}
.ab3 {
    float: none;
    width: 100%;
    height:auto;
    padding-top: 15px; overflow:hidden
	
}


.ab1 h4 em { width:100%;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    color: #585858;
    font-weight: normal;float: left;
}
.pp1,.pp2,.pro_nr,.hl_main5_content, #youshi h2,,#owl-demo,.n2,.contact1,#main,.cuti1,.pnpage-1,.hl_main5_contenta,.hl_main5_contenta1{
    width: 100%;
}
.pro_nr h2 b {
    width: 100%;
    height: 13px;
    position: relative;
    background: url(../images/san.png) no-repeat left top; clear:both; margin:0 auto
    margin-top: 15px;
}.ab1 h4 b {
    width: 100%;
    height: 13px;
    position: relative;
    background: url(../images/san.png) no-repeat left top; margin:0 auto; clear:both;

    margin-top: 15px;
}
#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8,#f9,#f10,#f11,#f12{ width:100%; margin: 0 auto; height:200px; background-size:1600px }
.pp1 {margin: auto; clear:both
}
.pp2 {
    width: 90%;
    margin: auto;
}
.pro1212 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 40px;  flex-wrap:  wrap
}.pp2 .pro_erer {
    width: 100%;
    overflow: hidden;
    color: #fff;
}.pp2 .pro_hihi{ font-size:18px}
.hl_scrool_leftbtn{ display:none}
.hl_scrool_rightbtn{ display:none}


.dibu{ width:90%; margin:0 auto}
.factory h4 { font-size:28px; float:none; padding-top:40px}
.factory h4 span {
    width: 100%; font-size:16px; color:#666}
	
.hl_main5_content1{ width:100%;margin-top: 5px;
    overflow: hidden;
    float: left;
    margin-left: 0px;}



.hl_scrool_leftbtn{ display:none}
.hl_scrool_rightbtn{ display:none}

.hl_main5_content1 ul li {
    float: left;
    display: inline;
    margin-top: 40px;
}


.hl_main5_content1 ul li a {
    float: left;
    background: #fff;
    border: #d0d0d0 solid 5px;
    width: 65%;
    height: 234px;
    margin-left: 22px;
    font-weight: normal;}
	
.hl_main5_content1 ul li .gao .ske {
    font-size: 19px;
    color: #4f4f4f;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/eee.jpg) no-repeat left bottom;
    padding-bottom: 8px;
}	
	.hl_main5_content1 ul li .gao b {
    text-align: left;
    color: #4c4c4c;
    font-size: 17px;
    padding-top: 15px;
    line-height: 20px!important;
    width: 259px;
    display: block;
    font-weight: normal;
}
	.hl_main5_content1 ul li .blue span {
    text-align: left;
    color: #3c3b3b;
    font-size: 17px;
    line-height: 38px!important;
    width: 100%;
    display: block;
    margin: 20px auto 0 auto;
    font-weight: bold;
}
	
	#news #main {
    width: 90%;
    margin: 0 auto;
}
#news .pro_nr p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 100!important;
    margin-top: 34px;
    color: #4f4f4f;
    float: left;
}#news .pro_nr .nr21 {width: 200px;
    height: 30px;
    background: #374bdf;
    color: #fff;
    text-align: center;
    line-height: 30px;
    display: block;
    margin-top: 20PX; padding-left:0; margin-bottom:30px; font-size:16px
}.pro_ri ul li {
    display: inline;
    float: left;
    width: 100%;
    height: 170px;
    margin-right: 0px;
    margin-top: 14px;
}.pro_ri ul li h5 {
    width: 100%;
    float: left;
    text-align: left;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}.vv {
    width: 100%;
    float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    color: #505050;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
    line-height: 24px; font-size:16px
}.pro_ri b {
    color: #9b9b9b;
    font-weight: normal;
    font-size: 18px;
    float: right;
}.container {
    width: 100%;
    margin: auto;
    clear: both;
    overflow: hidden;
    padding-top: 0px;
    color: #fff; display:flex;  flex-wrap:  wrap
	
}.flip {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 50px;
}
.flip1 {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 50px; margin-left:0
}
.youshi {
    width: 100%;
    float: left;
    background: url(../images/youshi.jpg) no-repeat center top;
    background-attachment:inherit;
    height: 1100px; background-size:820%
}
.flip2 {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 50px; margin-left:0
}

.flip3 {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 50px; margin-left:0
}
.container h7 {
    width: 100%;
    font-size: 20px!important;
    color: #fff;
    text-align: center;
    float: left;
    line-height: 50px;
}.container p {
    width: 100%;
    font-size: 15px!important;
    color: #fff;
    text-align: center;
    float: left;
}

#pro1{height: 282px;}
#news .pro_nr{
    width: 100%;
    float: left;
}#news .pro_ri {
    width: 100%;
    float: right;
}
.home_pic{ display:none}

.left{ display:none}
#youshi .zuo {
    text-align: right;
    margin-right: 2%;
}

#youshi .content{width: 100%;;margin-top:0; }
#youshi .content dl dd a{ color:#666}



#youshi .you {
    text-align: left;
    margin-left: 2%;
}

#youshi{ height:auto}

.factory{ width: 100%; margin:0 auto; height:auto}
#owl-demo {margin-top:10px;}
#new { width:100%; margin:0 auto; height:auto; margin-bottom:90px}
	#new h4 { font-size:28px; float:none; width:100%;padding-top: 40px;}
	#new h4 span {
    width: 100%;
    float: none;
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal; color:#666
}
.n2 ul li .time{ width:17%; margin-left:0!important}	
	
	.n2 ul li h3{ width:100%}	
	
	
	.n2 ul li h5{ width:73%}
	
	
	.lx{ width:19%}
	
	.contact{ width:73%; margin-left:3%}
	.owl-carousel .owl-item{ width:100%}
	
	#left{ display:none}
	
	#right{width:90%; margin:0 auto; float:none; padding-bottom:80px;padding:2% ; border:0; background:none}
	
	
	#main{ margin:0 auto; padding-top:10px
	}
	.pnpage1-1{ display:none}
	.pnpage3-1{ width:100%; margin:20px auto}
	.pnpage2-1{ display:none}
	.pnpage-1{ width:100%; margin:0 auto; float:none; margin-bottom:40px; margin-top:20px; height:70px}
	#right2 { width:90%; margin: 0 auto; }
	#right2 h2 { width:100%; margin: 0 auto}
	.hl_main5_contenta1 ul li{ width:90%; margin:0 auto; margin-bottom:5px; padding:5px 0 }
	.n2 ul li h5{ width:75%!important}
	.n2 ul li h5 span {
    font-size: 14px;
    color: #878787; line-height:24px
}
	#youshi h2{ font-size:28px}
	#youshi h2 span {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #5b5b5b;
    font-weight:normal;
    margin-top: 10px;

}


#youshi dl {
    padding-top: 4px;
    text-align: center;
    color: #292929;
    font-size: 36px;
    margin: 1px auto;
    width: 94%;
    transition: All 0.4s ease-in-out; margin:0 auto
}#youshi dl dd{
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
    color: #666;
}
#youshi img {
     width:50px; height:50px
}



.m3{ display:none}

.n2 ul li h3 { font-size:25px; padding-top:0px; margin-right:0; height:50px}
.n2 ul li h3 br{ display:none}


.n2 ul li h3 span { font-size:14px;line-height: 20px;}
.n2 ul li h5 {
    width: 75% !important; line-height:26px; font-size:15px; color:#666; -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; overflow:hidden
}
.n2 ul li h5 span { display:none}
.n2 {
    padding-top: 0px; margin:0 auto
}
.n2 ul li a {padding: 12px 0;}
.n2 ul {
    margin-top: 17px;  margin:0 auto; width:100%
}.n2 ul li {margin:0 auto; width:100% }
#footer1{ display:none}


#right h2{ width:100%; float:none; margin-bottom:0px ; margin:0 auto}
#about{ width:100%; margin:0 auto; float:none; padding-bottom:70px}
#about p  img{ width:100%!important; margin:0 auto; height:auto!important}
#about p {
    line-height: 24px;
    padding-top: 5px;
    font-size: 15px; width:100%; margin:0 auto; padding-bottom:20px
}

.cuti{line-height: 30px;}



.hl_main5_contenta1 ul li a{
    float: left;
    background: #fff;
border: #e6e6e6 solid 2px;
    width: 100%;
    height:auto;
    font-weight: normal; padding:10px 0
   
    padding: 1%; margin-right:0
}.hl_main5_contenta1 ul li .gao{ width:100%; color:#333; font-size:15px}

.hl_main5_contenta1 ul li img {
    max-width: 100%;
}
.hl_main5_contenta1 ul li a:hover{ width:100%; border:#fab30d solid 2px;}
.hl_main5_contenta1 ul li .gao{  font-size:18px; padding-top:5px; color:#333}

.hl_main5_contenta1 ul li .tupian{ display:none}

.hl_main5_contenta1 ul li .gao b{ width:80%; margin:0 auto }



.neilist, .neidetail {
    background-color: #FFF;
    display: block;
}.art-content {
    padding: 15px;
    clear: both;
    font-size: 0.85rem;
    line-height: 1.3rem;
    overflow: hidden;
    min-height: 250px;
}.art-content {
    font-size: 0.85rem;
    line-height: 1.3rem;
}.cplieaa li {
   
    border-radius: 10px;

    margin-top: 5px; width:100%; display:block; float:left; 
  
}.zuoimg {
    background: #374bdf;
    height: 40px;
    width: 40px;
    border-top-left-radius: 10px;
    text-align: center;
    margin: 0 auto;
    border-bottom-left-radius: 10px;
}.imaaa {
    width: 40px;
    padding-left: 5px;
    padding-top: 10px;
}.imaaa img {
    width: 50%;
}.mingcheng {
    line-height: 40px;
    margin-left: 10px;
    font-size: 16PX;
    text-overflow: ellipsis;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}.youimg {
    width: 30px;
    margin-top: 10px; float: right;
}.youimg img {
    width: 50%;
}.hl_main5_contenta{ display:none}

.hl_main5_contentb{ display:block}
.fl{ float:left}

#about1 img{ width:100%; height:auto}

#about1 p img{ width:100%!important; height:auto!important}

.n2 ul li a:hover{ background:#fff!important; color:#333!important}


.n2 ul li h5 span{ font-size:14px; color:#333}

.n2 ul li a:hover h5{color:#666!important}
.n2 ul li a:hover span{color:#fff!important}
.n2 ul li a:hover h3{ background:#374bdf; color:#fff}

.pro_nr h2 span{margin-top: 10px;font-weight:normal; font-size:16px}



.carousel-indicators{
    right: 37.5%!important;
    bottom: 7%;
    left: auto;
    width: 100%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.moremore{ display:block; float: none;
width: 100%;
 font-size:16px}

.moremore .rereq1{ width:200px; height:30px; background:#374bdf; color:#fff; text-align:center; line-height:30px; display:block; margin-top:20PX}
.aaaaaaaa1{ display:none}


.hl_main5_content1 ul li img{ width:90%}


.wrap {
    background-color: #FFFFFF;
    display: none;
}
.wrap1{
    padding: 10px 0px 0px 0; width:100%; margin:0 auto
}.news-title-view {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}.news-title-view .title {
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 10px;
    font-weight: bold;
}.otherview {
    display: flex;
    align-items: center;
    justify-content: space-between;
}.shl-time {
    font-size: 12px;
    color: #969696;
    background-image: url(http://fabu.webd.testwebsite.cn/xcxico/100ppi/el-ico-time-969696.png);
    background-size: auto 13px;
    background-position: 0;
    background-repeat: no-repeat;
    padding-left: 15px;
}.art-content {
    padding: 10px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 65px;
}
.art-content {
    line-height: 30px;
    font-size: 16px;
    padding: 15px;
}.art-content p {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    color: #666;
}
.wap_tb{ display:block}

#owl-demo {
  
    height: 270px;
 
}
#owl-demo img{
  
    height: 270px;
 
}.hl_main5_content1 ul li .tupian{ display:none}


.hl_main5_content1 ul li a:hover{  height:264px;  }






.n2 ul li a{ clear:both; width:100%; line-height:30px;transition:All 0.4s ease-in-out;transform: translate(0,-10px);border-bottom:1px #e3e3e3 solid; display:block; padding:14px 0; margin:0 auto; float:none; height:60px }


.cuti1 {
    float: none;
    line-height: 22px;
    width: 100%;
    color: #000;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    background: #e4e4e4;
    padding-top: 20px;
    padding-bottom: 20px; margin:0 auto
}
#about1{ width:100%; margin:0 auto}

#right h2 {
    line-height: 30px;}




}