@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
list-style-type: none;
}
body{
font-family:Arial, Helvetica, sans-serif;
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;}

@font-face {
font-family:Helvetica-Bold;
src:url(../font/Helvetica-Bold.otf)
}

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

.fl { float:left}
.fr{ float:right}
.flex{ display:flex;}

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



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


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


#menuz{width:800px;
float:right;
font-size:16px; padding-top:0px; margin-top:25px 

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



.line{ width:auto;height:50px;position:relative;}
.line:after {
            content: "";
            width: 0;
            height:2px;
            background:#ff1001;
            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

}

.warp{ width:1207px; margin:0 auto}
.warp .fl{ width:603px; margin-top:62px }
.warp .fl h2{ color:#323232; font-size:24px; height:31px; line-height:31px; font-weight:normal }
.warp .fl h2:before{ content:''; background:#ff1001; width:3px;display: block; position: absolute; height:31px}
.warp .fl .tu{ float:left}
.warp .fl .wen{ float:left; background:#f5f5f5; width:266px; padding:20px; min-height:139px }
.warp .fl .nei{ margin: 27px 0}
.warp .wen span:before{ content: '';
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    position:relative;
    top: 17px; border-left: 8px solid #353535;
  }

.custom-btn {
    width: 140px;
    height: 34px;
    background: #ff0d01!important;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    color: #fff!important;
    text-align: center;
    font-size: 14px;
    text-transform:capitalize;
    line-height: 34px; border-radius: 25px; margin-top:30px
}.btn-15 {
   background: #000;
  color: #fff;
  z-index: 1;
}
.btn-15:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background: #c58deb;
  transition: all 0.3s ease; border-radius: 25px;
}
.btn-15:hover {
  color: #000;
}
.btn-15:hover:after {
  left: 0;
  width: 100%;
}
.btn-15:active {
 
}
.custom-btn1 {
    width: 63px;
    height: 22px;
    background: #ff0d01!important;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    color: #fff!important;
    text-align: center;
    font-size: 14px;
    text-transform:capitalize;
    line-height:22px; border-radius: 25px; margin-top:10px
}
.btn-13 {
   background: #000;
  color: #fff;
  z-index: 1; 
}


.btn-13:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background: #6ed6f1;
  transition: all 0.3s ease; border-radius: 25px;
}
.btn-13:hover {
  color: #000;
}
.btn-13:hover:after {
  left: 0;
  width: 100%;
}
.btn-15:active {
 
}










.warp .fr{ width:533px; margin-top:62px ;background:url(../images/pro.jpg) no-repeat center top; height:457px ; padding:30px 30px}

.warp .fr h2{ font-size:30px; color:#353535;font-weight:normal;  }

.warp .fl1{  width:603px; margin-top:20px; height:258px; border:1px #e4e4e4 solid; float:left;margin-bottom:89px}
.warp .fl1 li{ width:46%; margin:4% 2%; float:left}
.warp .fl1 li h2{ width:100%; line-height:28px; font-weight:normal; font-size:15px; border-bottom:1px #eeeeee solid; padding-bottom:15px}

.warp .fl1 li  p{ margin:0 0 0 0; line-height:26px }
.warp .fl1 li  span{ margin:7% 0 0 0; line-height:26p; display:block }

.warp .fl1 li b{ width:29px; height:3px; background:#dedede; margin-top:15px; display:block}




.warp .fr1{ width:534px; height:200px; background:url(../images/app.jpg) no-repeat center top; float:right; margin-top:18px;  padding:30px 30px; margin-bottom:89px}
.warp .fr1 h2{ font-size:30px; color:#fff;font-weight:normal;  }




#footer{ width:100%; height:240px; background:#222222; margin:0 auto; clear:both; padding-top:54px }
.contact2{ width:15%; float:left }
.contact2 h3{ color:#fff; font-size:20px; font-weight:normal; width:100%; line-height:40px; height:40px; padding-bottom:30px}
.contact2 h3:after{  content: ""; width:73px; height:1px; background:#323232;position: absolute;margin-top:50px; margin-left:-83px}
.contact2 a{ color:#666666; font-size:14px; line-height:24px; width:100%; display:block}

.contact{ width:20%; float:left }
.contact h3{ color:#fff; font-size:20px; font-weight:normal; width:100%; line-height:40px; height:40px; padding-bottom:30px}
.contact h3:after{  content: ""; width:73px; height:1px; background:#323232;position: absolute;margin-top:50px; margin-left:-83px}
.contact a{ color:#666666; font-size:14px; line-height:24px; width:100%; display:block}



.contact1{width:35%; float:left }
.contact1 h3{ color:#fff; font-size:20px; font-weight:normal; line-height:40px; height:40px; padding-bottom:30px}
.contact1 h3:after{  content: ""; width:73px; height:1px; background:#323232;position: absolute;margin-top:50px; margin-left:-100px}

.lo_bo{width:25%; float:left; margin-left:4% }





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

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

.footer{ width:100%; height:79px; text-align: center; color:#a6a6a6; line-height:79px; font-family:Arial, Helvetica, sans-serif; margin:0 auto; background:#191919}
.footer a{color:#a6a6a6!important}

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

a.zzb07link:hover {text-decoration:underline;color:#a6a6a6}


.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:31%; margin-right:2%}
.hl_main5_contenta1 ul li img{ width:100%}
.hl_main5_contenta1 ul li .tupian{ text-align:center;  width:100%; height:320px; vertical-align:middle;}
.hl_main5_contenta1 ul li .gao{ text-align:center; color:#000000; font-size:15px; padding-top:15px;  line-height:20px!important; width:100%; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.hl_main5_contenta1 ul li .gao b{ text-align:center; color:#838383!important; font-size:14px; padding-top:15px;  line-height:20px!important; width:100%; 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-image: -webkit-gradient(linear-gradient, left top, from(#56d3f3), to(#cb95ee));
	background-image: -webkit-linear-gradient(top,  #56d3f3, #cb95ee);
	background-image: -moz-linear-gradient(top, #56d3f3, #cb95ee);
	background-image: linear-gradient(to left top, #56d3f3, #cb95ee);

}

.hl_main5_contenta1 ul li a{ float:left; background:#fff; border:#e6e6e6 solid 2px;width:90%; height:364px;  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:5% }
	
.hl_main5_contenta1 ul li a:hover{ float:left;  height:364px; 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;}


.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{}
.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{}
.n2 ul li a:hover span{}
.n2 ul li a:hover h3{ }

.n2 ul li a:hover .m3{}
.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 {
  
}

.list1_li1{ width:100%; font-size:17px; background:url(../images/lin.png) no-repeat left center; padding-left:10px; line-height:36px ; }
.list1_li1 a{color:#333}

.warp .fr h2 { margin-bottom:30px}
.list2_li2 { padding-left:14px; }


.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:600px;
float:none; margin:0 auto

}.warp {
    width: 90%;
    margin: 0 auto;
}.warp .fl {
    width:100%;
    margin-top: 62px; float:none; margin-bottom:40px
}

.warp .fl .wen {
    float: none;
    background: #f5f5f5;
    width: 92%;
    padding: 4%;
    min-height: 139px;
}
.warp .fl .tu {
    float: none;
}
.warp .fr {
    width: 92%;
    margin-top: 62px;
    background: url(../images/pro.jpg) no-repeat center top;
    height: 557px;
    padding: 30px 4%; float:none; background-size:210%
}


.warp .fr h2 {
    font-size: 28px;
    color: #353535;
    font-weight: normal; line-height:36px
}.warp .fl1 {
    width: 100%;
    margin-top: 20px;
    height: 458px;
    border: 1px #e4e4e4 solid;
    float: none;
    margin-bottom: 99px;
}.warp .fl1 li {
    width: 96%;
    margin: 4% 2%;
    float: none;
}
.nr4 {
    float: none;
    width: 100%; margin:0 auto
}
#right h2 span{ float:none}
.ab1 {
    width: 90%;
    float: none; margin:0 auto; height:auto
}
.footer{ display:none}
#footer{ display:none}

.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: 14px; 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%; padding-bottom:20px
}
.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 {
    text-align: center;
    width: 100%;

    vertical-align: middle; margin-bottom:10px
}

.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;}
.hl_main5_contenta1 ul li a:hover{ float:left;  height:284px; 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);}



table { width:100%!important;max-width:100%!important;
}
table td{table-layout:fixed; word-break: break-all; overflow:hidden; width:auto !important; }
table.gridtable td {
    border-width: 1px;
    padding: 2px!important;
    border-style: solid;
    border-color: #CCC;
    background-color: #ffffff;
}

.hl_main5_contenta1 ul li .tupian{ text-align:center;  width:100%; height:200px; vertical-align:middle;}
}