@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
ul{ padding:0px; margin:0px;}
table { width:100%!important;max-width:100%!important;} 
table td{table-layout:fixed; word-break: break-all; overflow:hidden; } 
p{ margin:0px; padding:0px;}

body{ margin:0 auto;padding:0px;width:100%; font-family:microsoft yahei;font-size:15px!important;color:#646464; }
h2,h3{ padding:0px; margin:0px;}

.head{ width:1200px; margin:0 auto; padding-top:15px; padding-bottom:15px;}
.wd1200{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.menu_pc{ display:block}
.menu_wap{ display:none}
.banner_pc{ display:block}
.banner_wap{ display:none}
.wap_foot{ display:none}
.pc_foot{ display:block}
/*导航*/

.nav_bgc{ margin-top:25px;}
.nav{  margin:0 auto; height:30px;}
.nav li {float: left;display:inline-block;list-style: none;font-size: 17px;text-align: center;position: relative;}
.nav li a { padding-left:25px; padding-right:25px; color:#000;display: block;text-align: center;position: relative;height: 30px;line-height: 30px;}
.nav li.hover .fdh, .nav li:hover .fdh{color:#1063b9!important;}
.nav li.hover a, .nav li:hover a {color:#1063b9;}
.nav li .subnav {background: #fff;border-top: 3px solid #1063b9;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 50px; width: 100%;z-index: 99999999;}
.nav li .subnav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666!important;display: block;font-size: 15px;font-weight: 500;line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.nav li .subnav a:hover {color: #1063b9!important;background: #f9f9f9;text-indent: 10px;}
.fdh{ font-family:Arial, Helvetica, sans-serif; color:#9ea0a3; font-size:14px; margin-top:-8px; }
.nav li:last-child a{ padding-right:0px;}
.yuyan{ background:#1063b9; height:45px!important; width:45px; border-radius:50px; line-height:45px!important; text-align:center;}
.yuyan a{ color:#fff!important; font-family:Arial, Helvetica, sans-serif; font-size:17px; padding-left:0px!important;height:45px!important; line-height:45px!important; }
.yuyan a:hover a{ color:#fff!important}
/*产品*/
.product{ padding-bottom:20px;}
#demoleftab{OVERFLOW: hidden;WIDTH:1200px;margin:0 auto;margin-top:40px}
.product .wenzi h3{ font-size:17px; margin-top:10px;}
.cplist{ float:left; width:280px;
 margin-left:10px; margin-right:10px;}
.cptu{ width:100%; background:#fcfcfc; height:222px;  display: flex;justify-content: center;
align-items: center;overflow:hidden; padding-top:20px; padding-bottom:20px;}
.cptu  img{max-width:100%;transition: all 0.8s;}
.cptu  img:hover{   transform: scale(1.1);}
.cpname{ background:#f2f2f2; height:65px; line-height:65px; text-align:center; font-size:18px;}

/*公司简介*/
.abtop{}
.abtop h2{ color:#000;}
.abtop h3{ color:#1063b9; font-size:35px; font-weight:normal}
.abtop .fr{ background:#d8d8d8; height:1px; width:70%; margin-top:40px;}
.ableft{ width:50%}
.abnr{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:7;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:30px; height:210px;margin-bottom:20px; margin-top:20px; margin-bottom:20px;}
.abmore a{ color:#555;}
.abmore{border:1px solid #d8d8d8;width:150px;text-align:center; height:45px; line-height:45px;}
.abmore {  text-align:center;
-webkit-transition: margin-top .8s;
-moz-transition: margin-top .8s;
-o-transition: margin-top .8s;}
.abmore:hover{ margin-top:-10px!important;display:block; background:#1063b9 }
.abmore:hover a{ color:#fff;}

.abright{ width:45%; display: flex;justify-content: center;
align-items: center;overflow:hidden; border-radius:5px;}
.abright  img{width:100%;transition: all 0.8s;}
.abright  img:hover{   transform: scale(1.1);}

.factory{ padding-top:0px;}
/*--
.factory ul li{ float:left;width:23%; height:203px;  display: flex;justify-content: center;
align-items: center; margin-right:1%; margin-left:1%; overflow:hidden}--*/
.factory ul li{ float:left;width:23%; height:203px;  margin-right:1%; margin-left:1%; overflow:hidden}
.factory ul li img{max-width:100%;max-height:203px; width:100%; height:203px;transition: all 0.8s;}
.factory  ul li img:hover{   transform: scale(1.4);}
.huibg{ background:#f2f2f2; height:170px; margin-top:-160px; }


/*我们的优势*/
.youshi ul { padding-top:20px;}
.youshi ul li h3{ color:#6c6c6c; line-height:25px; font-size:14px; width:60%; text-align:center; margin:0 auto;font-weight:normal }
.youshi ul li{ width:33%; text-align:center; padding-bottom:20px; float:left;-webkit-transition: margin-top .8s;
-moz-transition: margin-top .8s;
-o-transition: margin-top .8s; border-right:1px solid #d8d8d8;}
.youshi ul li h2{ color:#000; font-size:25px; padding-top:10px; padding-bottom:10px; font-weight:normal}
.youshi ul li:hover { margin-top:-10px!important;display:block; }
.youshi ul li:first-child{border-left:1px solid #d8d8d8;}
.youshi ul li img{ padding-top:20px; height:88px;}



/*广告*/
.guanggao{ background:url(../images/index_26.jpg) no-repeat center; height:283px; width:100%; margin:0 auto}
.guanggao .wd1200{ text-align:center; margin:0 auto; padding-top:75px;}
.guanggao .wd1200 h2{ color:#e4f805;font-size:35px;}
.guanggao .wd1200 h2 span{ color:#fff;}
.guanggao .wd1200 h3{ font-weight:normal; border:1px solid #fff; height:50px; width:180px; margin:0 auto; line-height:50px; text-align:center; margin-top:30px;}
.guanggao .wd1200 h3 a{ color:#fff}
.guanggao .wd1200 h3 a:hover{ text-decoration:underline}

/*新闻*/
.news .wenzi{ padding-bottom:50px;}
.xwleft{ width:45%; overflow:hidden}
.xwleft  img{width:100%;transition: all 0.8s;}
.xwleft  img:hover{   transform: scale(1.1);}
.xwright{ width:50%;}
.xwright ul li{height:123px; background:#f2f2f2;}
.xwright ul li:nth-child(2){ margin-top:15px; margin-bottom:15px;}
.xwtime{ width:15%; background:#e2e2e2; text-align:center; padding:2.5%; padding-top:0px; padding-bottom:0px; height:123px; }
.xwtime h3{ color:#333; font-size:16px;font-weight:normal; margin-top:8px;}
.xwtime h2{ color:#000; font-size:40px; font-weight:normal; padding-top:25px;}
.xwtxt{ width:72%; padding:4%;}
.xwtxt h2{ font-weight:normal; font-size:18px; color:#000;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}
.xwtxt h3{ font-weight:normal; font-size:14px; color:#555;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; margin-top:10px; line-height:23px; opacity:0.6;}

.wenzi{ text-align:center; margin:0 auto;}
.wenzi h2{ color:#000; font-size:35px;}
.wenzi .wline{ background:#1063b9; height:3px; width:50px; margin:0 auto; text-align:center;margin-top:15px; margin-bottom:5px; }
.wenzi h3{ opacity:0.7; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;font-size:15px; color:#555; font-weight:normal;  margin:0 auto;}




/*-------底部-----------*/
.foot{ background:#1063b9; width:100%; margin:0 auto}
.flogo h2{ color:#fff; text-align:center}
.flogo{ width:109px; margin-top:35px;}
.fzs{ margin-left:40px;}
.flianxi{ width:40%;margin-left:40px;}
.fliantxt{ color:#fff; line-height:30px;}
.fliantxt a{ color:#fff;}
.ewm img{ padding:5px; background:#fff; border-radius:5px;}
.banquan{ line-height:30px; margin-top:10px; color:#89a7d4}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #89a7d4;}
a.zzb07link:hover {text-decoration: underline;color: #89a7d4;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#89a7d4;}



/*----内页---*/


.ny_weizhi{ background:#f2f2f2; width:100%; margin:0 auto; line-height:60px; height:60px;}
.weizhi{ width:1200px; margin:0 auto; color:#333;}
.weizhi span{ margin-left:10px; margin-right:10px;}



/*简介*/
.neirong{ padding: 30px; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); margin-top:50px; line-height:30px; font-size:15.5px}

.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center #f2f2f2 ; height:300px; }
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:300px; }

.nyorder{width:100%; margin:0 auto; background:url(../images/nyorder.jpg) no-repeat center; height:300px; }
.nycuoshi{width:100%; margin:0 auto; background:url(../images/nycuoshi.jpg) no-repeat center; height:300px; }
.nyvideo{width:100%; margin:0 auto; background:url(../images/nysp.jpg) no-repeat center; height:300px; }
.nycase{width:100%; margin:0 auto; background:url(../images/nycase.jpg) no-repeat center top; height:283px; }
.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:300px; }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:300px; }
.nysp{width:100%; margin:0 auto; background:url(../images/nysp.jpg) no-repeat center; height:300px; }
.nytt{width:100%; margin:0 auto; background:url(../images/nytt.jpg) no-repeat center bottom; height:300px; }
.nydj{width:100%; margin:0 auto; background:url(../images/nydj.jpg) no-repeat center bottom; height:300px; }


.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px; color: #0c5695; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #0c5695; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #0c5695; font-weight: normal;}
.contentPage a:visited {color: #0c5695; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #0c5695; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0c5695;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #0c5695; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

/*内页公司简介*/
.abzuo{ width:30%; overflow:hidden}
.abyou{ width:67%}
.nyliax{margin:0 auto; width:60%; margin-bottom:30px;}

/*order*/
.neirong_nobian{ margin-top:50px;}
.shuoming{ font-size:18px; color:#1063b9; padding-bottom:10px;}
.ss{ font-size:17px; padding-bottom:20px;}
.contact_2{ background:#F2F2F2; padding:20PX; padding-top:0PX;
overflow:hidden;}
.contact_2_1{
margin-top:2.5em;}
.contact_2_1 ul li{ margin-bottom:10px;
float:left; width:49%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){
width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em; width:87%}
.teshuw{ width:93.8%}
.contact_2_1_mid input{
border:none!important; background:none!important; width:100%; font-size:16px;outline:none;}
.contact_2_1_mid textarea{
border:0; background:none; font-size:16px;outline:none;}
.tixing{padding-left:10px; line-height:50px;}

.anniu2{ border:0PX;
font-size:1.125em; display:inline-block; color:#fff; background-color:#1063b9; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu2 {
margin-bottom:1.5em; margin-top:1.5em;}
.anniu2:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#2c82cd; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}

/*内页新闻*/
.nyxinwen ul li{ float:left; width:44%; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); line-height:30px;padding:30px;border-radius:5px; margin-bottom:25px;}
.nyxinwen ul li:nth-child(2n){ float:right}


.biaoti{ color:#000; font-size:18px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow:hidden;margin-top:5px; }
.xwmiao{color:#555; opacity:0.5; font-size:15px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;height:44px; line-height:22px; margin-top:8px; margin-bottom:10px;}

.nyxinwen ul li{
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;}
.nyxinwen ul li:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
		
	
.xline{ background:#1063b9; height:2px; width:40px; margin-top:15px; margin-bottom:15px;}
.riqi{ color:#1063b9}
.nybt{ line-height:40px; text-align:center; color:#1063b9; font-size:20px;}

.fanhui{ border-top:5px solid #f2f2f2; margin-top:30px;}
.fanhui ul{ margin-top:15px;}
.fanhui ul li{ line-height:30px; width:100%}

.neirong_nobian .cplist{ margin-bottom:40px;}

.proxx table{border-top:1px solid #dddddd;border-left:1px solid #dddddd; width:100%}
.proxx table td{border-bottom:1px solid #dddddd;border-right:1px solid #dddddd; padding:15px;}
.proxx table th{text-align:center;font-size:12px;padding-left:15px;}

@media all and (max-width:1024px){
.menu_pc{ display:block}
.menu_wap{ display:none}
.banner_pc{ display:block}
.banner_wap{ display:none}
.wap_foot{ display:none}
.pc_foot{ display:block}

.head{ width:95%; }
.wd1200{ width:95%;}
.logo{ float:none; text-align:center; margin:0 auto}
/*导航*/

.nav_bgc{ float:none; width:100%; }
.nav li a { padding-left:40px; padding-right:40px;}
#demoleftab{WIDTH:95%;}

/*公司简介*/
.abnr{ -webkit-line-clamp:5;/*显示行数*/ line-height:30px; height:150px;}
                        
/*新闻*/
.xwright ul li{height:100px;}
.xwtime{ height:100px; }
.xwtime h2{padding-top:15px;}
.xwtxt {padding: 2% 4%;}
/*-------底部-----------*/
.flianxi{ width:35%;}

/*----内页---*/
.weizhi{ width:95%;}



/*内页新闻*/
.nyxinwen ul li{width:42%; padding:3%;}
.neirong_nobian .cplist { float:left; width:31%;margin-left:1%; margin-right:1%;}
	}
	
@media all and (max-width:768px){
.menu_pc{ display:block}
.menu_wap{ display:none}
.banner_pc{ display:block}
.banner_wap{ display:none}
.wap_foot{ display:none}
.pc_foot{ display:block}

.head{ width:95%; }
.wd1200{ width:95%;}
.logo{ float:none; text-align:center; margin:0 auto}
/*导航*/

.nav_bgc{ float:none; width:100%; }
.nav li a { padding-left:20px; padding-right:20px;}
#demoleftab{WIDTH:95%;}

/*公司简介*/
.abnr{ -webkit-line-clamp:5;/*显示行数*/ line-height:30px; height:150px;}
.ableft{ float:none; width:100%;}       
.abright{ width:100%; float:none}   
.abright img{ width:100%; margin-top:30px;}                
/*新闻*/
.xwleft{ float:none; width:100%;}
.xwright{ width:100%; float:none; margin-top:20px;}
.xwright ul li{height:100px;}
.xwtime{ height:100px; }
.xwtime h2{padding-top:15px;}
.xwtxt {padding: 2% 4%;}
/*-------底部-----------*/
.flianxi{ width:35%;}
.youshi ul li h3 {width: 80%;}
.factory ul li{ height:153px;}
.factory ul li img{max-height:153px; height:153px;}

/*----内页---*/
.weizhi{ width:95%;}

/*内页公司简介*/
.nyliax{width:50%;}

/*内页新闻*/
.nyxinwen ul li{width:42%; padding:3%;}
.neirong_nobian .cplist { float:left; width:31%;margin-left:1%; margin-right:1%;}
.contact_2_1_mid{ width:85%}

	}
	
@media all and (max-width:640px){
.menu_pc{ display:none}
.menu_wap{ display:block}
.banner_pc{ display:none}
.banner_wap{ display:block}
.wap_foot{ display:block}
	.pc_foot{ display:none}
	
.head{ width:95%; }
.wd1200{ width:95%;}
.logo{ float:none; text-align:center; margin:0 auto}
/*导航*/

.nav_bgc{ float:none; width:100%; }
.nav li a { padding-left:20px; padding-right:20px;}
#demoleftab{WIDTH:95%;}

/*公司简介*/
.abnr{ -webkit-line-clamp:7;/*显示行数*/ line-height:30px; height:210px;}
.ableft{ float:none; width:100%;}       
.abright{ width:100%; float:none}   
.abright img{ width:100%; margin-top:30px;}                
/*新闻*/
.xwleft{ float:none; width:100%;}
.xwright{ width:100%; float:none; margin-top:20px; margin-bottom:30px;}
.xwright ul li{height:100px;}
.xwtime{ height:100px; }
.xwtime h2{padding-top:15px;}
.xwtxt {padding: 2% 4%;}
.news .wenzi {
    padding-bottom: 30px;
}

/*我们的优势*/

.youshi ul li{ width:100%;  float:none;-webkit-transition: margin-top .0s;
-moz-transition: margin-top .0s;
-o-transition: margin-top .0s; border-right:0px; border-bottom:1px solid #d8d8d8}
.youshi ul li:hover { margin-top:-0px!important;display:block; }
.youshi ul li:first-child{border-left:0px}

.flogo h2{ color:#fff; text-align:center; font-size:18px;}
.flogo{ margin-top:0px; width:20%}
.flogo img{ width:100%}
.fzs{ margin-left:3%; width:43%;}
.fzs img{ width:100%}
.flianxi{ width:100%; float:none;margin-left:0px; margin-top:20px;}
.fliantxt{ color:#fff; line-height:30px;}
.fliantxt a{ color:#fff;}
.ewm{ float:none; text-align:center; width:34%}
.ewm img{ padding:5px; background:#fff; border-radius:5px; width:90px}



.abzuo{ width:100%; float:none; overflow:hidden}
.abyou{ width:100%; float:none; margin-top:20px;}

.proxx table td{padding:3px; font-size:14px; line-height:25px;}
.proxx img{ width:50%!important}

/*-------底部-----------*/

.youshi ul li h3 {width: 80%;}
.factory ul li:nth-child(2n){ float:right}
.factory ul li{ height:120px; width:48%; margin-top:10px;}
.factory ul li img{max-height:120px; height:120px;}
.huibg {
    background: #f2f2f2;
    height: 100px;
    margin-top: -50px;
}
.guanggao .wd1200 {
    text-align: center;
    margin: 0 auto;
    padding-top: 55px;
}
.guanggao .wd1200 h2 {
    color: #e4f805;
    font-size: 30px;
}
/*----内页---*/
.weizhi{ width:95%;}

/*内页公司简介*/
.nyliax{width:100%;}
.neirong{ padding:20px;}
.wenzi h2 {font-size: 30px;}

.nyxinwen ul li{
transition:All 0.0s ease-in-out;
	-webkit-transition:All 0.0s ease-in-out;
	-moz-transition:All 0.0s ease-in-out;
	-o-transition:All 0.0s ease-in-out;}
.nyxinwen ul li:hover{
	transform: translate(0,-0px);
	-webkit-transform: translate(0,-0px);
	-moz-transform: translate(0,-0px);
	-o-transform: translate(0,-0px);
	-ms-transform: translate(0,-0px);}

.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){float:none}
.anniu2{ margin-top:4.5em;}

.wd1200 {padding-top: 30px; padding-bottom: 0px;}
.neirong_nobian { margin-top: 30px;}

/*内页新闻*/
.nyxinwen ul li{width:94%; padding:3%;}
.neirong_nobian .cplist:nth-child(2n){ float:right}
.neirong_nobian .cplist { float:left; width:48%;margin-left:0%; margin-right:0%;}
.contact_2_1_mid{ width:85%; }
.contact_2_1 ul li {float: none;width: 100%;}

.youshi ul {
    padding-top: 0px;
}
.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:100px; background-size:200% }
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:100px; background-size:200% }
.nyorder{width:100%; margin:0 auto; background:url(../images/nyorder.jpg) no-repeat center; height:100px; background-size:200%  }
.nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center;height:100px; background-size:200% }
.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:100px; background-size:200%  }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:100px; background-size:200% }

body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

ul{ margin-bottom:0px!important;}
a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .shanghl00 ul .on{ background:#FE6C9C;  }

.focus .bd{
position:relative;
z-index:0;
margin:0px;
padding:0px;
overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

.focus .bd li a{
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focriqi{ font-size:0.75em;}

.toubu{ position:fixed; left:0; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%;background:#fff; height:50px;}
.main-header {
height: 50px;
background-color:#fff;
z-index: 60;
width:100%;
position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;}
.cd-logo { position: absolute; left: 10px;top:2px;}

.search_open {display: block;width: 30px;height:30px;background: url(../images/wap_sea.png) no-repeat;position: absolute;right:60px;top:10px;color: #fff;text-align: center;background-position:center center; background-size:auto 25px;}
.menu_open {display: block;width: 30px; height:30px;
background: url(../images/wap_menu.png) no-repeat;position: absolute;right:10px;top:10px;color: #fff;font-size: 12px;text-align: center;background-position:center center; background-size:auto 25px;}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

.animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 


.rl{ float:right;}
.fl{ float:left;}


.tbottom{ height:4.2em;}
#BottomNav { background-color:#333; bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9; box-sizing:border-box; }
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; }

#BottomNav ul li a {color: #fff;display: block;padding-top:0.8rem;padding-bottom:0.2rem}


#BottomNav ul li a div {font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; }
#BottomNav .a {background-image: url(../images/shl-a.png);}
#BottomNav .b {background-image: url(../images/shl-b.png);}
#BottomNav .c { background-image: url(../images/shl-c.png);}
#BottomNav .d {background-image: url(../images/vperson.png);}
#BottomNav .e {background-image: url(../images/vbob1.png);}
#BottomNav .f { background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;}
#BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem;background-size: auto 1.5em;}




.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menu_open{ display: block;}
.menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
.menu { position: fixed; width: 230px; height: 100%; top: 50px; right:-230px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
.menu .menu-li{border-bottom: 1px solid #222;}
.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
.menu .twoul{ display: none;}
.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}

.menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_down{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
.nybanner{ width:100%}
.nybanner img{ width:100%; display:block}	
}

@media all and (max-width:320px){
.menu_pc{ display:none}
.menu_wap{ display:block}
.banner_pc{ display:none}
.banner_wap{ display:block}
.wap_foot{ display:block}
	.pc_foot{ display:none}
	
.head{ width:95%; }
.wd1200{ width:95%;}
.logo{ float:none; text-align:center; margin:0 auto}
/*导航*/

.nav_bgc{ float:none; width:100%; }
.nav li a { padding-left:20px; padding-right:20px;}
#demoleftab{WIDTH:95%;}

/*公司简介*/
.abnr{ -webkit-line-clamp:7;/*显示行数*/ line-height:30px; height:210px;}
.ableft{ float:none; width:100%;}       
.abright{ width:100%; float:none}   
.abright img{ width:100%; margin-top:30px;}                
/*新闻*/
.xwleft{ float:none; width:100%;}
.xwright{ width:100%; float:none; margin-top:20px; margin-bottom:30px;}
.xwright ul li{height:100px;}
.xwtime{ height:100px; }
.xwtime h2{padding-top:15px;}
.xwtxt {padding: 2% 4%;}
.news .wenzi {
    padding-bottom: 30px;
}

/*我们的优势*/

.youshi ul li{ width:100%;  float:none;-webkit-transition: margin-top .0s;
-moz-transition: margin-top .0s;
-o-transition: margin-top .0s; border-right:0px; border-bottom:1px solid #d8d8d8}
.youshi ul li:hover { margin-top:-0px!important;display:block; }
.youshi ul li:first-child{border-left:0px}

.flogo h2{ color:#fff; text-align:center; font-size:18px;}
.flogo{ margin-top:0px; width:20%}
.flogo img{ width:100%}
.fzs{ margin-left:3%; width:43%;}
.fzs img{ width:100%}
.flianxi{ width:100%; float:none;margin-left:0px; margin-top:20px;}
.fliantxt{ color:#fff; line-height:30px;}
.fliantxt a{ color:#fff;}
.ewm{ float:none; text-align:center; width:34%}
.ewm img{ padding:5px; background:#fff; border-radius:5px; width:90px}



.abzuo{ width:100%; float:none; overflow:hidden}
.abyou{ width:100%; float:none; margin-top:20px;}

.proxx table td{padding:3px; font-size:14px; line-height:25px;}
.proxx img{ width:50%!important}

/*-------底部-----------*/

.youshi ul li h3 {width: 80%;}
.factory ul li:nth-child(2n){ float:right}
.factory ul li{ height:120px; width:48%; margin-top:10px;}
.factory ul li img{max-height:120px; height:120px;}
.huibg {
    background: #f2f2f2;
    height: 100px;
    margin-top: -50px;
}
.guanggao .wd1200 {
    text-align: center;
    margin: 0 auto;
    padding-top: 55px;
}
.guanggao .wd1200 h2 {
    color: #e4f805;
    font-size: 30px;
}
/*----内页---*/
.weizhi{ width:95%;}

/*内页公司简介*/
.nyliax{width:100%;}
.neirong{ padding:20px;}
.wenzi h2 {font-size: 30px;}

.nyxinwen ul li{
transition:All 0.0s ease-in-out;
	-webkit-transition:All 0.0s ease-in-out;
	-moz-transition:All 0.0s ease-in-out;
	-o-transition:All 0.0s ease-in-out;}
.nyxinwen ul li:hover{
	transform: translate(0,-0px);
	-webkit-transform: translate(0,-0px);
	-moz-transform: translate(0,-0px);
	-o-transform: translate(0,-0px);
	-ms-transform: translate(0,-0px);}

.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){float:none}
.anniu2{ margin-top:4.5em;}

.wd1200 {padding-top: 30px; padding-bottom: 0px;}
.neirong_nobian { margin-top: 30px;}

/*内页新闻*/
.nyxinwen ul li{width:94%; padding:3%;}
.neirong_nobian .cplist:nth-child(2n){ float:right}
.neirong_nobian .cplist { float:left; width:48%;margin-left:0%; margin-right:0%;}
.contact_2_1_mid{ width:85%; }
.contact_2_1 ul li {float: none;width: 100%;}

.youshi ul {
    padding-top: 0px;
}
.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:100px; background-size:200% }
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:100px; background-size:200% }
.nyorder{width:100%; margin:0 auto; background:url(../images/nyorder.jpg) no-repeat center; height:100px; background-size:200%  }
.nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center;height:100px; background-size:200% }
.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:100px; background-size:200%  }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:100px; background-size:200% }

body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

ul{ margin-bottom:0px!important;}
a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .shanghl00 ul .on{ background:#FE6C9C;  }

.focus .bd{
position:relative;
z-index:0;
margin:0px;
padding:0px;
overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

.focus .bd li a{
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focriqi{ font-size:0.75em;}

.toubu{ position:fixed; left:0; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%;background:#fff; height:50px;}
.main-header {
height: 50px;
background-color:#fff;
z-index: 60;
width:100%;
position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;}
.cd-logo { position: absolute; left: 10px;top:2px;}

.search_open {display: block;width: 30px;height:30px;background: url(../images/wap_sea.png) no-repeat;position: absolute;right:60px;top:10px;color: #fff;text-align: center;background-position:center center; background-size:auto 25px;}
.menu_open {display: block;width: 30px; height:30px;
background: url(../images/wap_menu.png) no-repeat;position: absolute;right:10px;top:10px;color: #fff;font-size: 12px;text-align: center;background-position:center center; background-size:auto 25px;}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

.animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 


.rl{ float:right;}
.fl{ float:left;}


.tbottom{ height:4.2em;}
#BottomNav { background-color:#333; bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9; box-sizing:border-box; }
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; }

#BottomNav ul li a {color: #fff;display: block;padding-top:0.8rem;padding-bottom:0.2rem}


#BottomNav ul li a div {font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; }
#BottomNav .a {background-image: url(../images/shl-a.png);}
#BottomNav .b {background-image: url(../images/shl-b.png);}
#BottomNav .c { background-image: url(../images/shl-c.png);}
#BottomNav .d {background-image: url(../images/vperson.png);}
#BottomNav .e {background-image: url(../images/vbob1.png);}
#BottomNav .f { background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;}
#BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem;background-size: auto 1.5em;}




.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menu_open{ display: block;}
.menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
.menu { position: fixed; width: 230px; height: 100%; top: 50px; right:-230px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
.menu .menu-li{border-bottom: 1px solid #222;}
.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
.menu .twoul{ display: none;}
.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}

.menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_down{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
.nybanner{ width:100%}
.nybanner img{ width:100%; display:block}	
}

