@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:16px;
	font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif;
	font-weight:normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
input,textarea{outline:none;}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;	
}
/*input框自动填充背景色*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;	/**通过边框阴影遮挡住背景*/
	/*-webkit-text-fill-color: #333; !**填充字体颜色*!*/
}
body{}
a,a:link,a:visited{color:#333333; text-decoration:none;}
a.active{color: #ff0000; text-decoration:none;}
.cl{clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px;}

/*clear float*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}

.red,a.red:link,a.red:visited{color:#ee7800;}
a.red:hover {color:#ffb02c;}

.dot{color:#ae1d2c;}


/*header*/
.dingbubox{ position:relative; width:100%; }
.headerpage{ position:absolute; top:0px; z-index:999; clear:both; width:100%; margin:0 auto 0 auto; padding:0; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0)); box-shadow:0px 0px 15px rgba(0,0,0,0.8); }
.headerpage{ }
.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}

.dingbu_product{ position:static; clear:both;  }
.dingbu_product .headerpage{ position:static; top:0px; z-index:999; clear:both; width:100%; margin:0 auto 0 auto; padding:0; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.7), rgba(0,0,0,0.5), rgba(0,0,0,0.2)); box-shadow:0px 0px 15px rgba(0,0,0,0.8); }


header{ width:100%;}
.head{clear:both; margin:0 auto; padding:0px 0; max-width:1400px; }
header:after,header:before {content: '';display: block; clear: both; height: 0;}

.head .logo{ float:left; width:300px; }
.head .logo a{ float:left; display:block; line-height:100px; }
.head .logo img{ vertical-align:middle;  }
.head .logo img{ vertical-align:middle;}

