@charset "utf-8";
/* CSS Document */

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 {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}
strong{
	font-weight:bold;
	color:#874c1f;
}
body{
	line-height:1.5em;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
body{
	font-family:"微软雅黑";
	font-size:14px;
	color:#333;
	background-color:#dfdfdf;
}
.clear{width:100%; height:0px; line-height:1px; font-size:1px; clear:both;}	


#toparea{
	width:100%;
	height:105px;
	background-color:#000;
	border-bottom:7px solid #8c8c8c;
}

#topmiddle{
	width:1000px;
	margin:0 auto;	
}
#toplogo{
	float:left;
	margin-left:20px;
	margin-top:18px;
}

#topindex{
	float:left;
	height:35px;
	margin-top:50px;	
}
#topindex ul .nowcolor{
	background-color:#f8c300;
	color:#333;
}
#topindex ul{	
	overflow:hidden;
	margin-left:10px;
	letter-spacing:0.1em;
}

#topindex li{
	text-align:center;
	float:left;
}
#topindex a{
	display:block;
	width:75px;
	height:35px;
	line-height:35px;
	color:#fff;	
}
#topindex a:hover{
	background-color:#f8c300;
	color:#333;
}   


.banner{
	width:100%;
	height:461px;
	position:relative;	
	z-index:1;
}
.banner li{ height:461px; position:absolute; top:0; left:0;}
.banner li a{ display:inline-block; width:100%; height:100%;}
.banner li.bannerli{ display:none;}    



#prolist{
	width:100%;
	height:44px;
	background-color:#575757;
	position:relative;
}  

#prolistmid{
	width:450px;
	margin:0 auto;
	padding-top:5px;
	padding-left:20px;
}
#prolistmid img{
	display:block;
	float:left;
	margin-left:6px;
}   




.navigation-down{position:absolute;top:44px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:url(../images/tubiao.png) no-repeat top center #494949;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:0 auto;width:1000px;position:relative}
.navigation-down .nav-down-menu dl{float:left;}
.navigation-down .menu-1 dl{margin:50px 40px 50px 0;background:url(../images/probar.jpg) no-repeat right center;padding-right:35px;padding-top:10px;}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px;}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#f8c300}
.juzhong{text-align:center;margin-top:10px; letter-spacing:0.3em;}
.navigation-down .menu-1 dd img:hover{
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}
.navigation-down .nav-down-menu .proindex{float:left;margin-top:170px;}
.navigation-down .nav-down-menu .proindex img:hover{   
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;}

#content{
	background-color:#FFF;
	width:1000px;
	height:265px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:50px;
}

#contentleft{
	float:left;
	width:450px;
	height:235px;
	margin:20px;
}


h1{
	font-weight:600;
	font-size:1.2em;
	color:#666;
}

h1 span{
	display:inline-block;
	margin-left:335px;
}
h1 span a{
	color:#333;
	font-weight:300;
}
h1 span a:hover{
	text-decoration:underline;
}

#contentleft ul{
	margin-top:10px;
}
#contentleft ul li{
	height:2.2em;
	line-height:2.2em;
	background:url(../images/arrow.png) no-repeat 0.5em;
	text-indent:1.5em;
	overflow:hidden;
}

#contentleft ul li span{
	display:inline-block;
	float:right;
	margin-right:10px;
}

#contentleft ul a{
	color:#333;
}
#contentleft ul a:hover{
	color:#ee6968;
	font-weight:bold;
}

h2{
	font-size:1.2em;
	margin-top:10px;
	border-top:1px solid #ccc;
	line-height:36px;
}
h2 span{
	 font-weight:600;
	 color:#666;
	 
}
#wwwxkercom{overflow:hidden;width:80%;height:36px; float:right;}
#wwwxkercom div{height:36px;line-height:36px;white-space:nowrap;overflow:hidden;}
#wwwxkercom div a{
	color:#333;
}
#wwwxkercom div a:hover{
	color:#ee6968;
	font-weight:bold;
}

#contentmid{
	float:left;
	width:235px;
	height:224px;
	background-color:#ededed;
	margin-top:20px;
	margin-left:-5px;
}
#contentmid img{
	display:block;
}

#contentmid img:hover{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

#contentright{
	float:left;
	width:235px;
	height:224px;
	background:url(../images/contentindex.jpg) center;
	margin-top:20px;
	margin-left:20px;
}

#contentright ul{
	margin-top:38px;
	margin-left:2em;
}
#contentright ul li{
	height:2.2em;
	line-height:2.2em;
	list-style:disc;
}
#contentright ul  a{
	color:#333;
}
#contentright ul  a:hover{
	color:#ee6968;
	font-weight:bold;
}


#foot-up{
	width:100%;
	height:auto;
	background-color:#333;
}

