@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:'微软雅黑'; font-size:12px; color:#6e6e6e;}


/*********nav*********/

.tiao{ width:100%; height:40px; background:#111111;}

.tiao01{ width:215px; padding-left:20px; height:40px; font-size:12px; color:rgba(255,255,255,0.8); line-height:40px; float:left; background:url(../images/ig1.jpg) left center no-repeat;}
.tiao02{ width:409px; padding-left:45px; height:40px; font-size:12px; color:rgba(255,255,255,0.8); line-height:40px; float:left; background:url(../images/ig2.jpg) 20px center no-repeat;}
.tiao02 a{ color:#fff;}

.tiao04{ width:495px; text-align:right; padding-left:10px; height:40px; font-size:12px; color:#fff; line-height:40px;  float:left;}
.tiao04 a{ color:rgba(255,255,255,0.8); font-size:12px; padding-left:20px;}
.tiao04 a:hover{color:#FFF000; text-decoration:underline;}
.tiao04 span{ padding:0 16px;}


.logobj{ height:100px; width:100%; background:url(../images/bj4.jpg) top center repeat-y;}
.nav{ width:1200px; margin:auto; height:100px;}
.tlogo{ width:360px; float:left; padding-top:20px;}
.nav1{ width:581px; padding-top:13px;float:left; padding-left:35px;}
.sou{ width:224px; height:72px; padding-top:28px; float:left; background:url(../images/ssbj.jpg) left center no-repeat;}


.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}
.cen{ width:1200px; margin:0 auto; overflow:hidden;}
.cens{ width:1260px; margin:0 auto; overflow:hidden;}

/*-------------------------------  ■ index 首页---------------------------------*/


.banner{ height:200px; width:100%;position: relative; margin-bottom:50px;}



.nycanpin{ width:238px; float:left; background:url(../images/cpbj.png); }
.canpinbt1{width:158px; padding-left:80px; height:60px; padding-top:31px; background:url(../images/nycpb.jpg) left center no-repeat;  font-family:"微软雅黑"; color:#ffffff; font-size:22px; font-weight:bold;}


.nycplb a{ height:36px; font-size:13px; width:214px; line-height:36px; padding-left:24px; margin-top:3px; font-family:"微软雅黑"; color:#333333; display:block; text-decoration:none; float:left; background:url(../images/cplbbj1.jpg) left center no-repeat; border-bottom:1px solid #E4E4E4;}
.nycplb a:visited{color:#414141;}
.nycplb a:hover{background:url(../images/cplbbj2.jpg) left center no-repeat; color:#ffffff;}
.nycplb a:active{color:#ffffff;}



.nyright{ width:890px; height:auto; float:left; margin-left:50px;}
.nyaboutb{ height:40px; line-height:29px; color:#414141; border-bottom:1px solid #DDDDDD; font-family:"微软雅黑"; font-size:18px; font-weight:bold;}
.nyaboutnr{line-height:28px; padding-left:2px; color:#333333; padding-top:20px; font-size:14px; height:auto!important;_height:355px;min-height:355px;}

.aboutxw{margin-top:35px; padding-top:20px; border-top:1px solid #CCC;}



.footer{width: 100%;margin-top:70px;height: 360px;background: url(../images/footerbj.jpg)top center no-repeat;}
.footert{width:100%; height:7px; background:url(../images/ft.jpg) repeat-x; margin-bottom:50px;}
.footer1{float: left; width: 500px; height:260px; border-right:1px solid  rgba(255,255,255,0.2); font-size:12px; color:rgba(255,255,255,0.8); line-height:28px; padding-right:80px;}
.footerbt{ height:38px; line-height:38px; font-size:20px; color:#FFF;background: url(../images/fbj1.png) left center no-repeat; padding-left:58px; font-weight:bold; margin-bottom:40px;}
.footer2{float: left; width: 300px; height:260px; border-right:1px solid  rgba(255,255,255,0.2); font-size:12px;padding-left:80px;}
.footer2 ul li{ width:110px; line-height:36px; float:left; color:rgba(255,255,255,0.8); font-size:14px; background: url(../images/dd.jpg) left center no-repeat; padding-left:20px;}
.footer2 ul li a{ color:rgba(255,255,255,0.8);}
.footer2 ul li a:hover{ color:#F00;}
.footer3{float: right;text-align: center;	color: #AAAAAA;font-size: 14px;margin-top: 40px;}
.footer3 img{margin-bottom: 30px;}

.footer4{ width:100%; line-height:70px; height:70px; background:#191919;font-size:14px;}
.footer4 a{ color:rgba(255,255,255,0.8); }

/*--------连接---------------------------------------------------------------------------------*/
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color:rgba(255,255,255,0.8);
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:rgba(255,255,255,0.8);
}

/*---------------*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none; height: 72px; line-height: 76px; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:87px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;  color:#fff; background:#3788fe; border-top:none; width:96px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:32px; line-height:32px; color:#fff; font-size:12px;}
ul.menu ul li a:hover {background-color:#70BB2D; color:#fff; font-size:12px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid; padding:5px 7px 7px; width:82px; color:#000;  font-family:"微软雅黑"; font-size:16px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; border-bottom:3px solid #ff6600; background:#3788fe;}
ul.menu .sub {background:url('http://d2.xvna.com/sc/scimg/arrow.gif?http://www.xvna.com') 100% 0px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

.style10:link {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:visited {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:hover {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: underline;
	font-weight: bold;
}
.style10:active {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: none;
	font-weight: bold;
}

a.s1 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:36px;
	font-style: normal;
	float:left;
	color: #ffffff;
	display:block;
	width:123px;
	height:36px;
	text-align:center;
}
a.s1:visited {
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
a.s1:hover {
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
	display:block;
	width:123px;
	height:36px;
	background:#D27D00;
	position: relative;
}
a.s1:active {
	font-size: 12px;
	color: #ffffff;
	height:36px;

}
a.s2:link {
	font-size: 14px;
	line-width: 2px;
	font-style: normal;
	color: #212121;
	text-decoration: none;
}
a.s2:visited {
	font-size: 14px;
	font-style: normal;
	color: #212121;
	text-decoration: none;
}
a.s2:hover {
	font-size: 14px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s2:active {
	font-size: 14px;
	color: #E00025;
}



a.s3:link {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:visited {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:hover {
	font-size: 14px;
	color: #E40500;
	text-decoration: none;
	position: relative;
	height: auto;
	font-weight:bold;
}
a.s3:active {
	font-size: 12px;
	color: #E40500;
}


a.s4 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:20px;
	font-style: normal;
	float:left;
	color: #B4B4B4;
	display:block;
	width:211px;
	height:20px;
}
a.s4:visited {
	font-size: 12px;
	font-style: normal;
	color: #B4B4B4;
	text-decoration: none;
}
a.s4:hover {
	font-size: 12px;
	color:#DD352C;
	text-decoration: none;
	display:block;
	width:231px;
	height:20px;
	background-color:#EEEEEE;
	position: relative;
}
a.s4:active {
	font-size: 12px;
	color: #DD352C;
	height:20px;

}

a.s5:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
}
a.s5:visited {
	font-size: 12px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
	}
a.s5:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s5:active {
	font-size: 12px;
	color: #E00025;
}

#Address {
    width:400px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
#Address1 {
    width:400px;
	height:48px;
	border:1px #999999 solid;
	margin:0px;
}
#Address2 {
    width:180px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
.STYLE1 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #0193CC;
	text-decoration:none;
}

.STYLE2 {
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE12 {
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 36px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE3 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #15908B;
	text-decoration:none;
}

.STYLE4 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	color: #A50701;
	font-weight:bold;
}

.STYLE5 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

.STYLE6 {
	font-size: 16px;




	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}
/*---------------*/




/*-----------翻页样式-----------*/
.contentPage{text-align: center; margin:0px 3px; padding:0px; padding-top:15px; width: 100%; color: #666; line-height: 30px; text-decoration: none;}
.contentPage a:link {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #eeeeee; font-weight: normal;}
.contentPage a:visited {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #eeeeee; 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:#0d499f; font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #f00; 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;}
/*-----------content pages end-----------*/

/*---------------*/

.product01{ position:relative; cursor:pointer; float:left; width:325px; border:#CFEBF3 5px solid; height:240px; font-size:12px; overflow:hidden; display:block; line-height:28px;}
.pro04{ position:absolute; text-align:center; padding-top:140px; z-index:99999; display:none; top:0; left:0; width:325px; height:240px; background:url(../images/imgtt.png) no-repeat top center; cursor:auto;}
.pro04 span{margin:auto; font-size:16px; color:#ffffff; font-family:"微软雅黑"; text-align:center;}
.pro04 span a{color:#ffffff;}


/*------tab---------*/




.kuang{ width:80%; height:28px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang1{ width:80%; height:28px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang2{ width:80%; height:58px; border:1px solid #CFCFCF; padding-left:10px;}
.kuang3{ width:100px; height:38px; border:1px solid #CFCFCF;}

.lxwmbt{ font-size:48px; color:#D6D6D6; text-transform:uppercase; padding-bottom:15px; font-family:Arial;}
.lxwmbt span{ text-align:center; font-size:48px; color:#89A5F7; text-transform:uppercase;padding-bottom:20px; font-family:Arial;}
.lxwmbt p{ display:block; font-size:35px; color:#303030; font-weight:normal; font-family:'微软雅黑';}


.cpk{ width:369px; height:350px; border:2px solid #E8E8E8; padding:5px; margin-bottom:50px; border-radius:10px;}



.cpkimg{ width:369px; height:293px; overflow:hidden;}
.cpkimg img{  border-radius:10px 10px 0px 0px;}

.cpkbt a{color:#fff; background:#018c53; height:57px; padding-left:15px; padding-right:15px; line-height:57px; font-size:15px; display:block; text-align:center; border-radius:0px 0px 10px 10px;}
.cpkbt a:hover{color:#ffffff; background:#ff6600;}



.wenhua{ width:1200px; height:auto; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between;}

.whnr{width:50%; height:370px; background:#EEEEEE; overflow:hidden;}
.whnr img{ width:100%; height:100%;object-fit: cover;}
.whbt{font-size:30px; font-weight:bold; color:#333; text-align:center; background:url(../images/xxx.jpg) bottom center no-repeat; margin-top:50px; padding-bottom:20px;}
.whsm{padding:20px 80px 50px 80px; font-size:16px; line-height:36px; color:#414141; text-align:justify;}


.sjgck{ width:100%; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:60px;}

.gck{ width:360px; height:240px; margin-bottom:60px; overflow:hidden;}
.gckimg img{ width:360px; height:232px; overflow:hidden; border-radius:30px;}
.gckimg a:hover img{ width:370px; height:242px;margin-left:-10px; margin-top:-6px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}



.productlb{width:100%; height:160px; border-bottom:1px dotted #b6b6b6;display: flex; flex-wrap: wrap; justify-content: space-between;}
.proimg{width:19%; height:150px; text-align:center; padding-top:10px;}
.proimg img{ max-height:130px;  width:auto; max-width:100%; height:auto;}
.pronr{width:25%; padding-left:5%; height:150px; padding-top:10px;}
.pronr strong{font-size:18px;}
.pronr01{width:30%; padding-right:5%; padding-top:40px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.pronr02{width:15%; height:150px;}

.xxcpnrangm a{color:#ffffff; background:#2ccac8; width:80%; margin-top:25px; height:32px; line-height:32px; text-align:center; display:block; font-size:14px;border-radius:5px;}
.xxcpnrangm a:hover{color:#ffffff; background:#ff6600;}

.xxcpnrangm01 a{color:#ffffff; background:#676767; width:80%; margin-top:25px; height:32px; line-height:32px; text-align:center; display:block; font-size:14px;border-radius:5px;}
.xxcpnrangm01 a:hover{color:#ffffff; background:#ff6600;}


a.ank {color:#ffffff; margin:auto; background:#FF7702; width:90px; height:30px; line-height:30px; text-align:center; display:block; font-size:13px; border-radius:3px;}
a.ank:hover{color:#ffffff; background:#33BC7A; width:90px; height:30px; line-height:30px; text-align:center; display:block; text-decoration:none;}


.lxg{ margin-top:80px;}
.mbfor{display:none;}
.mbdh{ display:none;}
#mccp{ display:none;}




@media all and (max-width:1199px){ 
.tiao{ width:100%; height:40px; background:#111111;}
.tiao02{ display:none;}
.tiao01{ width:55%; padding-left:5%; height:40px;}
.tiao04{ width:30%; text-align:right; padding-left:10px; float:right;}

.nav{ width:100%; margin:auto; height:100px;}
.tlogo{ width:100%; float:none; padding-top:20px; text-align:center;}
.nav1{ width:90%; padding-left:none; float:none;}
.sou{ display:none;}

.logobj{ height:100px; width:100%; background:none;}
.wrapper{ width:100%; margin:0 auto; overflow:hidden;}
.cen{ width:100%; margin:0 auto; overflow:hidden;}
.cens{ width:100%; margin:0 auto; overflow:hidden;}
.jyln{width: 100%; margin:auto;	background: #fff; margin-bottom:20px; margin-top:8%; }
.jyln1{float: left;	width: 35%; padding-left:5%; overflow:hidden;}
.jyln1 img{ width:100%; height:200px; object-fit: cover; }
.jyln2{float: right; width: 50%; height:200px; font-size: 20px; padding-right:5%; color:#333333; font-weight:bold; overflow:hidden;}

.gskuai{width: 90%; padding-left:5%; padding-right:5%;}
.gsjj{width:30%;}
.gsjj2{font-size: 16px; height:75px; padding-top:25px; width:80%; margin:auto; color:#222222; background:#FFF;border-radius:10px; margin-top:150px; text-align:center;}


.menu li{ width:14%; text-align:center; padding:none; margin:none;}

.cpnr{ width: 90%; padding-left:5%; padding-right:5%;}
.contact01{ width: 90%; padding-left:5%; padding-right:5%;}
.contact01 dl{ width: 100%;}

.lxwm{width:45%; padding-left:5%;}
.lxdt{width:45%;  padding-right:5%;}

.footer{ display:none;}

.banner{ margin-top:80px;}
.nycanpin{display:none;}
.nyright{ width:96%; height:auto; float:none; margin-left:2%; margin-right:2%;}


}

@media all and (max-width:768px){ 
.banner{ margin-top:0px;}

.logobj{display:none;}
.tiao{display:none;}
#wu{display:none;}
.lxwm{width:90%; padding-left:5%; padding-right:5%; padding-top:10%; padding-bottom:10%;}
.lxwmbt{ font-size:26px;}
.cpkuai{ width:100%; height: auto; padding-bottom:10%; background: url(../images/cpbj.jpg) top center no-repeat;background-size: cover;}
a.cplb {width:45%;}
.canpin{ padding-top:20px;}
.bt{font-size:34px;}
.bt span{font-size:34px;}
.bt p{ font-size:30px;}
.lxwmbt{font-size:34px;}
.lxwmbt span{font-size:34px;}
.lxwmbt p{ font-size:30px;}
.lxwmnr{ font-size:14px; line-height:28px;}
	.mbdh{ display:block;}
	.mbfor{display:block;}
	#mccp{ display:block;}


}
@media all and (max-width:375px){ 
.tiao{ display:none;}
.nav{ display:none;}
.canpin{padding-top:5%; padding-bottom:5%;}
.gsjj{ width: 90%; padding-left:5%; padding-right:5%; margin-bottom:5%;}
.jyln1{ display:none;}
.jyln2{ width: 90%; padding-left:5%; padding-right:5%;}
.contact01{ width: 90%; padding-left:5%; padding-right:5%;}
.contact01 dl{ width: 100%;}
.bt{font-size:28px;}
.bt span{font-size:28px;}
.bt p{ font-size:25px;}






.xwkuai{padding-top:10%; padding-bottom:5%; }

.lxdt{ display:none;}
a.cplb {line-height:34px; margin-top:2%; margin-bottom:none; height:34px; width:45%; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.footer4{ display:none;}
.mbdh{ display:block;}
.pcdh{ display:none;}
.mbfor{ display:block;}
.footer{display:none;}
.footer4{display:none;}
.tbottom{ margin-top:10%; border-top:1px solid #e7e7e7;}
}