.headerright{ float:right; width:75%; padding:0px 0 0 0; position:relative; }
.headerright img{ float:right;padding-top:0px;   }
.headerright span{ font-size:28px; color:#e65802;  float:right; text-align:left;}
.headerright span i{ font-weight:normal; font-style:normal;color:#999; line-height: 16px;}

header .wapnav{float:right; display:none;}

/*Banner大图调用 开始*/
.bannerwrap{clear:both; width:100%; margin:0 auto; padding:0; background:#e5e5e5;}
.bannerwrap .banner{position:relative;width:100%;margin:0 auto;padding:0;overflow:hidden;}
.bannerwrap .banner a{background-position:center;}
.bannerwrap .banner .mask{vertical-align:middle;position:absolute; width:100%; height:20px; right:0; bottom:6%; text-align:center; }
.bannerwrap .banner .mask span{color:#ffffff;padding:0 5px;text-align:center;line-height:15px;width:15px;height:15px;font-family:Arial;font-size:12px;cursor:pointer;overflow:hidden;margin:3px 1px;background-color:#ffffff; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; height:450px;}
.bannerwrap .banner .mask span.show{color:#fff;line-height:10px;width:10px;height:10px;font-size:12px;margin:0 1px;border:0;background-color:#ae1d2c;font-weight:bold;}
#showbanner{display:block;width:100%; text-align:center;background-position:top;background-repeat:no-repeat;}
#showbanner img{ max-width:100%; display:block;}
#showbanner img:after,#showbanner img:before {content: '';display: block;clear: both;height: 0;}
/*Banner大图调用 结束*/

/*内页大图*/
.mainbanner{ position:relative;}
.mainbanner { display:block; }
.mainbanner .mainbanner_zibox{ max-width:1250px; margin:0 auto; text-align:right; }
.mainbanner .mainbanner_zi{ position:absolute; top:35%;  width:100%; color:#fff; }
.mainbanner .mainbanner_zi strong{/*letter-spacing: 36px;*/ text-shadow: 0 15px 20px rgba(0, 0, 0, 0.2); text-indent: 36px; font-size:2.5rem; }
.mainbanner .mainbanner_zi p{ margin:5% 0 0 0; font-size:3rem; text-transform : uppercase; font-family:Arial, Helvetica, sans-serif; }
.bannerwrap .banner .mainbanner_pic .mask span.show { background-color: #fff; opacity:0;}/*内页图上的红点*/
#down-more i { display: inline-block; animation: rise .6s linear infinite alternate; margin:0 2.5% 0 0; }
.iconfont { font-family:Verdana, Geneva, sans-serif !important; font-size:30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
@keyframes rise {
    0% {  transform: translate(0); }
    100% { transform: translateY(10px); }
}
/*内页大图 end*/



/*首页样式*/
.widthbox{ max-width:1400px; margin:0 auto; clear:both; /*border:1px solid red;*/  }

.indexonebox{ }
.indexone_l{ background:#b90002 url(../images/indexone_l.jpg) no-repeat bottom right; }
.indexone_r{ background:#0a0512 url(../images/indexone_r.jpg) no-repeat bottom left; }
.indexonebox dl{ width:73%; float:right; text-align:left; margin:40px 0 0px 0;  }
.indexonebox dl dt{ font-family:"Impact"; color:#fff; font-weight:bold; text-transform : uppercase; font-size:3.5rem; }
.indexonebox dl dd a{ font-size:1.8rem; color:#fff; }
.indexonebox ul{ max-width:360px; width:100%; margin:50px 0 50px 33%; }
.indexonebox ul li{ color:#fff; font-size:1.5rem; font-weight:bold; line-height:40px; font-family:Arial, Helvetica, sans-serif;  }
.indexonebox ul li img{ margin:0 0.5rem 0 0; }


.indextwobox{ background:#f7f7f7; padding:3rem 0; margin:0 0 3rem 0; }
.indextwobox ul{ margin:0px;  }
.indextwobox ul li a{ display:block;  text-align:center; border:1px solid #d2d2d2; border-radius:5px; background:#fff; padding:2rem 1.5rem 1rem 1.5rem; transition: 0.5s;  }
.indextwobox ul li a:hover{transition: 0.5s;  transform-style: preserve-3d; transform: scale(1.05);box-shadow:0px 0px 20px rgba(0,0,0,0.2); border:1px solid #b90002; background:#b90002;  }
.indextwobox ul li a img{ margin:0 0 1rem 0; transition: 0.5s;}
.indextwobox ul li a:hover img{ transform:rotate(7deg);  filter: grayscale(100%) brightness(1000%); }
.indextwobox ul li a h2{ font-size:1.2rem; font-weight:bold; height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; margin:0px; }
.indextwobox ul li a p{ font-size:0.8rem; line-height:24px; color:#888888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
.indextwobox ul li a:hover h2,.indextwobox ul li a:hover p{ color:#fff;  }


.indexthreebox{}
.indexthreebox .item{ background:#f8f8f8; border:2px solid #fff; transition: 588ms; margin:0px; }
.indexthreebox .item img{ width:100%; transition: 588ms; }
.indexthreebox .item:hover img{ transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); box-shadow:0px 0px 15px rgba(0,0,0,0.3); }
.indexthreebox .item a{ display:block; width:100%; height:100%;   }
.indexthreebox .item a .iproduct_zi{ margin:20px 20px; }
.indexthreebox .item a .iproduct_zi h3{ font-size:1.3rem; font-weight:bold;   }
.indexthreebox .item a .iproduct_zi h4{ font-size:1rem; color:#999999; }


.indexfourbox{ background:url(../images/indexfourbox.jpg) no-repeat; background-size:cover; color:#fff; padding:5rem 0; margin:3rem 0 0 0; }
.indexfourbox p{ margin:0; padding:0; }
.about_title{}
.about_title span{ font-size:3.1rem; font-weight:bold;text-transform : uppercase; display:block; margin:1rem 0 0.5rem 0; }
.about_title h2{ font-size:2rem; font-weight:bold; }
.xf_si{ margin:0rem 0 0 0; }
.xf_si .time img{ margin:-1.3rem 1.2rem 0 0; transition: 588ms; }
.xf_si .wrapper1:hover img{ margin:-1.3rem 1.2rem 0 0; transform: rotateY(180deg); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.xf_si .time{ font-size:1.2rem; margin:1.4rem 0 0 0; }
.xf_si .time .count-title{ font-size:5.6rem; font-weight:bold; color:#b90002; font-family:"Impact",Arial, Helvetica, sans-serif; }
.xf_si ul{}
.xf_si ul ol{text-transform : uppercase; opacity:0.35; font-size:0.8rem; margin:8px 0 8px 0; }
.about_content{ line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:8; border-left:1px solid rgba(255,255,255,0.3)  }


.indextitle{ text-align:center; margin:5rem 0 4rem 0; }
.indextitle a{ font-size:2rem; font-weight:bold; }
.indextitle a span{ font-size:2rem; font-weight:bold; color:#b90002; }
.indextitle p{ font-size:1rem; color:#999999; line-height:24px; margin:1rem auto; max-width:980px;  }

.indexfivebox{ }
.indexfivebox ul{ margin:0px; padding:0px; clear:both; overflow:hidden;}
.indexfivebox ul li{ width:49.5%; margin:0 0 1rem 0; float:left; background:#f7f7f7;  }
.indexfivebox ul li:nth-child(2n){ width:49.5%; float:right; }
.indexfivebox ul li .youshi_img{ width:43%; float:left; overflow:hidden;  }
.indexfivebox ul li .youshi_img img{ width:100%;transition: 588ms; }
.indexfivebox ul li:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.indexfivebox ul li .youshi_list{ width:48%; float:right; margin:5% 4% 0 0; }
.indexfivebox ul li .youshi_list h2{ font-size:1.3rem; font-weight:bold;  }
.indexfivebox ul li .youshi_list h2 i{ font-size:3.6rem; font-weight:bold; text-decoration:underline; color:#b90002; margin:0 10px 0 0; }
.indexfivebox ul li .youshi_list p{ font-size:0.8rem; line-height:24px; color:#888888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; margin:10% 0 0 0;  }
.indexfivebox ul li:nth-child(2n) .youshi_img{ width:43%; float:right; overflow:hidden;  }
.indexfivebox ul li:nth-child(2n) .youshi_list{ width:47%; float:left; margin:5% 0 0 5%; }


.indextitle01{ text-align:center; margin:4rem 0 4rem 0; }
.indextitle01 a{ font-size:2rem; font-weight:bold; color:#fff; }
.indextitle01 a span{ font-size:2rem; font-weight:bold; color:#fff; }
.indextitle01 a:hover{ color:#fff; }
.indextitle01 p{ font-size:1rem; color:#999999; line-height:24px; margin:1rem auto; max-width:980px; color:#fff;  }

.indexsixbox{background:url(../images/indexsixbox.jpg) no-repeat; padding:0rem 0; margin:3rem 0 0 0;  clear:both; overflow:hidden;}
.indexsixbox ul{ margin:0px; padding:0px; clear:both; overflow:hidden;}
.indexsixbox ul li{ text-align:center; position:relative; background:#000000; }
.indexsixbox ul li img{ width:100%; opacity:0.65; transition: 588ms; }
.indexsixbox ul li:hover img{ width:100%; opacity:0.3; }
.indexsixbox ul li .lingyu_list{ position:absolute; width:100%; top:40%;  }
.indexsixbox ul li .lingyu_list h2{ font-size:1.5rem; font-weight:bold; color:#fff;  }
.indexsixbox ul li .lingyu_list p{ font-size:0.8rem; line-height:24px; color:#fff;  margin:10px 0 0 0; text-transform : uppercase; }

.indexsevenbox{ background:#f7f7f7;  clear:both; overflow:hidden; margin:3rem 0 0 0;  }
.indexsevenbox .indextitle{ margin:5rem 0 2.5rem 0;}
.xinwenfenlei{ clear:both; overflow:hidden; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#fff;}
.xinwenfenlei a{ display:block; width:33%; float:left; text-align:center; padding:2rem 0; }
.xinwenfenlei a span{ display:block; font-size:0.9rem; color:#888888; margin:8px 0 0 0; }
.xinwenfenlei a:nth-child(2){ border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.xinwenfenlei .hkbox1{ border-bottom:4px solid #fff;  text-decoration:none; transition: 588ms; font-size:1.2rem;  }
.xinwenfenlei .hkbox1a{  border-bottom:4px solid #b90002; text-align:center; text-decoration:none; transition: 588ms; font-size:1.2rem; }

.indexsevenbox .content{ margin:3% 0 4% 0; }
.indexsevenbox dl{ width:49%; float:left; }
.indexsevenbox dl:nth-child(2){ width:49%; float:right; }
.indexsevenbox dl .dlcontent{ background:#fff; }
.indexsevenbox dl .xwcontent{}
.indexsevenbox dl .xwcontent span{ font-size:0.8rem; color:#636c71; }
.indexsevenbox dl .xwcontent dt{ font-size:1.1rem; font-weight:normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; margin:10px 0;  }
.indexsevenbox dl .xwcontent dd{font-size:0.8rem; color:#888; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.indexsevenbox dl .xwcontent a{ display:block; color:#fff; background:#b90002; width:170px; text-align:center; line-height:36px; font-size:1rem; }

.indexsevenbox ul{ clear:both; overflow:hidden; margin:0px; padding:0px; }
.indexsevenbox ul li{ border-bottom:1px solid #eaeaea; padding-top:1.5%; padding-bottom:1.5%; }
.indexsevenbox ul h3{ font-size:1.1rem; font-weight:normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; margin:10px 0 10px 0;  }
.indexsevenbox ul p{font-size:0.8rem; color:#888; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; margin:0px; }
.indexsevenbox ul span{ font-size:0.8rem; color:#636c71; }


.indexeightbox{background:url(../images/indexeightbox.jpg) no-repeat; background-size:cover; padding:0rem 0 3% 0; margin:0rem 0 0 0;  clear:both; overflow:hidden;}
.indexeightbox .item{ margin:6px;}
.indexeightbox .item a{ }
.indexeightbox .item img{ transition: 588ms; }
.indexeightbox .item:hover img { margin:-10px 0 0 0;  }
.indexeightbox .indextitle01{ margin:5rem 0 2.5rem 0;}



/*vote*/
.vote{max-width:1400px; margin:0 auto;}
.vote h2{ text-align:center; text-align:center; font-size:30px; color:#f00;}
/*首页样式 end*/


/*尾*/
.linkbox{ background:#b90002; padding:20px 0px; font-size:14px; color:#ffffff; text-align:center;  }
.linkbox a{ font-size:1rem; color:#ffffff; margin:0 10px 0 5px; line-height:30px; opacity:0.6; }
.linkbox a:hover{ color:#ffffff;}

.footerbox{ clear:both; margin:0 auto 0 auto; padding:1% 0 1% 0; width:100%; background:url(../images/footerbg.jpg) no-repeat; background-size:100% 100%; overflow:hidden; border-top:3px solid #b90002;}

.footer{clear:both;  margin:0 auto; padding:2% 0; overflow:hidden; }
.footer .row{ margin:0; }

.footercontact{  margin:0; }
.footercontact .logo_bt{ border-bottom:1px solid rgba(255,255,255,0.2); padding:0 0 2rem 0; margin:0 0 2rem 0; }
.footercontact .logo_bt img{ filter: grayscale(100%) brightness(1000%); }
.footercontact li{ font-size:1rem; color:#fff;  }
.footercontact li img{ margin:0 1rem 0 0; }
.footercontact ol{ font-size:1.5rem; color:#b90002; margin:0.5rem 0 1rem 0;letter-spacing:-1px }

.erweima{ text-align:center; color:#fff;  }
.erweima strong{ font-size:1.2rem;}
.erweima p{ color:#666666; font-size:0.8rem; margin:0.8rem 0 1.2rem 0; }
.erweima li span{ display:inline-block; padding:0 20%; margin:10% 0 0 0; color:#fff; background:#444444; border-radius:20px; font-size:0.8rem; line-height:24px;  }

.footmenu{ border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);  }
.footmenu a{ font-size:0.8rem; color:#666666; line-height:24px; margin:0 10px 0 0; }
.footmenu a:hover{color:#ffffff; text-decoration:none;}
.footmenu dl{ margin-right:0px;}
.footmenu dl dt{color:#c10c21; margin:0 0 0px 0; clear:both; overflow:hidden; }
.footmenu dl dt a{ font-size:1.2rem; color:#fff; line-height:46px; display:block; font-weight:bold; }

.footerbottom{  margin:0 auto; color:#666666; font-size:14px; padding:30px 0; text-align:center; background:#000000; }
.footerbottom a{ color:#666666; font-size:14px; }
.footerbottom a:hover{}

.fnav2{ display:none}



/*内页*/
.mainpage{clear:both; overflow:hidden; width:100%; margin:0px auto 0 auto; padding:0; background:url(../images/mainpage.jpg) no-repeat top center; background-size:100%;  }
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}
.leftbox{ background:url(../images/leftbox.jpg) no-repeat; background-size:cover; }
.left{clear:both; overflow:hidden; padding:0 0%; margin:0 auto; }
.right{clear:both; max-width:1400px; margin:0 auto; padding:0 0%; }	

.mainarea{ position:relative; clear:both; padding:10px 0 20px 0; min-height:360px; height:360px; }
[class].mainarea{height:auto;}
.mainarea div.content{font-size:14px; line-height:23px;}

.zoominfo{ clear:both;}
/*.zoominfo .zoominfoleft{ float:left; }*/
.zoominfo .zoominforight{ float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3{ font-size:16px; font-weight:bold;}
.zoominfo .htmleaf-content{ max-width:500px; margin:3% auto 0 auto; }
.zoominfo .thumbnails{ border-bottom:1px solid #d6d6d6; }

.zoominfo .thumb-box {
	padding: 1.4em 0 1em;
	margin-left: -1%;
	width: 102%;}
.zoominfo .thumb-box .thumbs {
	overflow: hidden;
	*zoom: 1;
}
.zoominfo .thumb-box .thumbs li {
	float: left;
	width: 23%;
	text-align: center;
	padding: 0 1%;}
.zoominfo .thumb-box .thumbs li img {
	width: 100%;
	opacity: .8;
	-moz-transition: opacity 0.32s;
	-o-transition: opacity 0.32s;
	-webkit-transition: opacity 0.32s;
	transition: opacity 0.32s;
	border-bottom: 4px solid transparent;
}
.zoominfo .thumb-box .thumbs li img.active {
	border-color: #e10016;
	opacity: 1;
}
.zoominfo .thumb-box .thumbs li:hover img {
	opacity: 1;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}



.midpicarea{border:solid 1px #bbbbbb;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #bbbbbb;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #bbbbbb; padding:2px; cursor:pointer;}

/*内页位置*/
.bannermain{  }
.positioninfobox{ clear:both; margin:0 auto; width:100%; background:#e9e9e9; border-bottom:1px solid #dddddd; padding:20px 0 20px 0; }
.position{font-size:1rem; padding:0px 0 0 30px; margin:0px 0 0px 0; line-height:24px; color:#333; background:url(../images/position.png) no-repeat;}
.position a,.position a:link,.position a:visited {color:#333;font-size:1rem;}
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{color:#d71820;}
.position font{ color:#fff; background:#e60012; border-radius:3px; padding:0 5px; }
.positioninfo{font-size:2.7rem; line-height: 1;color: #0049b8; font-weight: bold;display:none; }

.menu1{ overflow:hidden; text-align:center; margin:20px auto 10px auto; }
.menu1 h2{display:none; }
.menu1 a {color:#333333; line-height:40px; margin:0px 5px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1 a:link,.menu1 a:visited{background:#e6e6e6;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background:#d71820; color:#FFFFFF;}


.cpleftbox{  background:#e6e6e6;  }
.cpleft{clear:both; overflow:hidden; padding:0 0%; margin:0 auto; }
.menucp{ overflow:hidden; text-align:center; margin:0px auto 0px auto; }
.menucp h3{ width:16.6%; float:left; text-align:center; margin:0px; padding:0px; }
.menucp strong{ display:block; font-size:1rem; }
.menucp a {color:#333333; display:block; margin:0px 5px; padding:15% 15px; font-size:15px; text-decoration:none; text-align:center;  border-bottom:4px solid #e6e6e6;transition: 588ms;}
.menucp a:link,.menucp a:visited{background:#e6e6e6;}
.menucp a:hover,.menucp a.active,.menucp a.active:link,.menucp a.active:visited{ border-bottom:4px solid #c00000;}
.menucp img{ transition: 588ms;}
.menucp h3:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}


.cpmid{ text-align:center; clear:both; overflow:hidden; }
.cpmid a {color:#ffffff; line-height:40px; margin:0% 0; padding:1% 0;  display:block; width:50%; float:left; font-size:1.2rem; text-decoration:none; text-align:center; background: -webkit-linear-gradient(right, rgba(140,0,0,1), rgba(192,0,0,1)); }
.cpmid a:link,.cpmid a:visited{background: -webkit-linear-gradient(right, rgba(140,0,0,1), rgba(192,0,0,1));}
.cpmid a:hover,.cpmid a.active,.cpmid a.active:link,.cpmid a.active:visited{background:#d71820; color:#FFFFFF;}




.menu3{ clear:both; margin:0px auto 0px auto; max-width:1400px; text-align:center;}
.menu3 a,.menu3 a:link,.menu3 a:visited{ text-align:center; padding:0px 7%; margin:0 0px; color:#ffffff; font-size:1.2rem; line-height:107px; display:inline-block; border-left:1px solid rgba(255,255,255,0.3);  border-right:1px solid rgba(255,255,255,0.3); background: -webkit-linear-gradient(right, rgba(0,0,0,0.1), rgba(0,0,0,0));
	-webkit-transition: background-color 0.5s ;
	-moz-transition: background-color 0.5s ;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s; }
.menu3 a:hover,.menu3 a.active,.menu3 a.active:link,.menu3 a.active:visited{ color:#ffffff; background:#8a0002; text-decoration:none;  }

.menu4{ clear:both; margin:0 auto; max-width:1400px; display:none;}
.menu4 ul{clear:both; margin:0 auto; text-align:center; padding-top:10px;}
.menu4 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden;}
.menu4 ul a:hover,.menu4 ul a.active,.menu4 ul a.active:link,.menu4 ul a.active:visited{color:#fff; background:#d71820; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; }

.menu5{ clear:both; margin:0 auto; max-width:1400px;}
.menu5 ul{clear:both; margin:0 auto; text-align:center; padding-top:10px;}
.menu5 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden;}
.menu5 ul a:hover,.menu5 ul a.active,.menu5 ul a.active:link,.menu5 ul a.active:visited{color:#fff; background: #ff8a84; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; }


.menu2{clear:both;}
.menu2 h3{padding:0; margin-bottom:10px; border:#FF0000 1px solid;float:left; width:20%;}
.menu2 h3 a {color:#000;line-height:32px;padding-left:40px; font-size:14px;text-decoration: none; float:left }
.menu2 h3 a:link,.menu2 h3 a:visited{background-image: url(../images/menu1.png);background-repeat:no-repeat; background-position:12px;  }
.menu2 h3 a:hover,.menu2 h3 a.active,.menu2 h3 a.active:link,.menu2 h3 a.active:visited{color: #ff6501;background-image: url(../images/menu1a.png);background-repeat: no-repeat;}

.menu2 ul{padding:0px;}
.menu2 li a {color:#000;line-height:32px; padding-left:40px;margin-bottom:8px;text-decoration: none; display:block;}
.menu2 li a:link,.menu2 li a:visited{background-image: url(../images/menu1.png);background-repeat:no-repeat; background-position:12px;}
.menu2 li a:hover,.menu2 li a.active,.menu2 li a.active:link,.menu2 li a.active:visited{color: #ff6501;background-image: url(../images/menu1a.png);background-repeat:no-repeat;}


.backtop{ text-align:right; margin:10px 0 20px 0;}

.infosearch{ text-align:center; margin:5% auto; max-width:750px; padding:0px 0px 0 0; background:rgba(220,220,220,0.4); border-radius:30px; clear:both; overflow:hidden; box-shadow:0px 0px 15px rgba(0,0,0,0.3); }
.infosearch input[type="text"]{width:75%; line-height:42px;border:0px solid #dddddd; border-radius:3px;padding-left:2%; background:none;}
.infosearch input[type="submit"]{background-color:#b90000; float:right; border:0px solid #0049b7; line-height:42px; width:20%;color:#ffffff;font-weight:bold; border-radius:30px;}

.infodes{ clear:both; padding:10px 0; line-height:20px;}

.af{ clear:both;}
.af dl{ clear:both;font-size:12px;line-height:23px;}
.af dl dt,.addf dl dd{ float:left;}
.af dl dt{ width:70px; text-align:right;}

/*信息*/



/*关于我们首页*/
.about_one{ text-align:center; margin:5% 0 2% 0; }
.about_one .xf_si .time .count-title{ font-size:4.6rem; font-weight:bold; color:#b90002; font-family:"Impact",Arial, Helvetica, sans-serif; }

.about_two{}
.about_two dl{ clear:both; overflow:hidden; margin:0 auto; padding:0px; }
.about_two dl dt{ width:50%; float:left; overflow:hidden; }
.about_two dl dt img{ width:100%; transition: 588ms; }
.about_two dl:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.about_two dl dd{ width:50%; float:right; line-height:36px; }
.about_two dl dd div{ padding:7% 10%; }
.about_two dl dd p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.about_two dl dd a{ border-radius:5px; font-size:1rem; background:#e60012; color:#fff; width:130px; display:block; text-align:center; transition: 588ms; }
.about_two dl dd a:hover{ border-radius:5px; background:#e60012; color:#fff; width:150px; }

.about_two dl:nth-child(2n){ clear:both; overflow:hidden; }
.about_two dl:nth-child(2n) dt{ width:50%; float:right; }
.about_two dl:nth-child(2n) dd{ width:50%; float:left; }

/*关于我们首页 end*/


.imgbox{ width:100%; clear:both;font-family:"微软雅黑";}
.imgbox li{ list-style:none;   }
.imgbox li .listpic{  overflow:hidden;position:relative;}
.imgbox li img{ width:100%; display:block; height:auto;transition: all 0.3s ease-out;}
.imgbox li h3{ position:absolute; bottom:0; height:40px; background:rgba(0,73,184,0.9); width:80%; margin:0 10%; line-height:40px; text-align:center; color:#fff;transition: all 0.3s ease-out; font-size:1rem;}
.imgbox li .intro{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0; z-index:9999; top:0; left:0;transition: all 0.3s ease-out;}
.imgbox li .intro h4{ text-align:center; line-height:40px; margin:12% 0 4% 0; color:#fff; font-size:1.5rem; transform: scale(0.5); transition: all 0.3s ease-out;}
.imgbox li .intro p{ text-align:left; line-height:28px; color:#fff; font-size:14px; padding:5% 10%; text-indent:2em;transform: scale(0.5); transition: all 0.3s ease-out;}
.imgbox li .intro span{ display:block; text-align:center;}
.imgbox li .intro span a{ width:80px; height:30px; line-height:30px; background:rgba(207,146,63,1); text-decoration:none; color:#fff; padding:0 5px; border:solid #cf923f 1px;transition: all 0.3s ease-out;transform: scale(0.5); display:inline-block; font-size:14px; }
.imgbox li:hover img{transform: scale(1.5);}
.imgbox li:hover .intro{ opacity:1;}
.imgbox li:hover h3{ bottom:-40px;}
.imgbox li .intro span a:hover{ background:rgba(255,255,0,0); color:#fff;}

.imgbox li:hover .intro h4{transform: scale(1);}
.imgbox li:hover .intro p{ transform: scale(1);}
.imgbox li:hover .intro span a{transform: scale(1);}


.info_list{clear:both;margin-top:0px;padding:0px;}
.info_list ul{clear:both;}
.info_list ul li{ text-align:center; margin-top:15px;}

.info_list ol{background: #f3f3f3; font-size:16px; line-height:30px; text-align:center; color:#333333; clear:both; overflow:hidden; padding:0.5rem 0; }
.info_list ol span.title{ font-size:16px; font-weight:bold;}
.info_list ol span.title a{font-size:16px; font-weight:bold;}
.info_list ol span.views{ }
.info_list ol span.date{  padding:0 25px 0 0;}

.info_list li{clear:both; font-size:12px; line-height:30px; padding:1rem 0; border:1px solid #ddd;  }
.info_list li:hover{background: #0049b8; color:#fff; transition: 588ms; border:1px solid #0049b8; box-shadow:0px 0px 10px rgba(0,0,0,0.6); }
.info_list li:hover span{ color:#fff; }
.info_list li:hover a{ color:#fff; }
.info_list li a{  }
.info_list li span{   font-size:16px; color:#666666;}



.info_list_s{clear:both;margin-top:0px;padding:0px;}
.info_list_s ul{clear:both;}
.info_list_s ul li{ margin-top:15px;}

.info_list_s ol{background: #f3f3f3; font-size:16px; line-height:30px; text-align:center; color:#333333; clear:both; overflow:hidden; padding:0.5rem 0; }
.info_list_s ol span.title{ font-size:16px; font-weight:bold;}
.info_list_s ol span.title a{font-size:16px; font-weight:bold;}
.info_list_s ol span.views{ }
.info_list_s ol span.date{  padding:0 25px 0 0;}

.info_list_s li{clear:both; font-size:12px; line-height:30px; padding:1rem 0; border:1px solid #ddd;  }
.info_list_s li:hover{background: #0049b8; color:#fff; transition: 588ms; border:1px solid #0049b8; box-shadow:0px 0px 10px rgba(0,0,0,0.6); }
.info_list_s li:hover span{ color:#fff; }
.info_list_s li:hover a{ color:#fff; }
.info_list_s li a{  }
.info_list_s li span{ text-align:center; font-size:16px; color:#666666;}



.info_list dl{ float:left; width:300px; height:265px; text-align:center; margin:0 25px 15px 25px; }
.info_list dl dd{ height:20px;line-height:20px;}

.info_view{ clear:both;padding:3% 3% 10px 3%; box-shadow:0px 0px 15px rgba(0,0,0,0.3); margin:2% 0 0 0; }
.info_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:15px 0; text-align:center; font-weight:bold;}
.info_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.info_view div.content{padding:0px 0px; font-size:16px;line-height:32px; }
.info_view div.content p{padding:5px 0;font-size:16px;}
.info_view img{ max-width:100%;}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.info_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}

.info_view div.other{ text-align:left; padding-right:0px;}

.info_view .bigimg{ padding:10px 0px; text-align:center;}

.info_view table {border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid;}
.info_view td{border:#CCCCCC 1px solid; text-align:center; padding:4px;}


.info_commentlist{clear:both;margin-top:0px;padding:0px;}
.info_commentlist h1{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.info_commentlist p.name{clear:both; font-weight:bold; padding:3px 0;}
.info_commentlist p.date{clear:both; padding:3px 0; }
.info_commentlist p.content{clear:both; font-size:12px;line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

.info_commentadd{ padding:5px;}
.info_commentadd p{ padding:3px 0;}
.info_commentadd input[type="text"]{ width:230px;}
.info_commentadd #txtcode{width:80px;}
.info_commentadd textarea{ width:230px;}

.supply_add{ padding:5px;}
.supply_add h2{ padding:5px; background-color:#f0f0f0; text-align:center;}
.supply_add p{ padding:3px 0;}
.supply_add input[type="text"]{ width:230px;}
.supply_add #txtcode{width:80px;}
.supply_add textarea{ width:230px;}

/*产品*/
/*.product_cate{clear:both;}
.product_cate dl{ clear:both; width:100%; margin-top:10px;}
.product_cate dl dt{ float:left; width:30%;}
.product_cate dl dd{ float:right; width:69%; line-height:21px;}
.product_cate dl strong{ font-size:14px;}*/

.product_cate{ background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); margin:0 0 3% 0; padding:2% 4%; transition: 588ms; }
.product_cate:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,0.5);  }
.product_cate h2{}
.product_cate h2 strong{ font-size:1.5rem; }
.product_cate dl{ clear:both; overflow:hidden; margin:0px; padding:0px; }
.product_cate dl dd{ float:left; width:33%; margin:0 3px 0 0; }
.product_cate dl dd a{ font-size:1rem; display:block; line-height:36px; background:#bbb; color:#fff; text-align:center; margin:1rem 0 1rem 0; transition: 588ms; }
.product_cate dl dd a:hover{ background:#c00000; }
.product_cate p{ color:#666; line-height:24px; font-size:1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
.product_cate .more{}
.product_cate .more a{ display:block; width:150px; text-align:center; line-height:36px; color:#c00000; border:1px solid #c00000; font-size:1rem; transition: 588ms; }
.product_cate .more a:hover{ width:200px; background:#c00000; color:#fff; }
.product_cate ul{}
.product_cate ul li{ text-align:center; }
.product_cate ul li b{ overflow:hidden; display:block;  }
.product_cate ul li b img{ transition: 588ms; }
.product_cate ul li:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.product_cate ul li span{ display:block; background:#f7f7f7; margin:3px auto 0 auto; line-height:50px; height:50px; overflow:hidden;   }


/*产品：上图下字*/
.product_list{clear:both; margin-top:0px; padding:0px 0 0 0;  }
.product_list li{ }
.product_list li a{ box-shadow:0px 0px 10px rgba(0,0,0,0.2);  }
.product_list li a .cp_img{ overflow:hidden; }
.product_list li a img{transition: all linear 0.4s; width:100%; padding:0;}
.product_list li a{ color: #333;  display: block; position:relative;overflow: hidden;}
.product_list li a:before{ background:rgba(220,220,220,0.5); position: absolute; opacity: 0;  left: 0; top: 0; width: 100%; height:0%;  z-index: 5; content:"VIEW MORE";transition:all .4s linear; display: flex; justify-content: center; align-items: center; }
.product_list li a:hover:before{  height: 100%; color: #fff; opacity: 1;}
.product_list li a:hover img{transform: scale(1.1); }
.product_list li a h2{ font-size:1.5rem; }
.product_list li a p{ line-height:24px; opacity: 1; transition:opacity .6s linear; word-break:break-all;	display:-webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient:vertical; overflow:hidden; font-size:1rem; border-top:1px solid #eee; color:#999; padding:5% 0 0 0; margin:5% 0 0 0; }
.product_list li a .cp_des strong{ display:block; font-size:1.5rem; margin:0 0 2% 0;  }
.product_list li a .cp_des span{ display:block; color:#999; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; height:86px; }



.productmid_rec{ position:relative; background:#f7f7f7 url(../images/productmid_rec.jpg) no-repeat right bottom; box-shadow:0px 0px 10px rgba(0,0,0,0.2); padding:0 0 0px 0; margin:0 0 6% 0; }
.swiper-container {width: 100%;height:auto;max-width:1400px; }
.swiper-wrapper{ }
.swiper-slide { position:relative; font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide h2{ font-size:2rem; padding:6% 0 3% 0; margin:0 0 2% 0; display:block; border-bottom:1px solid #ddd; }
.swiper-slide p{ clear:both; overflow:hidden; line-height:24px; margin:4% 0 0 0; }
.swiper-slide img{ display:block; width:100%; height: auto;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 20px;right: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 20px;left: auto;}
.swiper-button-next,.swiper-button-prev { position:absolute;top:50%;width:22px;height:36px;margin-top:-18px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff; }
.swiper-button-prev{ background:rgba(0,0,0,0.2) url(images/arrow_l.png); background-size:cover;}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {content: '';}
.swiper-button-next{ background:rgba(0,0,0,0.2) url(images/arrow_r.png);background-size:cover;}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {content: '';}
.swiper-pagination{ border-top:4px solid #b90000; width:100%; margin:0rem 0 2rem 0; padding:1.5rem 0 0 0; }
.swiper-pagination span{ margin:0 5px; }
.productmid_rec .gengduo{ display:block; width:160px; line-height:36px; text-align:center; color:#b90000; border:1px solid #b90000; transition: 588ms; margin:10% 0 0 0;  font-size:1rem;}
.productmid_rec .gengduo:hover{ background:#b90000; border:1px solid #b90000; color:#fff; }


/*产品：列表*/
.product_list ol.head{background: #eeeeee;font-size:14px;height:26px;line-height:26px;padding-top:2px; padding-left:16px;text-align:center; color:#333333;}
.product_list ol.head span.title{float:left;width:60%;}
.product_list ol.head span.views{float:left;width:10%;  }
.product_list ol.head span.date{float:right;width:28%; }

.product_list ol.info{clear:both; font-size:12px;height:27px;line-height:27px;padding:2px 0 1px 16px;background-image:url(../images/bg.gif); background-repeat:no-repeat;}
.product_list ol.bg{background: #f5f5f5;}
.product_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.product_list ol.info a.title{float:left;width:60%; }
.product_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.product_list ol.info span.date{float:right;width:28%; text-align:center;font-size:12px;color:#666666;}

/*产品：左图右字*/
.product_list dl{ clear:both; width:100%; margin-top:10px;}
.product_list dl dt{ float:left; margin-right:10px;}
.product_list dl dd{ float:left; line-height:21px;}
.product_list dl strong{ font-size:14px;}
.product_list dl div.summary{ line-height:20px;}


.cponebox{ background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.2), rgba(0,0,0,0), rgba(0,0,0,0)); /*box-shadow:0px 0px 15px rgba(0,0,0,0.8);*/ padding:3% 0 5% 0; }
.cponebox{ /*background:#f7f7f7 url(../images/cponebg.jpg) no-repeat; background-size:cover; padding:50px 0;*/  }
.cponebox .cpone_left{ margin:0 0 0 0; background:#f7f7f7; overflow:hidden; border-radius:20px; box-shadow:0px 0px 10px #bbb; text-align:center;  }
.cponebox .cpone_left img{ width:80%; margin:0 auto; }

.cponebox .cpone_right{ padding:30px 0 0 0; }
.cponebox .cpone_right h1{font-size:3rem; color:#bc000f; margin:0 0 20px 0; font-weight:normal; }
.cponebox .cpone_right .cpshuoming{ border-top:1px solid #e5e4e6; border-bottom:1px solid #e5e4e6; padding:20px 2% 10px 2%; background:rgba(238,238,238,0.5); }
.cponebox .cpone_right .cpshuoming p{ line-height:30px; color:#888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;}

.cpaf{ clear:both; overflow:hidden; margin:30px 0; }
.cpaf dl{ border-radius: 22px; }
.cpaf dl dd{ color:#e60012; font-size:1.2rem; }
.cpaf dl:nth-child(1){ background:url(../images/cpmenu01.png) no-repeat 10% 7px; }
.cpaf dl:nth-child(2){ background:url(../images/cpmenu02.png) no-repeat 10% 7px; }
.cpaf dl:nth-child(3){ background:url(../images/cpmenu03.png) no-repeat 10% 7px; }


/*.product_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:40px; padding:10px 0; text-align:center; font-weight:bold;}
.product_view h1.title b{ display:block; line-height:30px; font-size:20px;}
.product_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.product_view div.bigimg{ text-align:center; padding:10px 0;}
.product_view div.bigimg img{}*/

.product_view{ margin:2% 0 2% 0; }
.product_view .content{  }
.product_view table tr{ background:#eee; }
.product_view table tr:nth-child(2n){ background:#ffffff;}
.product_view table td{ border:1px solid #ddd; }



.product_related{ background:#f6f6f6; border-bottom:1px solid #e5e4e6; border-top:1px solid #e5e4e6; }
.product_related .title{ text-align:center; }
.product_related .title span{ padding:0 3%;text-align:center; line-height:50px; text-decoration: none;  cursor:pointer; display:inline-block; border-radius:0 0 10px 10px; font-size:1.5rem; color: #ffffff; background: -webkit-linear-gradient(bottom,rgba(170,0,13,1),  rgba(230,0,18,1)); }
.product_related .widthbox{ margin:3% auto; }

.product_view dl{ clear:both;}
.product_view dl dt,.product_view dl dd{ float:left;}
.product_view dl dt{ margin-right:10px; }
.product_view dl dd ul{ clear:both;}
.product_view dl dd li{ clear:both;font-size:12px;line-height:23px;}
.product_view dl dd span,.product_view dl dd p{ float:left;}
.product_view dl dd span{ width:70px; text-align:right;}
.product_view div.atta{font-size:12px;line-height:20px;color:#ee7700;}



.product_viewcart{padding:5px;}
.product_viewcart h2{ padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.product_viewcart p{ padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px;}
.product_viewcart strong{ font-weight:bold;}
.product_viewcart input[type="text"]{ width:230px;}
.product_viewcart input.pnum{width:80px;}
.product_viewcart textarea{ width:230px;}

/*留言内页*/

.contactindexbox{ background:url(../images/contactindexbox.jpg) no-repeat right bottom; background-size:cover; clear:both; overflow:hidden; }
.contactindex{ background:rgba(255,255,255,0.7); border:1px solid #ddd; margin:3% auto; }
.contactindex .content{ border-left:1px solid #eee; }
.contactindex .content h2{ font-size:2rem; font-weight:bold; margin:0 0 15px 0; }
.contactindex .content p{ line-height:24px; }

.contact_title{ text-align:center; padding:5% 0 0 0;  }
.contact_title .contact_title_en{ font-size:4rem; font-family:Arial, Helvetica, sans-serif; line-height:90px; color:#666; text-transform : uppercase; }
.contact_title .contact_title_cn{  color:#666; font-size:2rem; line-height: 1; margin:0px 0 0 10px; }
.contactindex ul{ text-align:center; }
.contactindex ul li{ border-bottom:1px solid #eee; padding:3% 0 2% 0; }
.contactindex ul li img{ width:60px; margin:5px 0 15px 0; }
.contactindex ul li h3{ font-size:16px; margin:0 0 0 0; }



.messagebox{ background:#eee url(../images/messagebox.jpg) no-repeat; background-size:cover;  }



.message_add{ margin:3rem 0 0 0; }

.message_p{ display: flex;    -webkit-box-pack: justify;    justify-content: space-between; flex-wrap: wrap;  }
.message_add p{ padding:10px 20px; width:48%; border:1px solid #cccccc; margin:0 0 1.5rem 0;}
.message_div{padding:10px 20px; border:1px solid #cccccc; margin:0 0% 10px 0;}
.message_add input[type="text"]{ width:85%; border:0px solid red; background:none; }
.message_add #txtcode{width:100px;}
.message_add textarea{ width:100%; border:0px solid #cccccc; margin:1rem 0 0 0; background:none; }
.message_add .message_menu{ text-align:center; margin:2rem 0 3rem 0; }
.message_add .ansytle{background: #b90002; border:0px solid #4c1c87;color: #fff; padding:10px 5%; transition: 588ms;}





.message_list{clear:both; margin-bottom:25px;padding:0px;font-size:12px;line-height:20px; padding:1px;}
.message_list h1.title{background:#ebebeb;font-size:14px;line-height:28px;text-align:center;}
.message_list div.memo{padding:5px 0;}
.message_list div.nickname{text-align:left; padding:3px 0px;}
.message_list div.adddate{text-align:left; padding:3px 0px;}
.message_list div.reply{ padding:5px 0;background-color:#f7f7f7; }

.order_add{ padding:5px;}
.order_add p{ padding:3px 0;}
.order_add input[type="text"]{ width:230px;}
.order_add #txtcode{width:100px;}
.order_add textarea{ width:230px;}


/*人力资源内页*/
.job_add{ padding:5px;}
.job_add p{ padding:3px 0;}
.job_add input[type="text"]{ width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add #txtcode{width:100px;}
.job_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add select{ height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.joblist{ clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px;}
.joblist p{ padding:3px 0;}
.joblist p.biaoti{ font-size:18px;}
.joblist p.biaoti span{ font-size:18px;}
.joblist p.biaoti a{ background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.joblist p.fabu{ color:#666666;}

.viewpic{ width:100%; text-align:center; clear:both;}
.viewpic img{ margin:20px auto; display:block;}
/*分页*/
.pagelist{clear:both; font-size:14px; line-height:26px; margin:2.5% 0%; text-align:center; color:#333333;}
.pagelist a{color: #363535; text-decoration: none;line-height: 26px;margin: 5px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1px 3px; display:inline-block;}
.pagelist a:hover{color:#e10016; text-decoration:none; border:#ccc solid 0px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#d71820; border:none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 

.plinktop{text-align:right;font-size:12px;line-height:25px; padding-right:8px;}
.plinktop a,.plinktop a:link,.plinktop a:visited { padding:0 3px;color:#363535;  text-decoration:none;}
.plinktop a:hover{color:#ee7700; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover{color:#ee7700; text-decoration:underline;} 

.plinkbottom{text-align:center;font-size:14px;line-height:25px;  padding-right:0px; margin:20px 0 0 0;}
.plinkbottom a,.plinkbottom a:link,.plinkbottom a:visited {padding:0 3px;color:#363535;text-decoration:none; }
.plinkbottom a:hover{color:#ee7700; text-decoration:underline;}
.plinkbottom a.red,.plinkbottom a.red:link,.plinkbottom a.red:visited {color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover{color:#ee7700; text-decoration:underline;}

.imgborder{ border:#dedede solid 1px;}

.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;

}
.roundabout-moveable-item {
   width:650px;
   height:394px;
   cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:4px solid rgba(0, 0, 0, 0.1);
}




/*新闻内页*/
.new_gongsibox{/*background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5), rgba(0,0,0,1));*/ background:url(../images/main_xwrecbox.jpg) no-repeat center; background-size:cover; }
.new_gongsi{ border-bottom:0px solid #eee; padding:3% 0 3% 0; max-width:1400px; margin:0 auto; }
.new_gongsi dl{ text-align:center;  }
.new_gongsi dl a{ text-decoration:none; transition: 588ms; display:block;  }
.new_gongsi dl a:hover{ color:#e10016; }
.new_gongsi dl dt{ overflow:hidden;  box-shadow:0px 0px 10px rgba(0,0,0,0.2); margin:0 auto; }
.new_gongsi dl dt img{ width:100%;transition: 588ms; }
.new_gongsi dl:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.new_gongsi dl dd{ }
.new_gongsi dl dd h3{ margin:20px 0 30px 0; color:#fff; font-size:1.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.new_gongsi .gengduo{ display:block; width:160px; line-height:36px; text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.8); transition: 588ms; margin:0 auto 0 auto;  font-size:1rem;}
.new_gongsi .gengduo:hover{ background:#b90000; border:1px solid #b90000; }

.new_title{ text-align:center; padding:5% 0 0 0;  }
.new_title .new_title_en{ font-size:4rem; font-family:Arial, Helvetica, sans-serif; line-height:90px; color:#fff; text-transform : uppercase; }
.new_title .new_title_cn a{  color:#fff; font-size:2rem; line-height: 1; margin:0px 0 0 10px; }
.new_title1{ padding: 5% 0 4% 0; }
.new_title1 .new_title_en{ color:#666; }
.new_title1 .new_title_cn a{  color:#666; }


.info_listxw{clear:both; padding:0px; margin-top:20px; display:block;}
.info_listxw dl{ clear:both; padding:2% 0px 1.5% 0px; overflow:hidden;position: relative; transition: 588ms; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.info_listxw dl:hover{ box-shadow:0px 0px 20px rgba(0,0,0,0.3);  }
.info_listxw dl:before{ content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0;  opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }
.info_listxw dl:hover:before {opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1);  }
.info_listxw dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.info_listxw dl dt{ display:none;}
/*.info_listxw dl dt img { display: block; width:98%; border:0px solid #e6e6e6; height: auto; line-height: 1; transition: 588ms; }*/
.info_listxw dl dd{ clear:both; position:relative; padding:0px 3%;}
.info_listxw dl dd a.title{ clear:both; display:block; font-size:1.2rem; line-height:24px;}
.info_listxw dl dd a.title:hover{ clear:both; display:block; font-size:1.2rem; line-height:24px; color:#e10016; }
.info_listxw dl dd .jianyao{ clear:both; font-size:0.8rem; line-height:24px; color:#666666; height:28px; overflow:hidden; margin:10px 0 0 0;  }
.info_listxw dl dd .newsdate{ clear:both; color:#999999; line-height:26px; font-size:0.8rem; margin:5px 0 0px 0; padding:5px 0 0 0; border-top:1px solid #eee; }

.info_listxw1{}
.info_listxw1 dl{ width:49%; float:left; }
.info_listxw1 dl dd{ clear:both; position:relative; padding:0px 5% 0px 10%;}


.new_hangye{ padding:0 0 5% 0; }
.new_hangye dl{ width:49%; float:left; overflow:hidden; margin-bottom:2%; background:#f7f7f7;box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.new_hangye dl a{ display:block; border:1px solid red; clear:both; overflow:hidden; }
.new_hangye dl dt{ width:45%; float:left; overflow:hidden; }
.new_hangye dl dt img{ width:100%; transition: 588ms; }
.new_hangye dl:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.new_hangye dl dd{ width:51%; float:right; padding:5% 2% 0 2%; }
.new_hangye dl dd h3{ font-size:1.2rem; height:30px; overflow:hidden; }
.new_hangye dl dd p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; color:#666; line-height:24px; font-size:0.8rem; margin:3% 0 7% 0; }
.new_hangye .gengduo a{ display:block; width:160px; line-height:36px; text-align:center; color:#666; border:1px solid #999; transition: 588ms; margin:0 0;  font-size:1rem;}
.new_hangye dl:hover a{ background:#b90000; border:1px solid #b90000; color:#fff; }

.new_zhishibox{ background:#f7f7f7; padding:0 0 3% 0; }
.new_zhishibox dl{ width:49%; float:left; overflow:hidden; transition: 588ms; box-shadow:0px 0px 10px rgba(0,0,0,0.2); background:#fff; margin:0 0 2% 0; }
.new_zhishibox dl dd{ }
.new_zhishibox dl dd h3{ font-size:1.2rem; height:30px; overflow:hidden; }
.new_zhishibox dl dd p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; color:#666; line-height:24px; font-size:0.8rem; margin:0% 0 3% 0; color:#999; }
.new_zhishibox dl dt{ background:#f7f7f7; border-top:3px solid #c00000; transition: 588ms; }
.new_zhishibox dl:hover dt{ background:#c00000; }
.new_zhishibox .dtmwarp{ display:block; padding:0px; color:#c00000;}
.new_zhishibox dl:hover .dtmwarp{ color:#fff;}
.new_zhishibox .dtmd{ clear:both; display:block; text-align:center; font-size:2rem; margin:0 0 30% 0; }
.new_zhishibox .dtmym{ clear:both; display:block;text-align:center;font-size:1rem; }
.new_zhishibox .gengduo a{ display:block; width:160px; line-height:36px; text-align:center; color:#666; border:1px solid #999; transition: 588ms; margin:0 0;  font-size:1rem;}
.new_zhishibox dl:hover a{ background:#b90000; border:1px solid #b90000; color:#fff; }





/* 特效滚动 */
#focus_Box{position:relative;width:800px;height:554px;margin:20px auto;}
#focus_Box ul{position:relative;width:800px;height:554px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:200px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}



/*QQ客服样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#333333;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
.cart-btn {
	width: 60px;
	height:60px;
	height:60px;
	position: fixed;
	top:300px;
	right:0px;
	z-index: 99;
	cursor: pointer;
}
/*导航栏开始*/
.mainnav ul li:hover > ul {
	display:block;
}
.mainnav ul li:hover > ul li:hover {
	display:block;
}
/*.mainnav li > a:after { content:  ' +'; }*/
.mainnav li > a:only-child:after { content: ''; }
/*导航栏结束*/
.menu1_box{ overflow:hidden; text-align:center; }
.menu1_box h2{display: none;}
.menu1_box a {color:#333333; line-height:40px;  padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1_box a:link,.menu1_box a:visited{background:#e6e6e6;}
.menu1_box a:hover,.menu1_box a.active,.menu1_box a.active:link,.menu1_box a.active:visited{background:#d71820; color:#FFFFFF;}
.menu1_box ul li {display: inline;float: left;width:120px;}
.menu1_box ul {display: inline-block;overflow: auto;}
.page_road{text-align: center; margin:40px 0 20px 0; }
/*订单信息*/
.tipcontent {
	width: 300px;
	margin: 10px auto 0 auto;
}
.tipcontent .reason{
	margin-left: 10px;
}
#iknow{
	display: block;
	line-height: 30px;
	height: 30px;
	width: 100px;
	margin: 0 auto;
	text-align: center;
	border-radius:5px;
	cursor:pointer;
	background:#d71820;
	color: #fff;
	margin-top:20px;
}
.tipcontent table td{
	height:40px;
}
.order_title{
	height:40px;line-height:40px;
	padding-left: 10px;
}
.product_info{
	width:70%;
}
.product_info td{
	width:25%;
	height: auto;
	line-height:35px;
	text-align: left;
	padding-left:30px;
}
.pro_name{
	cursor:pointer;
}
.address_info{
	width:80%;
}
.address_info td:nth-child(2),.address_info td:nth-child(4){
	width:30%;
	height: auto;
	line-height:35px;
}
/*订单退款申请结束*/
#layui-layer1{
	border: 1px solid #8D8D8D;
}
#layui-layer1 .layui-layer-title{padding-left:10px;font-size:15px;}
.action_box span,.action_box a{
	color:#40a9ff;
	cursor: pointer;
}
/*相关产品/相关新闻*/
/*.product_related{ clear:both; overflow:hidden}
.product_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.product_related ul{}
.product_related ul li{float:left; width:21%; padding-right:2%; padding-left:2%; padding-bottom:2%; line-height:24px;}
.product_related ul li img{ border:#e5e5e5 1px solid;width:100%;}
.product_related li a{ text-align:center; display:block}*/

.news_related{ clear:both; margin-top:2%;}
.news_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.news_related ul{ width:96%; margin:0 auto}
.news_related li{float:left; width:48%; margin-left:0.5%; margin-right:0.5%; line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.mins {
	position: fixed;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
	text-align: center;
}
.mins form{      width: 350px;
	margin: 220px auto;
	background: rgba(0,0,0,.7);
	padding: 20px;
}
.mins span{    padding-right: 20px;
	margin-top: 225px;
	display: inline-block;
	position: absolute;
	margin-left: 175px;}
.mins span a{color:#FFF}