#foot-upmid{
	width:1000px;
	margin:0 auto;
	color:#fff;
}

.codelist{
	margin-left:50px;
	padding-top:20px;
	float:left;
}

#foot-down{
	width:100%;
	height:45px;
	background-color:#222222;
}

#foot-downmid{
	width:1000px;
	margin:0 auto;
	color:#777777;
	padding-top:10px;
}

#foot-downmid a{color:#777777;}
#foot-downmid a:hover{
	text-decoration:underline;
}

#foot-downmid span{
	margin-left:150px;
}
#gotop{ width:57px; height:58px; background:url(../images/code.png) no-repeat; position:fixed; right:0px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#gotop{ background-position:-273px -306px;bottom:175px; _margin-bottom:172px;} 

#bannerone{
	width:100%;
	height:222px;
	background:url(../images/aboutbanner.jpg) no-repeat top center;
	border-bottom:1px solid #f6f6f6;
}
#bannertwo{
	width:100%;
	height:222px;
	background:url(../images/contactbanner.jpg) no-repeat top center;
	border-bottom:1px solid #f6f6f6;
}
#bannerthree{
	width:100%;
	height:222px;
	background:url(../images/servicebanner.jpg) no-repeat top center;
	border-bottom:1px solid #f6f6f6;
}
#bannerfour{
	width:100%;
	height:222px;
	background:url(../images/newsbanner.jpg) no-repeat top center;
	border-bottom:1px solid #f6f6f6;
}
#bannerfive{
	width:100%;
	height:222px;
	background:url(../images/brandbanner.jpg) no-repeat top center;
	border-bottom:1px solid #f6f6f6;
}
#bannersix{
	width:100%;
	height:222px;
	background:url(../images/casebanner.jpg) no-repeat top center;
	border-bottom:1px solid #f6f6f6;
}
#bannerseven{
	width:100%;
	height:222px;
	background:url(../images/probanner.jpg) no-repeat top center;
	border-bottom:1px solid #f6f6f6;
}
#bannereight{
	width:100%;
	height:222px;
	background:url(../images/pro2banner.jpg) no-repeat top center;
	border-bottom:1px solid #f6f6f6;
}
#aboutcontent1{
	width:1000px;
	min-height:500px;
	margin:0 auto;
	margin-top:33px;
	margin-bottom:22px;
	background-color:#fff;
	padding-bottom:2em;
}

#aboutcontent1 .wrap-flex{padding:4rem 2vw;}

#aboutcontent{
	width:1000px;
	margin:0 auto;
	height:680px;
	margin-top:33px;
	margin-bottom:22px;
	background-color:#fff;
}

#newscontent{
	width:1000px;
	margin:0 auto;
	height:auto !important;
	padding-bottom:40px;
	margin-top:33px;
	margin-bottom:22px;
	background-color:#fff;
}



#abouttit{
	height:38px;
	background-color:#f8f9f7;
}
#abouttit ul{	
	overflow:hidden;
	letter-spacing:0.1em;
}

#abouttit li{
	text-align:center;
	border-right:2px solid #f8f9f7;
}
#abouttit a{
	display:block;
	float:left;
	width:150px;
	height:38px;
	line-height:38px;
	background-color:#333;
	color:#fff;	
}
#abouttit a:hover{
	background-color:#f8c300;
	color:#333;
	font-weight:600;
}   

#abouttit ul .nowcolorone{
	background-color:#f8c300;
	color:#333;
	font-weight:600;
}


#abouttitone{
	padding-bottom:4rem;
	background-color:#fbfaf6;
}

h3{
	font-size:2.5em;
	color:#a3a2a2;	
	line-height:1.8em;
	padding-left:20px;
}
h3 span{
	color:#c3c2c1;
}

h4{
	font-size:1.5em;
	color:#f8c400;
	height:1em;
	line-height:1em;
	padding-left:20px;
	display:inline-block;	
}
.wrap-flex{ display:flex;}

#abouttitone p{
	display:inline-block;
	width:86%;
	text-align:right;
	color:#999;
} 
#aboutconL {
	float:left;
	width:25%;
	margin:30px;	
}
.item{
	width:200px;
	display:inline-block;
	vertical-align:text-top;
}
.item img{
	width:100%;
}
.itemName{
	line-height:40px;
	font-size:12px;
}
:root{
	--web-theme-color:#f8c400;
	--web-theme-color-black:#333333;
	--web-theme-color-gray:#929292;
	--web-theme-color-sh:#565656;
	--web-theme-color-blue:#002d61;
}

