@charset "utf-8";

@media screen and (max-width:1440px)
{
/*滚屏*/
.about,.product,.tech, .news,.contact{float:right;}
#menu{left:0; z-index:999; background:url(images/nav_bg.png) right no-repeat; height:100%; width:250px;}
#menu li.ico{ position:absolute; bottom:100px; left:10px;}
/*滚屏*/



}

@media screen and (max-width:1280px)
{
.sousuo{ width:10%; }
.sousuo input[type="text"] { width:70%; }
.headerright {margin:0.3rem 1rem 0px 5%;}

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

}
@media screen and (max-width:1200px)
{
header .logo img { width:100%;}
header .logo1 img { width:100%;}
.sousuo{ display:none; }
.sousuo input[type="text"] { width:70%; }
header .headerright { float:right; width:75%; margin:2rem 0% 0rem 0%; position:relative; }

/*内页*/
.info_view .content p img{ width:100%;}
.info_view .bigimg img{ width:auto;}

.maabout img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); width:100%}

}

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

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

.row{ margin:0 1rem;}
.producttitle h3 { display:none;}
.maabout img{ width:80%;transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); padding-top:4rem;}
.syacenter{ line-height:2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.producttitle { margin:8rem 0 0 0;}
.cpfenlei { margin-bottom: 0rem; }
.swiper-container { height: 120%;
}

.minanli-1 a p { font-size:1.2rem; color:#fff; line-height:4rem; }
.minanli-1 a span{ padding:.2rem 1rem;line-height:2rem;font-size:1rem;margin:0 .0rem;background:none;  }
.adress{ display:none;}

.titletop3 { padding:1rem 0 2rem 0;}
.liuyan{ margin:0 1rem;}

}
@media screen and (max-width:960px)
{
	
.sousuo{ display:none;}


.maabout img{ display:none;}
.newimg{ display:none;}
.leftnews p{ display:none;}
.leftnews{  padding:1.5% 0 2.2% 2%; }


.posbox1 {padding-bottom: 0rem;}

}



@media screen and (max-width:920px)
{
header .logo { margin:0rem 0% 0  0.5rem; }
header .logo1 { margin:0rem 0% 0  0.5rem; }
header .headerright{ height:0; margin:0rem 0% 0rem 0%;}
.header .headerright { display:none; clear:both; height:0px;  float:  none;}


.aboutcenter {padding-top:0rem;}
.minanli-1 a span{ display:none;}
.minanli-1{ padding:0rem 0rem;  -webkit-transition: all 0.3s;transition: all 0.3s; background:none;}


.fp-slidesNav bottom{ display:none;}

#fp-nav ul li a, .fp-slidesNav ul li a { display:none;}


/*----neiye-----*/


.positioninfo { font-size:24px;}
.menu3 a,.menu3 a:link,.menu3 a:visited{ font-size:16px; background:none;padding:.2rem 1rem ; line-height:40px;}
.menu3 a:hover,.menu3 a.active,.menu3 a.active:link,.menu3 a.active:visited{padding:.2rem 1rem ;}

.posbox {margin: -190px auto 0 auto; height: 160px;}
.mainarea { background:#FFF; }

.head {width: 100%;}
.info_list ol.head span.date { display:none;}
.info_list ol.info span.views {display:none;}
.bannermain{ height:240px;}
.info_list ol.info span.date {display:none;}
.info_list ol.info a.title {width: 95%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.info_list ol.head span.title { width: 25%;}
.info_list ul li {width: 50%;}
.product_list ul li {
    width:49%;}
.positioninfo1 {
    font-size: 24px; line-height:40px;}

.posbox1 { margin: -340px auto 0 auto;}

}


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

.menu31 a,.menu31 a:link,.menu31 a:visited{ font-size:16px; text-align:center; color:#fff;  line-height:45px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background: none;
 -webkit-transition: background-color 0.5s ;
	-moz-transition: background-color 0.5s ;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
	border:#a2a2a2 1px solid; padding:.5rem 1rem 0.5rem 1rem; -webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.menu31 a:hover,.menu31 a.active,.menu31 a.active:link,.menu31 a.active:visited{color:#fff; text-decoration:none;padding:.5rem 1rem 0.5rem 1rem; -webkit-transition: background-color 0.5s ; -moz-transition: background-color 0.5s ;	-o-transition: background-color 0.5s; transition: background-color 0.5s;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out; 	border:#fff 1px solid;}


.cpfenlei a {
    margin-top: 0.8rem;
    color: #FFF;
     padding:0 .3rem; 
    border: #FFF 1px solid;
   line-height:2rem; 
    font-size: 1.2rem;
    display: inline-block;}

.joblist .joblist_top h3{ font-size:18px; }
.joblist .joblist_top p{ width:50%; float:left; margin:0px; line-height:30px; }
.joblist p{ font-size:14px;}

}



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

{
.liuyan .liuyan_l{ float:none; width:100%; overflow:hidden; margin-bottom:2rem; margin-left:1rem;}
.liuyan_l p { float:left; width:45%}
.lyphone { margin-top: 0%; margin:0 0 0 1rem; }
.liuyan p {line-height: 40px;}
.liuyan .liuyan_c{ float: left; width:60%; margin:0 2%;}
	
	
	
}


@media screen and (max-width:640px)
{
 
.cpfenlei a {	background:none;    padding:0rem .2rem ;	border:#FFF 1px solid;}
.cpfenlei a:hover {  transition: background-color 1.0s;  padding:.8rem 1rem 0.8rem 5rem; -webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out; background:none;  }
.liuyan p{  padding:0 1%; }


.info_view .content img{width:100%;}
.info_view .content1 img { display:none;}

.info_view .bigimg img{ width:100%;}

/*滚屏*/
#menu {display:none;}
.subnav{ display:block; position:fixed; top:0; width:100%; display:block; z-index:9999;background-color:rgba(0,0,0,0.5);}
#subnav{ float:right; width:100px; height:30px; color:#333; border-radius:5px; background:#fff; margin:10px; text-align:center; line-height:30px;}
.subx{ display:none; }
	
.submenu{ float:left; width:100%; background:#333; color:#fff; display:block;}
.submenu li{ height:50px; line-height:50px; text-align:center; border-bottom:dashed #999 1px; text-align:center;}
.submenu li:hover{ background:#666;}
/*滚屏*/


.posbox1 {text-shadow: 0px 0px 10px #000; padding-bottom:1rem;}

.menu31 a,.menu31 a:link,.menu31 a:visited{ font-size:14px; text-align:center; color:#fff; display:inline-block; line-height:35px;  border:#a2a2a2 1px solid; padding:0rem .2rem ; }
.menu31 a:hover,.menu31 a.active,.menu31 a.active:link,.menu31 a.active:visited{color:#fff; text-decoration:none; padding:0rem .2rem ;  	border:#fff 1px solid;}
	
.left {padding: 0 0%;width: 100%;}
.info_list ol.info {    padding: 4px 6px; }
.info_list ol.info a.title {    font-size: 14px;}

.newswen { margin: -1rem 0 3rem 0;}

.copy1{ padding-bottom:60px; }
.fnav2{ display: block;float:right;width:100%; margin:0 auto;  overflow:hidden; background:#fe0000; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ float:left; width:30%; overflow:hidden;  color:#FFF; font-size:18px; overflow:hidden ; text-align:center; font-size:16px;}
.fnav2 a img{ width:30%;vertical-align:middle; padding-left:4%; padding-right:5%;}

}


@media screen and (max-width:500px)
{
.p1xl{ display:none}
.p1854 { display: block;}


.info_view .subtitle b{ font-size:14px; font-weight:normal; margin:0 10px 0 0; display:block; }

}

@media screen and (max-width:480px)
{
header .logo { width:190px; }
header .logo1 { width:190px; }

.mainabout {padding-top: 0rem;}
.aboutcenter a h1 {font-size:1.5rem;}

.aboutcenter p {padding:1rem 0;line-height:1rem;font-size:1rem;}
.abmore { margin-top:2rem;}

.abmore a {background:none; padding:.5rem 1rem;  }
.abmore a:hover{ background:none; border:#989596 1px solid;padding:.5rem 1rem ;}


.producttitle { margin: 2rem 0 0 0;}

.producttitle a {
    color: #FFF;
    line-height: 4rem;
    font-size: 1.6rem;}

.cpfenlei { padding:.5rem;}
.cpfenlei a {background: none; text-align:center; 
    padding:0 .2rem; 
	line-height:2rem;
	font-size:1rem;
 display:inline-block; margin:.2rem 0; margin-bottom:0rem;}
 .mainproduct{ margin-top:1.5rem;}
 .titletop1 {font-size: 1.6rem; margin-bottom:1rem;}
 .newswen { margin: 0;}

.leftnews{ line-height:3rem;}

.titletop1 a {font-size: 1.4rem;}
	
	
.titletop2 { padding-bottom: 0rem; font-size: 1.6rem; }
.titletop2 a {font-size: 1.4rem;font-weight:none;line-height: 6rem;}
.liuyan { margin-bottom:2rem;}
.titletop3 {
    padding: 1rem 0 1rem 0;}
.titletop3 a { font-size: 1.4rem;}	
.lianxitu{ display:none;}

.liuyan_l p {
    float: left;
    width: 80%;
	 margin-top:1rem; margin-left:0rem;}
	 header .logo img { width:100%;}
	 .copy {

    line-height: 1.2rem;

}
}