/*左部分*/	
#proconL {
	flex:0 0 20%;
	margin:30px 0;	
	color:#5F5D5D;
}
.product-name{
	background-color:#FFF;
	padding:1rem 2rem;
	position:relative;
	width:100%;
	font-weight:700;
}
.product-name .badge{
	background-color:transparent;
	color:#aaa;
	font-size:16px;
}
#box-lefttitle{
	padding:8px 4px;
	color:#333;
	font-size:2rem;
	font-weight:bold;
	background-color:var(--web-theme-color);
	text-transform:uppercase;
	position:relative;
	display: -webkit-flex; 
 	 display: flex;
	 justify-content: space-between;
	 align-content:center;
	 white-space:nowrap;
	 }
#box-lefttitle span{font-size:14px; padding-right:2rem; color:var(--web-theme-color-black);}
#box-lefttitle .jia{
  position: absolute;
  top: 30%;
  right: 20%;
  z-index: 0;
  width:10px;
  height:10px;
  display:none;
}
#box-lefttitle .jia i{  text-stroke: 1px #00a2e9;-webkit-text-stroke: 1px #00a2e9;font-weight:normal;}
#proconL  ul{display:none;}
#index-proleft-con ul li{
	border-bottom:rgba(255,255,255,0.3) solid 2px;
	padding:1.6rem 0;
	font-size:14px;
}
#proconL  ul li a i{
	float:right;
	margin-right:1.5rem;
	filter:alpha(opacity:0); opacity:0; 
}
#proconL  ul li a:hover{
	color:var(--web-theme-color-black);
	}
#proconL  ul li a:hover i{
	display:block;
}
.ac-left span{color:var(--web-theme-color);}

#proconL  ul li a{
	display:block;
	text-decoration:none;
	border-bottom:#d1d1d1 dashed 1px;
	color:var(--web-theme-color-gray);
	text-indent:1rem;
	margin-left:2rem;
	padding:0.8rem 0;
}
#proconL  ul li a .wrap-flex-2{ display:flex; align-items: center; }
#proconL  li a:focus  {color:var(--web-theme-color);}
.proactive>a,#box-left li a:hover{ color:var(--web-theme-color) !important;}
#proconL  .proactive>a i{ filter:alpha(opacity:100); opacity:1; }
#proconL  .box-leftcur{color:#5F5D5D;}
/*右部分*/

#proconR{
	flex:0 0 80%;
	margin-top:35px;
	margin-left:30px;
	overflow:hidden;
}
#proconR .grid{display:grid; grid-template-columns:repeat(4,1fr);}


/*Reset Paging*/
.thumbnail .caption:hover,.thumbnail .caption:hover span{color:#f8c400;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:#f8c400; cursor:pointer;}

/*page*/
.pagination {
	padding-left:0;
	margin:60px 0;
	border-radius:0;
	display: -webkit-flex; 
  display: flex;
  justify-content: center;
align-items: center;
}
.pagination>li {
	display:inline;
}

.pagination>li>a, .pagination>li>span {
	position:relative;
	padding:6px 12px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
	font-size:12px;
}
.pro-records{ white-space:nowrap; margin-right:2rem;}

/*-----
productdateil
-------*/
#proconR1{background-color:#fbfaf6}
#proconR1 .grid{display:grid; grid-template-columns:0.6fr 1fr;grid-gap:0 2rem; margin-top:2rem;}
.proviewgs{ padding-top:4rem; }
.proname{
	font-size:2rem;
	color:#ccc;
	font-weight:blod;
	font-weight:normal;
	line-height:1.8em;
	text-transform:capitalize;
}
.proname strong{
	font-size:3rem;
	color:#333;
	font-weight:blod;
}
.proviewgs p{
	padding-top:15px;
	text-align:left;
	color:#333;
	word-wrap: break-word;
    word-break: normal;
}	
.proviewgs h3{
	padding-top:2rem;
	color:#333;
}
/*products tab*/
.promartoptitle{
	display:block;
	font-size:2.6rem;
	background-color:#ccc;
	color:#fff;
}
.nyjiacondetc{ margin-top:6rem;}
.nyjiacondetc img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}
#aboutconL img{
	box-shadow:5px 5px 5px   #ccc;
	-webkit-box-shadow:5px 5px 5px  #ccc;
	-moz-box-shadow:5px 5px 5px   #ccc;
}
.conLstyle{
	padding-left:40px;
}

#aboutconR{
	float:left;
	width:60%;
	margin-top:40px;
	margin-left:10px;
}
#aboutconR p{
	width:100%;
	margin-left:30px;
	text-indent:2em;
	line-height:2em;
}
#aboutconR1{
	float:left;
	width:60%;
	margin-top:40px;

}
#aboutconR1 .conp{
	width:100%;
	line-height:2em;
	text-indent:10em;
	font-weight:600;
	color:#666;
}
h5,h6{
	width:50%;
	margin:0 auto;
	height:1.8em;
	line-height:1.8em;
}
h5{
	font-size:1.8em;
	font-weight:bold;
	color:#666;
}

.textyy{
	text-shadow: 5px 5px 2px #ccc;
}

#aboutconB{
	width:95%;
	margin:0 auto;
	margin-top:15px;
	background:url(../images/image2.jpg)  no-repeat top center #f8c400;
	height:107px;
}

#aboutconB p{
	width:85%;
	margin:0 auto;
	padding-top:25px;
	color:#333;
	line-height:1.5em;
}
#aboutconB p span{
	font-weight:bold;
	color:#c0211a;
}

#intro{
	width:90%;
	margin:0 auto;
	padding-top:15px;
}
#intro img{
	margin:10px;
	border:2px solid #666;
}
#intro p{
	text-indent:2em;
	line-height:2em;
}

.factory{
	display:block;
	float:left;
	margin-left:22px;
	margin-top:20px;
	border:2px solid #666;
	width:260px;
}


#vis-style img{
	display:block;
	margin:0 auto;
	margin-top:20px;
	box-shadow:0px 0px 10px 5px #ccc;
	-webkit-box-shadow:0px 0px 10px 5px #ccc;
	-moz-box-shadow:0px 0px 10px 5px #ccc;
}

#brand-style img{
	display:block;
	margin-top:20px;
	margin-left:80px;
}

#contactconL{
	float:left;
	width:30%;
	margin:30px;
	margin-left:100px;
}
#contactconR{
	float:left;
	margin:50px;
	margin-top:80px;
	font-size:1.2em;
}

#contactconR ul li{
	height:2.5em;
	line-height:2.5em;
}

#servicecontent{
	width:1000px;
	margin:0 auto;
	margin-top:33px;
	margin-bottom:22px;
	background-color:#fff;
}
.service{
	width:100%;
	border-bottom:1px dashed #CCC;
}
.serviceconL{
	float:left;
	width:30%;
	margin:30px;
	margin-left:120px;
}

.serviceconL img{
	box-shadow:5px 5px 5px 5px #ccc;
	-webkit-box-shadow:5px 5px 5px 5px #ccc;
	-moz-box-shadow:5px 5px 5px 5px #ccc;
}

.serviceconR{
	float:left;
	margin:50px;
	margin-top:100px;
	padding:50px;
	overflow:hidden;
	
}
.serviceconR img{
	display:block;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow:0px 0px 10px 5px #ccc;
	-webkit-box-shadow:0px 0px 10px 5px #ccc;
	-moz-box-shadow:0px 0px 10px 5px #ccc;
}
.serviceconR a:hover{
	position:relative;
	top:5px;
}

.arrange{
	width:100%;
	text-align:center;
	margin-top:30px;
}
#newsconL{
	float:left;
	width:25%;
	margin-top:30px;
}
#newsconR{
	float:left;
	width:65%;
	margin-top:40px;
	margin-left:20px;
}
#newsconR h2,#newsconR h3{ font-weight:bold;}
#newsconR h2 strong{ display:block; padding-top:20px; font-size:24px; line-height:1.5em;  color:#333;}
#newsconR h3 strong{ display:block; font-size:20px; line-height:1.1em; }
#newsconR p{
	display:block;
	width:100%;
	padding:8px 0;
	margin-left:30px;
	line-height:2em;
}
#newsconR img{
	display:block;
	max-width:100%;
	height:auto !important;
}
.suojin{
	text-indent:2em;
}

.newsall{
	border-bottom:1px dotted #ccc;
	padding-top:15px;
	padding-bottom:15px;
}

.newsL{
	float:left;
	width:15%;

}
.newsL ul{
	padding-top:5px;
}

.newsR{
	float:left;
	width:80%;

}

.bigday{
	font-size:3em;	
	color:#ccc;
	height:1.3em;
	line-height:1.3em;
	text-align:center;
}
.smallday{
	font-size:1.5em;	
	color:#ccc;
	height:2em;
	line-height:2em;
	text-align:center;
}
.jiadi{
	border-bottom:2px solid #ccc;
}
.bigtext{
	font-size:1.2em;
	font-weight:bold;
	color:#666;
}

.linktext{
	font-size:1.2em;
	font-weight:bold;
}
.linktext a{
	color:#999;
}
.linktext a:hover{
	color:#F00;
}





.honorcon{
	padding-top:1em;
	padding-bottom:4em;
}
.honorcon img{
	display:block;
	float:left;
	margin-left:1.5em;
	margin-bottom:1.5em;
	box-shadow:1px 1px 1px 1px #ccc;
	-webkit-box-shadow:1px 1px 1px 1px #ccc;
	-moz-box-shadow:1px 1px 1px 1px #ccc;
	
}