html, body, 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, menu, nav, output, ruby, section, summary, time, mark, audio, video, i {
	margin: 0;
	padding: 0;
	border: 0 none;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial !important;
}
strong {  }
input { background: none; }
.clear { clear: both; }
body {
	width: 100%;
	min-width: 1000px;
	font-size: 100%;
	overflow-x: hidden !important;font-family: Arial !important;
	font-size: 12px;
}
img {
	vertical-align: top;
	border: none;
	outline: none;
}
li {
	vertical-align: top;
	list-style: none;
}
a {
	text-decoration: none;
	color: #a5aab9;
	border: none;
	outline: none;
}
.clearfix { zoom: 1 }
.clearfix:after {
	content: '\20';
	display: block;
	clear: both;
}
/*--------------------------------index-----------------------------------------*/

/*-------------------------header--------------------------------------------*/

.nav, .top, .header, .banner, .banner ul, .content, .decorate-pic, .bottom {
	width: 100%;
}
.sub-nav-contact { padding-left: 100px; }
.sub-nav-about { padding-left: 100px; }
.header {
	position: relative;
	z-index: 1000;
	background: #ffffff;
}
.top-nav {
	position: fixed;
	left: 0%;
	top: 0;
	width: 100%;
	z-index: 10000000;
}
.top {
	position: relative;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #dbdbdb;
	background: #fff;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transtition: all 1s;
	transition: all 1s;
}
.top:hover {
	background: #fff;
}
.top-covering {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #fff;
	opacity: 0.9;
	filter: alpha(opacity=90)
}
.top-wrap {
	position: relative;
	z-index: 10;
	width: 70%;
	height: 100%;
	margin: 0 auto;
}
.top-left {
	float: left;
	padding-top: 0px;
	width: 300px;
	height: 38px;
}
.top-left-text {
	height: 40px;
	text-align: center;
	text-indent: 2em;
	line-height: 40px;
	font-size: 16px;
color: #2f0d16;
}
.top-left-text span {  font-size: 14px; color: #2f0d16; }
.top-left-menu {
	position: absolute;
	left: 30px;
	top: 20px;
	width: 20px;
	height: 11px;
	border-top: 3px solid #000000;
	border-bottom: 3px solid #000000;
	display: none;
}
.top-left-menu:after {
	position: absolute;
	left: 0;
	top: 4px;
	width: 20px;
	height: 3px;
	content: '';
	background: #000000;
}
.top-right {
	margin-right: 50px;
	float: right;
	height: 38px;
	line-height: 38px;
	padding-top: 0px;
	font-size: 12px;
}
.top-right span {
	font-size: 10px;
	-webkit-transform: scale(0.6, 0.6) translate(12px, 3px);
}
.logo {
	margin-top: 25px;
	height: 110px;
}
.logoimg {
	width: 240px; margin: auto; padding-top: 23px;
}
.banner-pos {
	position: relative;

}
.nav {
	border-bottom: 1px solid #d5d5d6;
}
.nav > .main-nav {
	position: relative;
}
.nav > .main-nav > li {
	position: relative;
	float: left;
	padding: 10px 50px 10px 10px;
	height: 44px;
	font-size: 14px;
	text-align: left;
	line-height: 44px;
	color: #c7c8ca;
}
.nav > .main-nav > li > a {
	position: relative;
	display: block;
	color: #2f0d16;
	cursor: pointer;
	letter-spacing: 1px;

	font-size: 14px;
}
.nav > .main-nav > li > a:hover {
	color: #000;
}
.nav > .main-nav > li > a:after {
	position: absolute;
	top: 48%;
	right: -15px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 3px solid #ccc;
	border-color: #ccc transparent transparent transparent;
}
.nav > .main-nav > li > ul {
	display: none;
}
.nav .sub-nav {
	position: absolute;
	top: 100%;
	left: 0;
	width: 120px;
	border: 1px solid #dbdbdb;
	background: #fff;
	display: none;
}
.sub-nav-5 {
	position: absolute;
	left: 0;
	top: 325px;
	width: 100%;
	padding: 1%;
	z-index: 1000;
	background: #fff;
}
.sub-nav-5 li {
	float: left;
	width: 20%;
	margin-right: 5%;
	margin-left: 5%;
}
.sub-nav-left {
	float: left;
	margin-right: 40px;
	width: 309px;
	height: 218px;
	background: url("../img/product-bg.jpg") no-repeat;
}
.sub-nav-product dl {
	float: left;
	width: 245px;
	margin-right: 20px;
}
.sub-nav-product dt {
	border-bottom: 1px solid #ccc;
}
.sub-nav-product dl dd {
	display: block;
	width: 100%;
	height: 28px;
}
.sub-nav-product dl a {
	display: block;
	width: 100%;
	height: 28px;
	text-align: left;
	line-height: 28px;
	font-size: 14px;
	color: #2f0d16;

}
.sub-nav-product dl a:hover {
	color: #000;
}
.sub-nav-product dt{ width:100%;}
.sub-nav-service li {
	width: 30%;
	margin: 0 1%;
	float: left;
	height: auto !important;
}
.message {
	width: 900px;
	margin: 0 auto;
}
.message .titlecon {
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #666666;
	letter-spacing: 0px;

}
.caselogo { float: left; margin-left: 10px!important; }
.caselogo img{width: 60px;}
.casetext { float: left;  line-height: 46px; color: #2f0d16; margin-left: 10px!important; }
.message p {
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #b9b9bd
}
.message1 { border-right: 1px dotted #e5e5e5; width: 30%;
	margin: 0 auto;
	float: left; margin: 30px 0 25px 0; }
.message p:last-child {
	font-style: italic;

}
.con_title { text-align: center; font-size: 30px; padding-top: 100px; /*font-family: "Lato-Medium";*/ color: #000; }
.con_title span {  }
.content-touxiang i { display: block;
	width: 30px;
	margin: 0 auto;
	background: #ccc;
	height: 2px;
	border: none;
	margin-top: 10px; }
.content {
	background: #f2f2f1;
}
.content-touxiang {
	position: relative;
	width: 100%;
	height: 220px;
}
.touxiang-pic {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -54px;
	margin-top: -54px;
	width: 108px;
	height: 108px;
	border-radius: 50%;
	overflow: hidden;
}
.touxiang-pic-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.touxiang-pic-wrap .touxiang-line {
	position: absolute;
	z-index: 100;
	margin: 3px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.touxiang-pic-wrap .touxiang-covering {
	position: absolute;
	z-index: 98;
	width: 0;
	height: 108px;
	background: #000000;
	border-radius: 50%;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.content-text {
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    margin-left: 10%;
}
.content .text {
    float: left;
    width: 30%;
    padding: 0 15px;
    line-height: 20px;
    font-size: 14px; height:93px; overflow:hidden;
}
.content .text2 {
	width: 228px !important;
	border-left: 1px solid #e4e2e2;
	border-right: 1px solid #e4e2e2;
}
.show-more {
	position: relative;
	height: 130px; margin-top:40px;
}
.btn-more {
	position: absolute;
	left: 50%;
	top: 0%;
	margin-left: -95px;
	width: 190px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	color: #fff;
	font-size: 14px;
	background: #000;

}
.btn-more:hover {
	background: #525252;
}
/*---------------------banner----------------------------*/

.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.banner .prev, .banner .next, .product-banner .prev, .product-banner .next, .pro-pic .prev, .pro-pic .next {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	z-index: 100;
	cursor: pointer;
	display: none
}
.banner .prev, .product-banner .prev {
	left: 3%;
	background: url("../img/large_left.png");
	background-position: 0 0 !important;
}
.banner .prev:hover {
	background-position: 0 -40px !important;
}
.product-banner .prev:hover {
	background-position: 0 -40px !important;
}
.banner .next, .product-banner .next {
	right: 3%;
	background: url("../img/large_right.png");
	background-position: 0 0;
}
.banner .next:hover {
	background-position: 0 -40px;
}
.product-banner .next:hover {
	background-position: 0 -40px;
}
.banner li {
	float: left;
	width: 0;
	background-size: cover !important;
	background-position: 50% 0 !important;
}
.banner-text, .banner-text1, .banner-text2 {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotate(-300deg);
	-moz-transform: rotate(-300deg);
	-ms-transform: rotate(-300deg);
	-o-transform: rotate(-300deg);
	transform: rotate(-300deg)
}
.banner-pos > div {
	position: absolute;
	display: none;
	font-weight: normal !important;
}
.news2-box > .news2-box-pos {
	position: relative;
}
.news2-box > .news2-box-pos > div {
	position: absolute;
	left: 0;
	top: 0;
}
.banneranimate {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-webkit-transform: rotate(-360deg) !important;
	-moz-transform: rotate(-360deg) !important;
	-ms-transform: rotate(-360deg) !important;
	-o-transform: rotate(-360deg) !important;
	transform: rotate(-360deg) !important;
}
/*-------------------------center content---------------------------------*/

.product-list {
	overflow: hidden;
}
.product-list img {
	position: absolute;
	top: 0;
	z-index: -1;
}
.product-list .left, .product-list .right {
	width: 50% !important;
	height: 100%;
}
.product-list .left {
	float: left;
}
.product-list .right {
	float: right;
}
.list-1 .bg, .list-3 .bg, .list-5 .bg {
	background: #191919 !important;
}
.list-2 .bg, .list-4 .bg {
	background: #291b08;
}
.bg-line {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 102;
	margin: 0.65% 0.85%;
	width: 98%;
	height: 98%;
	border: 2px solid #fff;
	opacity: 0;
	filter: alpha(opacity=0)
}
.bg-covering {
	position: absolute;
	left: -50%;
	top: 0;
	z-index: 100;
	width: 0%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	transform: skew(-10deg);
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	transform: skew(-10deg);
}
.list-1 .bg-pic, .list-2 .bg-pic, .list-3 .bg-pic, .list-4 .bg-pic, .list-5 .bg-pic {
	position: absolute;
	z-index: 98;
	width: 100%;
	height: 100%;
}
.posre {
	position: relative;
	overflow: hidden;
}
.list-1 .bg-pic {
	background-image: url(../img/pro6.jpg);
	background-position: 100% 0;
	background-repeat: no-repeat;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	background-attachment: fixed;
	_background-image: url(about:blank);
}
.list-2 .bg-pic {
	background-image: url(../img/pro11.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	background-attachment: fixed;
}
.list-3 .bg-pic {
	background-image: url(../img/pro3.jpg);
	background-position: 100% 0;
	background-repeat: no-repeat;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	background-attachment: fixed;
}
.list-4 .bg-pic {
	background-image: url(../img/pro4.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	background-attachment: fixed;
}
.list-5 .bg-pic {
	background-image: url(../img/pro5.jpg);
	background-position: 100% 0;
	background-repeat: no-repeat;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	background-attachment: fixed;
	_background-image: url(about:blank);
}
.product-list .bg {
	position: relative;
}
.product-list .text {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -225px;
	margin-top: -215px;
	
	height: 470px;
}
.product-list .text .txt_title {
	width: 500px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 46px;

	text-align: center;
	line-height: 28px;
	color: #fff;
}
.product-list .text .txt_xian {
	width: 300px;
	height: 20px;
	margin: 0 auto;
	line-height: 20px;
	text-align: center;
}
.product-list .text .txt_xian1 {
	width: 110px;
	height: 20px;
	margin: 0 auto;
	border-bottom: solid 1px #ccc
}
.product-list .text .txt_content {
	width: 500px;
	height: auto;
	line-height: 20px;
	margin-top: 20px;
	font-size: 14px;

	text-align: center;
	line-height: 28px;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}
.product-list .text .txt_content span {
	width: 500px;
	height: auto;
	margin-top: 10px;
	font-size: 12px;

	text-align: center;
	line-height: 22px;
	color: #fff
}
.product-list .text h2 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size: 1.75em;
	text-align: center;
	line-height: 28px;
	color: #b7a38d;
}
.product-list .text p {
	height: auto;
	line-height: 25px;
	text-align: center;
	color: #f3f2f2;
}
.product-list .text p.line {
	width: 50px;
	height: 0;
	margin: 20px auto;
	border: 2px solid #fff;
	text-align: center;
	font-weight: bold;
}
.product-list .text .btn-home > a {
	margin: 40px auto;
	width: 210px;
	height: 35px;
	display: block;
	line-height: 35px;
	text-align: center;
	font-size: 0.625em;
	color: #000 !important;
	background: #ccc;

	font-size: 16px
}
.product-list .text .btn-home > a:hover {
	background: #ded6cd;
}
.bottom {
	background: #0b0506;

}
.bottom .bottom-left {
	float: left;
	color: #ccc;
	font-size: 14px;
	
}
.bottom-wrap {
	margin: 0 auto;
	width: 1000px;
	height: 180px;
	padding-top: 40px; text-align:center;
}
.bottom .bottom-right {
	float: right;
}
.bottom-right li {
	float: left;
	text-align: center;
}
.bottom-right li a {
	width: 75px;
	height: 26px;
	display: block;
	font-size: 14px;
	
	color: #ccc;
	text-align: center;
}
.back-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 20000;
	width: 60px;
	height: 60px;
	cursor: pointer;

	letter-spacing: 1px;
	font-size: 12px;
	display: none;
}
.back-top:hover {
	color: #fff;
}
.back-top:hover i.trangle {
	border-bottom-color: #fff;
}
.back-top:hover span {
	border-bottom-color: #fff;
}
.back-top:hover .border-bottom {
	border-bottom-color: #fff;
}
.back-top .border-bottom {
	border-bottom: 1px solid #999999;
}
.back-top-pos {
	position: relative;
	width: 100%;
	height: 100%;
}
.back-text {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
}
.back-text p {
	width: 60px;
	height: 10px;
	font-size: 8px;
	-webkit-transform: scale(0.8, 0.8);
}
.back-top i.trangle {
	position: absolute;
	left: 50%;
	top: -28px;
	margin-left: -10px;
	border-bottom: 16px solid #999999;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
}
.footer_bottom { overflow: hidden; margin-top: 10px; }
.footer_left { float: left; }
.footer_right { float: right; margin-right: 35px; margin-top: 15px; }
.shuru { width: 220px; height: 40px; }
.shuru_left { width: 180px; height: 25px; float: left; }
.shuru_left input { border: 1px solid #ccc; color: #ccc; }
.shuru_right { width: 36px; height: 36px; float: right; background: #bfbfbf; font-family: Arial; font-size: 15px; text-align: center; line-height: 36px; }
.shuru_right a { color: #fff }
.shuru_right a:hover { color: #221e1f }
.unohacha { width: 150px; height: 40px; margin-top: 10px; float: right; }
.wx_text { float: left;    text-align: left; margin-top:15px; }
.wx_text p { font-size: 12px; color: #ccc; margin: 10px auto; text-align: center; }
.line { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.line_jz { width: 500px; margin: 10% auto; z-index: 99999999999999999; height: 450px; position: relative; }
.top_line, .bottom_line, .right_line, .left_line { position: absolute; background-color: #000; }
.top_line { width: 0%; height: 20px; top: 0; left: 0; }
.bottom_line { width: 0%; height: 20px; bottom: 0; right: 0; }
.left_line { height: 0%; width: 20px; left: 0; top: 0; }
.right_line { height: 0%; width: 20px; right: 0px; bottom: 0; }
.heisecon { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 999; }
.line { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999; }
.top_line, .bottom_line, .right_line, .left_line { position: absolute; background-color: #000; }
.top_line { width: 100%; height: 5px; top: 0; left: 0; }
.bottom_line { width: 100%; height: 5px; bottom: 0; right: 0; }
.left_line { height: 100%; width: 5px; left: 0; top: 0; }
.right_line { height: 100%; width: 5px; right: 0px; bottom: 0; }
.nav_show { width: 640px; margin: 0 auto; overflow: hidden; }
.nav_show li { float: left; height: 45px; line-height: 45px; width: 100px; text-align: center; }
.sub-nav-gy .nav_show li{width: auto;padding: 0 6px; }
.sub-nav-gy .nav_show { width: 840px; }
.nav_show li a { color: #2f0d16; display: block; height: 45px; line-height: 45px; width: 100%; text-align: center;  font-size: 14px; }
.nav_show li a:hover { text-decoration: none; border-bottom: 2px solid #ccc; color: #000; }
.top-right p { text-transform: uppercase; letter-spacing: 1px; color: #2f0d16; }
.top-right p a { color: #2f0d16; letter-spacing: 1px; }
/***about****/

.abb_nav { margin: 0 auto; background: #f7f7f7; height: 130px; border-bottom: 1px solid #ccc; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
.abb_warp { padding-bottom: 50px; margin: 0 auto; }
.abb_nav_warp { width: 1000px; margin: 0 auto; }
.abb_nav P { text-align: center; line-height: 25px; color: #000; font-size: 24px; padding-top: 20px; }
.abb_nav_warp ul { width: 510px; margin: 0 auto; margin-top: 40px; }
.abb_nav_warp li { float: left; width: 100px; text-align: center; line-height: 25px; border-right: 1px solid #bfbfbf; }
.abb_nav_warp li a { color: #888; font-size: 12px; display: block; width: 100px; text-align: center; line-height: 25px; }
.abb_nav_warp li a:hover { color: #000; }
.abb_nav_warp .current a { color: #2f0d16; }
.abb_text_warp { width: 1000px; margin: 0 auto; margin-top: 50px; }
.abb_text_left { float: left; width: 500px; margin-top: 40px; }
.abb_text_left p { line-height: 25px; color: #333; font-size: 13px; letter-spacing: 1px; margin: 20px 0; }
.abb_text_left .linecon { display: block;
	width: 40px;
	height: 1px;
	background: #808080;
	overflow: hidden; margin: 0 auto; margin-bottom: 20px; }
.abb_text_right { float: right; }
.abb_title { text-align: center; margin-top: 80px; }
.abb_text { height: 400px; }
.abb_text_con_warp { width: 1000px; margin: 0 auto; margin-top: 50px; }
.abb_text_title { font-size: 18px; color: #333; font-weight: 600; letter-spacing: 1px; }
/***about****/

/***news***/

.abb_text_warp ul { margin-top: 50px; }
.abb_text_warp li { float: left; width: 319px; margin-left: 20px; overflow: hidden; }
.news_img { overflow: hidden; position: relative; }
.productslist { overflow: hidden; }
.productslist img { transform: scaleX(1) scaleY(1);
	-webkit-transform: scaleX(1) scaleY(1);
	transition: all 3s;
	-webkit-transition: all 3s; }
.productslist img:hover { transform: scaleX(1.1) scaleY(1.1);
	-webkit-transform: scaleX(1.1) scaleY(1.1); }
.news_text { border: 1px solid #ccc; border-top: none; }
.news_text .news_title { line-height: 18px;
	padding: 15px 44px 6px 14px; text-align: center; }
.news_text .news_title a { color: #000; font-size: 16px; }
.news_text .news_rq { color: #8b8b8b;
	padding: 0 14px; font-size: 12px; margin-bottom: 10px; margin-top: 10px; }
.news_text .news_rq a { color: #808080; line-height: 20px; }
.jh { margin-top: 30px; padding-bottom: 30px; }
.jh a { width: 212px; display: block; border: 1px solid #ccc; text-align: center; height: 35px; line-height: 35px; margin: 0 auto; }
.jh a:hover { border: 1px solid #2f0d16; color: #2f0d16 }
.u-page { margin: 20px 0;
	text-align: center; }
.u-page a { position: relative;
	display: inline-block;
	border: 1px solid #ccc;
	height: 20px;
	line-height: 20px;
	padding: 0 12px;
	margin-left: 2px; font-size: 12px; color: #000; }
.u-page .cur-page {
	border: none;
	height: 22px;
	line-height: 22px;
	background-color: #2f0d16;
	color: #fff;
}
.u-page a:hover { color: #fff; background: #000; }
/***news***/

/***contact***/

.contact_warp { margin-top: 50px; }
.ctt-right {
	width: 440px;
	float: right;
}
.ctt-right p { font-size: 12px; color: #000; }
.ctt-right a {
	display: block;
	width: 100px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background: #2f0d16;
}
.contact_tj { border: 1px solid #2f0d16; width: 100px; height: 28px; padding: 3px; margin: 0 auto; margin-top: 20px; }
.contact_tj a { display: block;
	width: 100px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background: #2f0d16; }
.ctt-right a:hover { opacity: 0.8; }
.ctt-right input { height: 30px; line-height: 30px; margin-top: 10px; border: 1px solid #ccc; }
.ctt-right textarea { margin-top: 10px; border: 1px solid #ccc; }
.contact_left { width: 470px; float: left; }
.contact_left p { line-height: 25px; color: #2f0d16; }
.contact_left .contact_title { font-size: 14px; font-weight: bold; }
.contact_text { margin-top: 10px; font-size: 14px; font-weight: bold; }
.contact_left_title span { font-size: 16px;
	
	color: #000; float: left; }
.contact_left_title i {
	height: 1px;
	background: #ebebeb; width: 340px; border: none; display: block; float: right; margin-top: 10px; margin-right: 10px; }
/***contact***/

/***job***/

.jobcon { width: 1000px; margin: 0 auto; margin-top: 50px; }
.zpxx { overflow: hidden; margin-top: 50px; }
.zpxx li { float: left; width: 313px; margin-left: 20px; border: 1px solid #ccc; height: 180px; position: relative; }
.zpnr { width: 216px; margin: 0 auto; }
.zpnr .zw { font-size: 18px; margin-top: 30px; border-bottom: 1px solid #ccc; padding-bottom: 10px; color: #000; }
.zpnr p { font-size: 14px; line-height: 23px; color: #808080; }
.jhimg { position: absolute; bottom: 0px; right: 0px; }
.search .input-txt {
	float: left;
	border: 0;
	color: #b8b8b8;
	height: 25px;
	line-height: 25px;
	width: 231px;
	padding: 1px 13px; border: 1px solid #ccc;}
.search .input-btn {
	float: left;
	text-indent: -999em;
	overflow: hidden;
	width: 40px;
	height: 29px;
	background: url(../img/icon_search.jpg) no-repeat center center;
	border: 0;
	border: 1px solid #ccc;
	border-left: none;
	cursor: pointer;
}
/***job***/

/***join***/

.join_text_warp { width: 1000px; margin: 0 auto; margin-top: 10px; padding-bottom: 50px; }
.join_text_warp ul { overflow: hidden; }
.join_text_warp ul li { border: 1px solid #2f0d16; width: 100px; height: 30px; line-height: 30px; text-align: center; float: left; margin-left: 10px; color: #2f0d16; }
.join_text_warp ul li a { display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #2f0d16; }
.join_text_warp ul .join_current a { background: #2f0d16; color: #fff; }
.join_text_warp ul li a:hover { background: #2f0d16; color: #fff; }
.join_text { float: left; }
.join_text p { line-height: 27px; color: #333; }
.join_right { float: right; }
.join_right p { color: #2f0d16; font-size: 14px; text-align: center; margin-top: 10px; }
.join_warp { margin-top: 20px; }
/***join***/

/***brand**/

.brand_warp { margin-top: 50px; }
.brand_text_left { float: left; width: 480px; }
.brand_text_right { float: right; width: 480px; }
.brand_title { width: 195px; height: 35px; line-height: 35px; background: #2f0d16; color: #fff; text-align: center; font-size: 14px; letter-spacing: 1px; }
.brand_text_right p { line-height: 25px;
	color: #333;
	font-size: 14px;
	letter-spacing: 1px; margin-top: 20px; }
.brand_line { margin-top: 50px; }
.brand_line i { display: block; height: 1px; width: 1000px; background: #f2f2f2; border: none; margin-top: 3px; }
/***brand**/

/***video***/

.video_text_warp { width: 1000px; margin: 0 auto; margin-top: 10px; }
.brand_warp { }
.video_warp li { float: left; width: 313px; margin-left: 30px; }
.video_warp p { color: #2f0d16; text-align: center; letter-spacing: 1px; margin-top: 10px; font-size: 14px; }
.video_img { border: 1px solid #e5e5e5; position: relative; overflow: hidden; }
.showbg { position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
/***video***/

/***down***/

.down_text_warp { width: 1000px; margin: 0 auto; margin-top: 10px; }
.contact { margin-top: 50px; width: 500px; margin: 0 auto; padding-bottom: 30px; }
.contact li { overflow: hidden; margin-top: 15px; height: 38px; }
.contact li p { float: left; line-height: 34px; color: #2f0d16; width:130px; }
.contact li input { float: left; margin-left: 30px; width: 200px; background-color: none; outline: none;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	height: 34px;
	line-height: 34px;
}
.tj { width: 200px; height: 34px; line-height: 34px; background: #2f0d16; text-align: center; border-radius: 5px;
	margin-top: 18px; font-size: 14px; margin-left: 160px !important; }
.tj input { color: #fff; width: 200px; height: 34px; border: 0; cursor: pointer; outline: none; }
/***down***/

/***query***/

.query_warp { padding-bottom: 30px; overflow: hidden; }
.query_warp p { line-height: 25px; color: #333; }
.query_title { font-size: 14px; color: #2f0d16; font-weight: 600; letter-spacing: 1px; }
.quert_left { float: right; width: 500px; }
.query_right { float: left; width: 450px; }
.dlnr { width: 600px; height: auto; margin: 0 auto; }
.dlnrtop { height: 50px; padding-left: 20px; line-height: 50px;  font-size: 15px; color: #fff; text-align: left; background-color: #2f0d16 }
.dlnrbody { width: 600px; height: 220px; padding-top: 30px; margin: 0 auto; background: #e5e5e5; padding-bottom: 30px; }
.dlnrbodytop { width: 400px; height: 53px; margin: 0 auto; padding-bottom: 20px; }
.dlnrbodytop input { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.dlnrbotm { width: 102px; height: 45px; margin: 0 auto; padding-top: 10px; }
.dlnrbotmz { width: 100px; height: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; text-align: center;
	line-height: 40px; font-size: 15px; color: #2f0d16; border: 1px #2f0d16 solid }
.dlnrbotmz input { color: #2f0d16; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(../img/bgs.png); width: 100px; height: 40px; border: 0; cursor: pointer }
.dlnrbotmz input:hover { background: #2f0d16; color: #fff; }
/***query***/

.contact textarea { margin-left: 30px; float: left; width: 450px; height: 200px; border: 1px solid #ccc; }
.contact p { line-height: 25px; font-size: 14px; color: #2f0d16; }
/*****case**/

.index_news { overflow: hidden; padding-top: 30px; padding-bottom: 50px; }
.index_news_warp { width: 1000px; margin: 0 auto; }
.index_news_left { float: left; width: 310px; overflow: hidden; }
.index_news_right { float: right; width: 480px; }
.index_news_one_left { float: left; width: 120px; }
.index_news_one_left .one_title { font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: #2f0d16; }
.index_news_one_left i { display: block; width: 20px; height: 2px; background: #2f0d16; border: none; margin-top: 20px; }
.index_news_one_right { overflow: hidden; border: 1px solid #fff; position: relative; }
.dkx { border: 1px solid #ccc; padding: 3px; position: relative; }
.index_news_one_left .news_title { margin-top: 40px; font-size: 16px; letter-spacing: 1px; color: #2f0d16; height: 80px; }
.index_news_one_left .news_textcon { margin-top: 10px; line-height: 22px; height: 50px; color: #333; }
.index_news_left .more { overflow: hidden; text-align: center; border: 1px solid #ccc; width: 100px; height: 30px; line-height: 30px; margin: 0 auto; margin-top: 30px; -webkit-border-radius: 5px;
	-moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
.index_news_left .more a { color: #2f0d16;  font-size: 14px; display: block; }
.index_news_left .more a:hover { background: #2f0d16; color: #fff; }
.index_news_one_left span { margin-top: 20px; display: block; font-size: 14px; }
.bg-line {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 102;
	margin: 2.65% 2.55%;
	width: 94%;
	height: 90%;
	border: 1px solid #ccc;
	opacity: 0;
	filter: alpha(opacity=0)
}
.bg-covering {
	position: absolute;
	left: -50%;
	top: 0;
	z-index: 100;
	width: 0%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	transform: skew(-10deg);
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	transform: skew(-10deg);
}
.showmore { position: absolute; top: 50%; left: 50%; color: #fff; z-index: 999; font-size: 14px; margin-left: -50px; border: 1px solid #ccc; width: 100px; height: 30px; line-height: 30px; text-align: center; margin-top: -10px; opacity: 0;
	filter: alpha(opacity=0) }
/*****case**/

/***join***/

.join01_text { margin-top: 30px; }
.join01_text p { line-height: 27px; color: #2f0d16; }
.join01_text .join01_title { font-size: 14px; font-weight: 600; }
.join01_bt { font-weight: 600; margin-top: 10px; }
/***join***/

/***流程**/

/***流程**/

/***job**/

.zpxxnrtop {
	width: auto;
	height: 35px;
	line-height: 30px;
	border-bottom: 1px #ddd dotted;
	text-align: left;
	font-size: 13px;
	color: #2f0d16;
	margin-top: 30px;
}
.jobconbt { margin-top: 50px; border-bottom: 1px dotted #cccccc; padding-bottom: 20px; }
.jobconbt p { line-height: 30px; }
.zpxxnrtop span {
	color: #8a2c26
}
.zpxxnrbotm {
	width: auto;
	height: 180px;
	margin: 0 auto;
}
.zpxxnrbody {
	width: auto;
	height: 49px;
	border-bottom: 1px #ddd dotted;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}
.zpxxnrbodynr {
	width: 130px;
	height: 50px;
	float: left;
	margin-right: 40px;
}
.zpxxnrbodynrs {
	width: auto;
	height: auto;
}
.zpxxnrbodynrsz {
	width: 70px;
	height: 25px;
	line-height: 25px;
	float: left;
	color: #2f0d16;
}
.zpxxnrbodynrsy {
	width: 60px;
	float: right;
	height: 25px;
	line-height: 25px;
	color: #333;
}
.jobconleft { float: left; position: relative; }
.jobbottom { overflow: hidden; }
.jobconrgiht { float: right; position: relative; margin-top: 50px; }
.zxzpnr {
	margin: 0 auto;
	padding-top: 20px;
	line-height: 25px;
	color: #333;
}
.tjl {
	width: auto;
	height: 25px;
	margin-top: 20px;
	padding-top: 5px;
}
.tjlz {
	width: 85px;
	height: auto;
	float: left;
	text-align: center;
	line-height: 20px;
	background: #2f0d16;
	color: #fff
}
.tjly {
	height: auto;
	float: left;
	margin-left: 20px;
}
.tjlyz {
	width: 235px;
	height: auto;
	float: left;
}
.tjlyy {
	width: 85px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
/***job**/

/***image***/

.image_text_warp { width: 1000px; margin: 0 auto; margin-top: 10px; padding-bottom: 40px; }
.image_warp { }
.image_warp ul { overflow: hidden; }
.image_warp ul li { float: left; margin-left: 30px; width: 313px; overflow: hidden; }
.image_warp ul li p { text-align: center; line-height: 25px; color: #2f0d16; font-size: 14px; margin-top: 10px; }
.image_img { overflow: hidden; border: 1px solid #fff; position: relative; }
.image_img img { transform: scaleX(1) scaleY(1);
	-webkit-transform: scaleX(1) scaleY(1);
	transition: all 3s;
	-webkit-transition: all 3s; }
.image_img img:hover { transform: scaleX(1.1) scaleY(1.1);
	-webkit-transform: scaleX(1.1) scaleY(1.1); opacity: 0.8 }
.image_warp p { color: #2f0d16; font-size: 16px; text-align: center; font-weight: bold; margin-top: 15px; }
/***image***/

/***honor***/

.honor_warp_one { width: 1000px; margin: 0 auto; margin-top: 10px; }
.honor_left { margin-top: 50px; }
.honor_right { float: right; width: 480px; }
.honor_warp { overflow: hidden; margin-top: 30px; }
.honor_top { overflow: hidden; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; }
.honor_top_left { float: left; font-size: 16px; color: #2f0d16; }
.honor_top_right { float: right; }
.honor_top_right a { color: #333; }
.honor_top_right a:hover { color: #2f0d16; }
.honor_warp_left { float: left; border: 1px solid #ccc; padding: 3px; }
.honor_warp_right { float: left; margin-left: 80px; }
.honor_warp_right p { line-height: 25px; color: #2f0d16; letter-spacing: 1px; }
/***honor***/

/***network**/

.network_warp { overflow: hidden; }
.network_left { float: left; width: 315px; }
.network_right { float: right; }
.network_left .network_title { font-size: 16px; color: #2f0d16; }
.network_top { overflow: hidden; margin-top: 20px; }
.network_one { overflow: hidden; }
.network_one_left { float: left; color: #2f0d16; line-height: 25px; font-size: 14px; }
.network_one_right { float: right; margin-left: 20px; }
.network_one_right select { width: 220px;
	height: 30px;
	font-size: 14px;
	padding-left: 15px; }
.ss { margin-top: 30px; }
.ss a { display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #2f0d16;
	margin-top: 38px;
	color: #2f0d16;
	text-align: center; font-size: 14px; margin-left: 90px; }
.ss a:hover { background: #2f0d16; color: #fff; }
.ss_warp { margin-top: 50px; }
.ss_warp_ov {
	height: 390px; }
.ss_one { border-bottom: 1px dotted #cccccc; padding-bottom: 10px; }
.ss_title { font-size: 16px; color: #2f0d16; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.ss_warp p { line-height: 22px; color: #2f0d16; }
/***network**/

/***news****/

.newsbox { width: 100%; height: auto; margin-top: 80px; }
.newslitext p { line-height: 25px; color: #2f0d16; font-size: 14px; }
.newslitext h1 { text-align: center; font-size: 18px; font-weight: normal; line-height: 36px; color: #2f0d16; }
.newslitext h2 { font-weight: normal; text-align: center; line-height: 25px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 25px; font-size: 14px; color: #2f0d16; }
.newsliimg { text-align: center; margin-top: 30px; overflow: hidden; margin-bottom: 30px; }
.upandonw p a { color: #2f0d16; }
.upandonw p { margin-top: 10px; text-align: left; font-size: 12px; }
/***news****/

/***service****/

.service_warp { width: 1000px; margin: 0 auto; margin-top: 10px; padding-bottom: 30px; }
.service_warp p { line-height: 22px; color: #2f0d16; font-size: 12px; letter-spacing: 1px; }
.service_warp p span { font-weight: 600; }
/***service****/

/***gy****/

.gy_one { overflow: hidden; position: relative; }
.gy_warp { }
.gy_left { float: left; width: 500px; position: relative; }
.gy_right { float: right; width: 500px; position: relative; }
.gy_right p { color: #2f0d16; text-align: center; }
.gy_title { font-size: 14px; font-weight: 600; margin-top: 22%; }
.gy_more { width: 150px; height: 30px; line-height: 30px; border: 1px solid #fff; margin: 0 auto; margin-top: 50px; }
.gy_morecon { width: 150px; height: 30px; line-height: 30px; border: 1px solid #2f0d16; margin: 0 auto; margin-top: 50px; }
.gy_morecon a { color: #2f0d16; text-align: center; line-height: 30px; display: block; width: 150px; }
.gy_morecon a:hover { background: #2f0d16; color: #fff; }
.gy_more a { color: #fff; text-align: center; line-height: 30px; display: block; width: 150px; }
.gy_more a:hover { background: #2f0d16; color: #fff; }
.bgcon { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: #2f0d16; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.show_text { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9999; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.show_text p { text-align: center; color: #fff; }
.gy_warp_text p { color: #2f0d16; line-height: 25px; margin-top: 5px; }
.gy_title_one { font-size: 14px; font-weight: 600; color: #2f0d16; border-bottom: 1px dotted #2f0d16; padding-bottom: 10px; text-align: center; }
.gy_warp_text i { display: block; width: 20px; height: 2px; background: #2f0d16; margin-top: 15px; }
.gytext { position: absolute; right: 6%; width: 400px; top: 25%; }
.gytext p { font-size: 14px; text-align: left; margin-top: 15px; }
/***gy****/

/****pro****/

.product-wrap {
	width: 100%;
}
.product-wrap-list, .product-wrap-list2 {
	width: 1000px;
	margin: 50px auto;
}
.product-wrap-list h2, .product-wrap-list2 h2 {
	font: normal 28px/1.2em "didott", Helvetica, Arial sans-serif;
	margin: 0 0 0.5em;
	color: #000;
	padding-bottom: 14px;
	border-bottom: 1px solid #dbdbdb;
}
.product-wrap-list .title {
	
	margin-bottom: 20px
}
.product-wrap-list-detail li, .product-wrap-list-detail2 li {
	padding: 0px 0.5%;
	width: 320px;
	float: left;
	margin-bottom: 28px;
}
.product-wrap-list-detail .quick-view, .product-wrap-list-detail2 .quick-view {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 999;
}
.product-wrap-list-detail .quick-view a, .product-wrap-list-detail2 .quick-view a {
	display: block;
	width: 50px;
	height: 30px;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	
	color: #000;
	background: #fff;
	line-height: 30px;
}
.product-wrap-list-detail .quick-view a:hover {
	color: #fff;
	background: #2f0d16;
}
.product-wrap-list-detail img, .product-wrap-list-detail2 img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
.product-wrap-list-detail div.img-show, .product-wrap-list-detail2 div.img-show {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-size: contain;
	-webkit-background-size: contain;
	z-index: 100;
}
.product-wrap-list-detail .pro-pic {
	position: relative;
	width: 100%;
	height: 228px;
}
.product-wrap-list-detail2 .pro-pic {
	position: relative;
	width: 100%;
	height: 318px;
}
.pro-pic:hover .quick-view {
	display: block;
}
.product-wrap-list-detail p, .product-wrap-list-detail2 li p {
	width: 100%;
	text-align: center;
}
p.pro-text-detail1 {
	margin: 14px 0;
	border: none;
	cursor: pointer;
	font-size: 12px;
}
.product-wrap-list-detail p a, .product-wrap-list-detail2 li p a {
	color: #2f0d16;
}
p.pro-text-detail2 {
	width: 90%;
	margin: 0 auto;
	font-size: 1em;
	margin-bottom: 14px;
}
p.pro-text-detail3 {
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
	color: #999;
}
.product-wrap-list-detail2 li {
	padding: 0px 5px;
	width: 240px;
	float: left;
}
.product-banner {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.product-banner .prev, .product-banner .next {
	width: 38px !important;
	height: 100px !important;
	margin-top: -50px !important;
	background: rgba(0, 0, 0, 0.5) !important;
}
.product-banner .prev {
	left: 0 !important;
}
.product-banner .prev:hover {
	background: rgba(0, 0, 0, 1) !important;
}
.product-banner .next:hover {
	background: rgba(0, 0, 0, 1) !important;
}
.product-banner .prev > div.leftico, .about-banner .prev, .about-why-left .prev {
	width: 6px;
	height: 6px;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin: 45px 0 0 14px;
}
.product-banner .next > div.rightico, .about-banner .next, .about-why-left .next {
	width: 6px;
	height: 6px;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 45px 0px 0 9px;
}
.product-banner .next {
	right: 0 !important;
}
.product-banner ul {
	position: relative;
}
.product-banner li {
	float: left;
}
.breadcrumb-trail {
	width: 1000px;
	margin: 20px auto;
	line-height: 60px;
	font-size: 12px;
	border-bottom: 1px solid #b3b3b3;
}
.breadcrumb-trail a {
	color: #000000;
}
.banner .prev, .banner .next, .product-banner .prev, .product-banner .next {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	z-index: 100;
	cursor: pointer;
	display: none
}
.banner .prev, .product-banner .prev {
	left: 3%;
	background: url("../img/large_left.png");
	background-position: 0 0 !important;
}
.banner .prev:hover {
	background-position: 0 -40px !important;
}
.product-banner .prev:hover {
	background-position: 0 -40px !important;
}
.banner .next, .product-banner .next {
	right: 3%;
	background: url("../img/large_right.png");
	background-position: 0 0;
}
.banner .next:hover {
	background-position: 0 -40px;
}
.product-banner .next:hover {
	background-position: 0 -40px;
}
.pro_text_warp { width: 1000px; margin: 0 auto; margin-top: 10px; padding-bottom: 30px; }
.sous {
	overflow: hidden;
	border: 1px solid #2f0d16;
	height: 160px;
}
.ssleft {
	float: left;
	width: 230px;
	background-color: #f7f7f7;
	border-right: 1px solid #2f0d16;
	height: 160px;
}
.ssright {
	float: left;
}
.ssleft ul {
	margin-top: 40px;
	text-align: center;
}
.ssleft ul li input {
	margin-top: 20px;
	background: none;
	border: 1px solid #ccc;
}
.xzlb {
	width: 640px;
	height: auto;
	margin-top: 30px;
	margin-left: 30px;
}
.xzlbs {
	width: auto;
	overflow: hidden;
}
.xzlbsz {
	width: 95px;
	text-align: center;
	float: left;
	line-height: 40px;

	font-size: 12px;
	color: #9a9898;
	margin-top: 10px;
}
.xzlbsy {
	height: 40px;
	text-align: center;
	line-height: 40px;

	font-size: 12px;
	color: #6e6e6e;
	float: left;
	margin-right: 20px;
	width: 89px;
	overflow: hidden;
}
.xzlbsy input {
	float: left;
	line-height: 40px;
	margin-top: 23px;
	border: 1px solid #ccc;
}
.xzlbsy a {
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 10px;
	float: left;
	margin-left: 8px;
	color: #666;
}
.xzlbsy a:hover {
	color: #2f0d16;
}
.xzlbx {
	width: auto;
	height: 40px;
}
.xzlbxz {
	width: 95px;
	text-align: center;
	float: left;
	line-height: 40px;

	font-size: 12px;
	color: #9a9898;
}
.xzlbxy {
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	
	font-size: 12px;
	color: #6e6e6e;
	float: left;
	margin-right: 20px;
}
.xptj {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
/****pro****/

.about_title { overflow: hidden; padding-top: 80px; text-align: center; }
.about_title p { display: inline-block;
	padding: 0 50px;
	font-size: 30px;
	text-align: center;
	color: #2f0d16;
	overflow: hidden;  line-height: 50px; padding-top: 12px; padding-bottom: 10px; }
.about_brand_warp { overflow: hidden; margin-top: 70px; }
.about_brand_left { float: left; background: #fef8f4; width: 500px; padding-bottom: 50px; padding-top: 30px; }
.about_brand_right { float: left; margin-left: 10px; }
.about_brand_left p { font-size: 14px; color: #2f0d16; line-height: 25px; letter-spacing: 1px; width: 400px; margin: 0 auto; margin-top: 20px; text-indent: 2em; }
.about_title i { float: left; border: none; background: #2f0d16; width: 390px; height: 1px; margin-top: 15px; }
.video_warp { margin-top: 70px; }
.about_title img { display: block; text-align: center; margin: 0 auto; }
/****contact***/

.contact_job { overflow: hidden; margin-top: 70px; }
.jobsitem {
	float: left;
	width: 32.5%;
	margin-right: 0.8%;
	font-size: 18px;
	height: 230px;
	text-align: center; }
.jobsitem p {
	font-size: 16px;
	height: 60px;
	color: #2f0d16; }
.jobsitem a {
	font-size: 14px;
	border: #2f0d16 solid 1px;
	display: block;
	margin: 12px auto;
	text-align: center;
	width: 250px;
	height: 62px;
	line-height: 62px;
	max-width: 80%;
	color: #808080;
}
.jobsitem a:hover { border: #2f0d16 solid 2px; color: #2f0d16; }
/****contact***/

.conformbox {
	width: 68%;
	margin: 0 auto;
	text-align: center;
	min-width: 620px; margin-top: 70px; }
.conformtit {
	font-size: 16px;
	line-height: 40px;
	color: #2f0d16;
}
.conformbox input, .conformbox textarea {
	display: block;
	width: 100%;
	border: #2f0d16 solid 1px;
	font-size: 20px;
	background: none;
}
.conformbox input {
	height: 42px;
	line-height: 42px;
}
.conformbtn {
	font-size: 18px;
	cursor: pointer;
	color: #fff;
	background: #2f0d16;
	text-align: center;
	border: 0;
	width: 200px;
	height: 40px;
	margin: 40px 0;
	border-radius: 5px;
}
.productscom {
	position: relative;

}
.normalbox {
	width: 100%;
}
.normalbox .slideitem {
	width: 313px;
	margin-right: 1em;
	background: url(../img/bga.png);
	height: 400px;
}
.slideitem {
	float: left;
	position: relative;
	overflow: hidden;
	background: #fff;
}
.newsitem p {
	color: #2f0d16;
	height: 2.5em;
	margin: 24px 12px;
	padding: 0;
	overflow: hidden;
	font-size: 16px;
	text-align: center;
	text-overflow: ellipsis;
}
.newsitem .date {
	padding: 0px;
	height: auto;
	font-size: 12px;
	text-align: center;
}
.newsitem .date:hover { color: #2f0d16; }
.xxfk { overflow: hidden; margin-top: 3%; }
.xxmm { float: left; width: 100px; font-size: 14px; line-height: 25px; letter-spacing: 1px; color: #2f0d16; }
.xx_right { float: right; width: 450px; z-index: 9; position: relative; }
.xx_right input { border: 1px solid #ccc; background: none; height: 30px; line-height: 30px; width: 430px; border-radius: 3px; }
.xx_right textarea { border: 1px solid #ccc; background: none; height: 150px; line-height: 25px; width: 430px; border-radius: 3px; }
.xxan { overflow: hidden; margin-top: 5%; z-index: 999999; position: relative; }
.xxan input { display: block; width: 120px; height: 30px; line-height: 30px; background: #2f0d16; float: left; margin-right: 20px; text-align: center; color: #fff; border-radius: 5px; border: 0; cursor: pointer }
.xxan input:hover { opacity: 0.8; }
/****honor****/

.honor_top_warp { }
.honor { margin-top: 30px; }
.apply { width: 1240px; margin: 0 auto; height: 252px; margin-left: -0px; overflow: hidden; }
.apply_array { width: 307px; float: left; height: 252px; margin-right: 10px; position: relative; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; }
.apply_nav { position: relative; width: 950px; float: left; height: 252px; overflow: hidden; padding-left: -20px; }
.apply_w { position: absolute; width: 1145px; float: left; left: 0px }
.apply .img_l { width: 60px; height: 131px; float: left; cursor: pointer; text-align: center; }
.apply .img_r { width: 60px; height: 131px; float: left; cursor: pointer; text-align: center; }
.wrap_apply_all { position: relative; }
.wrap_apply_photo a { position: absolute; display: block; overflow: hidden; }
.wrap_apply_photo a:hover { }
.wrap_apply_photo a .wrap_apply_name { cursor: hand; text-align: center; width: 252px; height: 30px; line-height: 30px; position: absolute; bottom: 0; left: 0; color: #fff; background: url(../images/bgcp.png) top center; display: block; font-size: 14px; }
.wrap_apply_photo a:hover .wrap_apply_name { display: block; position: absolute; bottom: 0; left: 0; color: #fff; }
.wrap_apply_all p {
	color: #2f0d16;
	margin-top: 210px;
	font-size: 14px;
	text-align: center;
	margin-right: 20px;
	margin-top: 230px;
}
.apply_array img { border: 1px solid #ccc; padding: 3px; }
.apply_array img:hover { -webkit-box-shadow: #666 0px 0px 10px; opacity: 0.8;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px; }
/****honor****/

.section {
	width: 1000px;
	margin: 0 auto; }
.detail {
	padding: 50px 0 0;
	text-align: center;
}
.detail .arrows2 {
	height: 44px;
	line-height: 44px;
}
.detail .arrows {
	float: left;
	width: 11%;
	cursor: pointer;
	position: relative;
}
.detail h2 {
	font-size: 30px;
	padding: 0 0 20px;
	text-transform: uppercase;
	line-height: 40px;

	color: #2f0d16;
}
.detailprev {
	background: url('../img/detailprev.png') no-repeat left center;
}
.detailnext {
	background: url('../img/detailnext.png') no-repeat right center;
}
.detailcon {
	float: left;
	width: 78%;
	margin-bottom: 35px;
	font-size: 18px;

	position: relative;
}
.detail .detailnext .textcon {
	left: auto;
	right: 25px;
	display: none;
	color: #2f0d16;
}
.detail .arrows .textcon {
	background: #fff;
	padding: 0 10px;
	text-transform: uppercase;
	position: absolute;
	left: 25px;
	height: 30px;
	line-height: 30px;
	top: 50%;
	margin-top: -15px;
	white-space: nowrap;
}
.detail .detailnext:hover .textcon { display: block; }
.service_box { float: left;
	width: 272px; }
.service_box_box1 { margin: 0 auto;
	width: 179px;
	height: 179px;
	text-align: center;
	background: url("../img/bg-brand.png") no-repeat center; }
.service_box_box1 img {
}
.service_line {
	float: left;
	width: 86px;
	height: 179px;
	background: url(../img/bg-line.jpg) no-repeat center }
.service_text { margin-top: 15px; }
.service_text p { text-align: center; }
.service_text i { display: block; width: 20px; height: 1px; background: #ccc; margin: 0 auto; margin-top: 10px; }
.chapndpnrjs { }
.chapndpmzsmz { color: #2f0d16;
	font-size: 14px; }
.cpxinghoa { color: #2f0d16; }
.chapndpnrjs p { line-height: 25px; color: #666; }
.nav-bar { position: fixed; top: 15%; left: 50px; width: 50px; z-index: 9999; height: 100%; }
#main_nav { position: absolute; display: none; }
#main_nav li { margin-top: 10px; position: relative; }
#main_nav li span { width: 2px; height: 2px; background: #2f0d16; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px; }
#main_nav .chapter { margin-top: 20px; margin-bottom: 15px; height: 5px; cursor: pointer; }
#main_nav .chapter .circle { position: absolute;
	left: 0px;
	top: 0px;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	-webkit-box-shadow: inset 0 0 0 2px #000;
	box-shadow: inset 0 0 0 2px #000;
	border-radius: 50%; }
#main_nav .chapter .circle span { position: absolute;
	left: 0px;
	top: 0px;
	width: 6px;
	height: 6px;
	margin: 3px 0 0 3px;
	border-radius: 50%;
	filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
}
#main_nav .chapter a { position: absolute;
	left: 0px;
	top: 0px;
	font-size: 10px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: 300;
	background-color: #2f0d16;
	margin: -12px 0 0;
	margin-left: 20px;
	width: 80px;
	text-align: center;
	color: #fff;
	filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
	display: block;
	height: 24px;
}
#main_nav .chapter:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 2px;
	margin: -1px 0 0 6px;
	background-color: #000;
}
/*************案例展示**************/

.caseshow { width: 100%; padding-bottom: 80px; }
.casecon { width: 1000px; margin: 0 auto; }
.caselist { overflow: hidden; }
.caseleft { float: left; width: 550px; }
.caseright { float: right; width: 549px; margin-left: 1px; position: relative; }
.casetop { width: 100%; height: 231px; }
.casebottomleft { float: left; width: 275px; position: relative; }
.casebottomright { float: right; width: 274px; margin-left: 1px; position: relative; }
.casewz { }
.casewz p { text-align: center; }
.casewz .casep01 {
	color: #b22923;
	font-size: 16px;
	text-transform: none;
	text-decoration: none;
	text-indent: 2px;
	padding-top: 50px;
}
.casewz .casep02 { color: #212121;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: lighter;
	margin: 0;
	margin-top: 10px; }
.casewz .casep03 { margin-top: 20px; }
.casewz i { display: block; width: 50px; height: 3px; background: #000; margin: 0 auto; margin-top: 10px; }
.casewz .casep03 a { display: block; background: #b22923; width: 100px; height: 30px; line-height: 30px; color: #fff; }
.showhbj { background: #000; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.showwz { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.showwz p { text-align: center; }
.showanl { color: #fff; font-size: 24px;
	text-transform: uppercase;
	font-weight: lighter;
	margin: 0;
	margin-top: 150px; }
.showwz i { display: block; width: 50px; height: 3px; background: #fff; margin-top: 15px; }
.showwz a { display: block; background: #b22923; width: 100px; height: 30px; line-height: 30px; color: #fff; margin-top: 20px; }
.showcase { overflow: hidden; }
.showcase ul { overflow: hidden; padding-top: 30px; }
.showcase ul li { float: left; width: 325px; border-right: 1px solid #ccc; text-align: center; height: 60px; }
.showcase ul li input { width: 270px; height: 40px; border: 1px solid #ccc; color: #d9d9d9; padding-left: 5px; }
.showcase ul li p { line-height: 20px; }
/*************案例展示**************/

.proone { position: relative; }
.proonelist { position: relative; }
.proshow { position: absolute; height: 100%; background: #000; width: 50%; top: 0px; background: url(../img/bg.png); left: -100px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.proshow p { font-size: 36px; text-align: center; z-index: 9999; position: relative; color: #fff; letter-spacing: 1px; margin-top: 22%; }
.promore { width: 150px; margin: 0 auto; margin-top: 50px; }
.promore a { display: block; width: 150px; height: 35px; line-height: 35px; color: #fff; border: 1px solid #fff; text-align: center; z-index: 9999; position: relative; }
.promore a:hover { background: #fff; color: #000; }
.protwo { position: relative; }
.proonelisttwo { position: relative; }
.proshowtwo { position: absolute; height: 100%; background: #000; width: 50%; top: 0px; background: url(../img/bg.png); right: -100px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.proshowtwo p { font-size: 36px; text-align: center; z-index: 9999; position: relative; color: #fff; letter-spacing: 1px; margin-top: 22%; }
.promoretwo { width: 150px; margin: 0 auto; margin-top: 50px; }
.promoretwo a { display: block; width: 150px; height: 35px; line-height: 35px; color: #fff; border: 1px solid #fff; text-align: center; z-index: 9999; position: relative; }
.promoretwo a:hover { background: #fff; color: #000; }
.prothree { position: relative; }
.prothreelist { position: relative; }
.proshowthree { position: absolute; height: 100%; background: #000; width: 50%; top: 0px; background: url(../img/bg.png); left: -100px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.proshowthree p { font-size: 36px; text-align: center; z-index: 9999; position: relative; color: #fff; letter-spacing: 1px; margin-top: 22%; }
.promorethree { width: 150px; margin: 0 auto; margin-top: 50px; }
.promorethree a { display: block; width: 150px; height: 35px; line-height: 35px; color: #fff; border: 1px solid #fff; text-align: center; z-index: 9999; position: relative; }
.promorethree a:hover { background: #fff; color: #000; }
#news { position: relative; }
.schoolhd { position: relative; }
.acthd { position: relative; }
#dynhd { position: relative; }
#about { position: relative; }
#brandhd { position: relative; }
.honorhd { position: relative; }
#imagehd { position: relative; }
#videohd { position: relative; }
#casehd { position: relative; }
#servicehd { position: relative; }
#problemhd { position: relative; }
#downloadhd { position: relative; }
#queryhd { position: relative; }
#contacthd { position: relative; }
#joinhd { position: relative; }
#networkhd { position: relative; }
#jobhd { position: relative; }
.gyone { margin-top: 100px; }
.processleft { float: left; height: 320px; width: 320px; background: #fbf9f3; }
.processright { float: right; width: 670px; }
.processright:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }
.processtitle { font-size: 18px; text-align: center; color: #2f0d16; margin-top: 32%; }
.process_more { width: 100px; height: 30px; line-height: 30px; margin: 0 auto; margin-top: 40px; }
.process_more a { display: block; text-align: center; color: #2f0d16; font-size: 14px; border: 1px solid #2f0d16; }
.process_more a:hover { border: 2px solid #2f0d16; }
.gytwo { margin-top: 10px; }
.gythree { margin-top: 10px; }
.gyfour { margin-top: 10px; }
.gyfive { margin-top: 10px; }
.gysix { margin-top: 10px; }
.gytwo { margin-top: 100px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.processlefttwo { float: right; height: 320px; width: 320px; background: #fbf9f3; }
.processrighttwo { float: left; }
.processrighttwo:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }
.gythree { margin-top: 100px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.processleftthree { float: left; height: 320px; width: 320px; background: #fbf9f3; }
.processrightthree { float: right; width: 670px; }
.processrightthree:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }
.gyfour { margin-top: 100px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.processleftfour { float: right; height: 320px; width: 320px; background: #fbf9f3; }
.processrightfour { float: left; }
.processrightfour:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }
.gyfive { margin-top: 100px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.processleftfive { float: left; height: 320px; width: 320px; background: #fbf9f3; }
.processrightfive { float: right; width: 670px; }
.processrightfive:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }
.gysix { margin-top: 100px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.processleftsix { float: right; height: 320px; width: 320px; background: #fbf9f3; }
.processrightsix { float: left; }
.processrightsix:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }
.casetitle { font-size: 16px; text-align: center; margin-top: 15px; color: #2f0d16 }
/***image***/

.cy_wrap { width: 480px; margin: 0 auto; }
.cy_box { position: relative; }
.cy_slider { width: 480px; height: 300px; overflow: hidden; position: relative; margin: 0px auto; }
.cy_slider ul { height: 300px; position: absolute; top: 0; left: 0; z-index: 1; }
.cy_slider ul li { width: 480px; height: 300px; float: left; }
.cy_slider a { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 2; display: block; background: url(../images/vic.png) no-repeat 0 -999em; }
.show_btn { width: 480px; height: 10px; text-align: center; position: absolute; bottom: 25px; z-index: 11; margin: 0 auto; left: 0px; }
.show_btn a { width: 10px; height: 10px; display: inline-block; margin-left: 6px; background-color: #787878; }
.show_btn a.current { background-color: #2f0d16; }
/***image***/

.brandcon p { line-height: 25px; font-size: 14px; color: #333; margin-top: 12px; letter-spacing: 1px; }
.brand_title { color: #fff; border: 1px solid #fff; padding: 1px; }
.ywlx { width: 1000px; height: auto; margin: 0 auto; padding-bottom: 30px; }
.ywlx ul li { width: 310px; height: 200px; margin-bottom: 40px; float: left; background: url(../img/ywlxbj.png) no-repeat left bottom; position: relative; overflow: hidden; }
.xstitle { width: auto; height: 40px; margin-bottom: 15px; letter-spacing: 1px; line-height: 40px; text-align: left;  font-size: 14px; color: #000 }
.xsbody { width: auto; line-height: 30px;  font-size: 12px; color: #333; text-align: left; }
.ywlx ul li p { font-size: 14px; color: #2f0d16; margin-top: 15px; text-align: center; }
.gyimg { text-align: center; }
.ywlx ul li p a { color: #2f0d16; }
.sysshow { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.syshide { position: absolute; bottom: -300px; left: 0px; width: 100%; height: 100%; }
#gyhd { margin-top: 200px; position: relative; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.product { }
.prowarp { }
.prowarp ul { overflow: hidden; }
.prowarp li { float: left; width: 33.33%; position: relative; }
.proshow { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; }
.content_right { float: right; width: 50%; background: #f2f2f0; position: relative; }
.content_text { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; font-size: 24px; font-weight: bold; margin-top: 10%; }
.content_con { width: 250px; margin: 0 auto; height: 150px; margin-top: 5%; color: #fff; padding-top: 10%; line-height: 30px; background: #000; }
.index_morecon {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 12px;
	color: #000;
}
.index_morecon a { color: #000; border: 1px #e60012 solid; display: block; width: 150px;
	height: 35px;
	line-height: 35px; margin: 0 auto; }
.index_more a:hover { color: #e60012; }
.text_show { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }
.text_show p { font-size: 30px; text-align: center; color: #fff; margin-top: 40%; letter-spacing: 1px; }
.text_show i { display: block; width: 20px; height: 2px; margin: 0 auto; margin-top: 30px; background: #fff; }
.text_show a { display: block; width: 150px; height: 35px; line-height: 35px; color: #fff; margin: 0 auto; text-align: center; margin-top: 50px; border: 1px solid #fff; letter-spacing: 1px; }
.text_show a:hover { color: #2f0d16; background: #fff; }
.propd { position: relative; }
.bgcon { position: absolute; top: 0px; left: 0px; background: url(../img/bgcon.png); width: 100%; height: 100%; opacity: 0; }
.text_show span { color: #fff; font-size: 14px; text-align: center; display: block; margin-top: 30px; letter-spacing: 2px; }
.probottom { position: relative; bottom: -600px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.protop { position: relative; top: -600px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.promenu { height: 100px; width: 100%; }
.promenu ul { float: left;margin-left: -20px; }
.promenu ul li { float: left; text-align: center; line-height: 100px; }
.productwarp { width: 1000px; margin: 0 auto; }
.pross { float: right; margin-top: 30px; }
.header_search { width: 175px;
	overflow: hidden; margin-top: 5px; }
.header_search input {
	float: left;
	width: 146px;
	border: 0;
	outline: 0;
	background: url(../img/input_long.png) left center no-repeat;
	border-right: none;
	height: 26px;
}
.header_search .aa { background: url(../img/fdj.png); background-repeat: no-repeat; float: left; display: block; height: 26px; width: 26px; margin-left: -2px; cursor: pointer }
.promenu { background: url(../img/bar_bg.gif); }
.promenu ul li a { color: #666; font-size: 14px; border-right: 1px solid #ccc; padding-right: 20px; padding-left: 20px;}
.promenu ul li a:hover { color: #000; }
.promorecon { border-bottom: 1px solid #ccc; padding-bottom: 30px; }
.promorecon p { float: right; color: #666; cursor: pointer; }
.proconshow { float: right; margin-right: 40px; }
.proconshow li { float: left; width: 100px; text-align: center; opacity: 0; }
.proconshow li a { color: #333; }
.procon { width: 1000px; margin: 0 auto; margin-top: 50px; padding-bottom: 50px; }
.prolistone { float: left; width: 200px; border-right: 1px solid #ccc; font-size: 24px; text-align: left; color: #000; text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
	min-height: 200px; }
.proconright { float: right; width: 765px; }
.proconright ul { }
.proconright ul li { float: left; width: 239px; margin-right: 20px; border: 1px solid #ccc; height: 260px; }
.proimg { }
.proconright ul li:hover { border: 1px solid #2f0d16; }
.proconright ul li p { margin-left: 20px; line-height: 24px; color: #2f0d16; }
.proconshow02 { float: right; margin-right: 40px; }
.proconshow02 li { float: left; width: 100px; text-align: center; opacity: 0; }
.proconshow02 li a { color: #333; }
.proconshow03 { float: right; margin-right: 40px; }
.proconshow03 li { float: left; width: 100px; text-align: center; opacity: 0; }
.proconshow03 li a { color: #333; }
.proconshow04 { float: right; margin-right: 40px; }
.proconshow04 li { float: left; width: 100px; text-align: center; opacity: 0; }
.proconshow04 li a { color: #333; }
.prolistmore { margin-top: 10px; }
.prolistmore a { color: #808080; font-size: 14px; }
.prolistmore a:hover { color: #333; }
.xp { color: #e60012; float: right; margin-right: 20px; margin-top: 15px; }
#onehd { position: relative; padding-top: 80px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
#twohd { position: relative; padding-top: 80px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
#threehd { position: relative; padding-top: 80px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
#fourhd { position: relative; padding-top: 80px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.contact_top { color: #333; margin: auto; padding-bottom: 20px; border: 0px solid #ff0; }
.contact_top_name { color: #333; font-size: 26px; height: 30px; line-height: 30px; padding: 30px 0px; }
.contact_top_left { float: left; width: 400px; line-height: 2em; }
.contact_top_right { width: 600px; line-height: 2em }
.contact_bottom { width: 805px; padding: 0px 80px 0px 0px; margin: auto; color: #fff; padding-top: 20px; }
.contact_bottom_wb { float: left; width: 103px; height: 185px; }
.contact_bottom_wx { float: left; width: 141px; height: 185px; line-height: 2.5em; }
.contact_bottom_ewm { float: left; width: 141px; height: 185px; }
.contact_bottom_ewm img { padding-top: 18px; }
.contact_bottom_app { float: left; width: 212px; padding-right: 10px; height: 185px; }
.contact_bottom_app img { margin-top: 0px; }
.contact_bottom_pad { float: left; width: 175px; height: 185px; }
.wxwarp { border-top: 1px solid #ccc; margin-top: 40px; }
.wx { text-align: center; width: 500px; margin: 0 auto; margin-left:0px;}
.jobtitle { font-size: 16px; color: #333; }
.jobwarp p { color: #333; line-height: 22px; margin-top: 10px; }
.indexabcon ul { }
.indexabcon ul li { float: left; width: 336px; float: left;
	margin-right: 45px;
	text-align: center; color: #fff; }
.submit {
	border: 1px solid #252729;
	text-decoration: none;
	width: 140px; height: 30px;
	line-height: 30px;
	padding: 3px;
	margin: 0 auto;
	margin-top: 50px;
}
.submit a { display: block; background: #252729; text-align: center; color: #fff; }
.submit:hover { transition: color .6s, border-color .6s, background-color .6s; border: 1px solid #2f0d16; }
.submit a:hover { background: #2f0d16; transition: color .6s, border-color .6s, background-color .6s; }
.jobln { color: #333; line-height: 22px; width: 800px; margin: 50px auto; border-bottom: 1px dotted #cccccc; padding-bottom: 30px; font-size: 13px; }
.jobgw { margin-top: 30px; }
.gwtitle { font-weight: 600; color: #333; }
.jobzw { border-bottom: 2px solid #2f0d16; margin-top: 30px; }
.jobzw p { float: left; color: #4d4d4d; font-weight: 600; padding-bottom: 20px; width: 325px; }
.jobxx { border-bottom: 1px dotted #ccc; }
.jobxx .jobxxtitle { font-weight: 600; line-height: 200px; width: 150px; }
.jobxx p { float: left; color: #4d4d4d; padding-bottom: 20px; width: 325px; margin-top: 10px; }
.sub_menu { }
.sub_menu li { float: left; margin-right: 10px; cursor: pointer; margin-left: 0px; }
.footer_nav_right { float: right; margin-top: 50px; }
.sub_menu { width: 205px; height: 33px; padding-top: 10px; }
.sub_menu li { width: 33px; height: 33px; float: left; margin-right: 10px; position: relative }
.sub_menu li span { position: absolute; left: 0px; top: 0px; display: none; }
.jiathis_style .jiathis_txt {
	float: left;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px !important;
	color: #333;
}
.jiathis_style a {
	margin-left: 10px;
	color: #666;
}
.jiathis_style .jiathis_separator {
	display: block;
	float: left;
	margin: 0 5px;
	line-height: 16px !important;
}
.jiathis_style .jtico {
	text-align: left;
	overflow: hidden;
	display: block !important;
	height: 16px !important;
	line-height: 16px !important;
	padding-left: 20px !important;
	background: url(../img/jiathis_ico.png) no-repeat left;
	cursor: pointer;
}
.jiathis_style .jtico_qzone {
	background-position: 0px -96px;
}
.jiathis_style .jiathis_separator {
	display: block;
	float: left;
	margin: 0 5px;
	line-height: 16px !important;
}
.jiathis_style .jtico_qq {
	background-position: 0px -144px;
}
.jiathis_style .jtico_wx {
	background-position: 0px -1809px;
}
.about_box { width: 950px; height: auto; margin: 0 auto; }
.about_box_top { width: auto; height: auto; margin: 0 auto; font-size: 20px; line-height: 40px; color: #222; text-align: center; }
.about_box_top span { font-size: 13px; color: #000; font-style: italic; display: block; line-height: 30px; }
.about_box_bot02 { width: auto; height: auto; margin: 0 auto; padding-top: 45px; }
.about_box_botz { width: 420px; height: auto; text-align: left; float: left; font-size: 13px; color: #333; line-height: 25px; letter-spacing: 1px; }
.about_box_botz p{ margin-top: 0px; letter-spacing: 1px;text-align:justify; 
	text-justify:inter-ideograph;}
.abtps{ margin-top:29px !important;}
.about_box_boty { width: 450px; height: auto; float: right; font-size: 13px; color: #333; line-height: 25px; text-align: left; }
.about_box_boty p { margin-bottom: 20px; letter-spacing: 1px; line-height:20px; text-align:justify; 
	text-justify:inter-ideograph;}
.about_box_botz p{ margin-bottom:20px; line-height:20px; }
.about_box_mid { width: auto; height: auto; margin: 0 auto; padding-top: 50px; }
.about_box_midz { width: 400px; height: auto; float: left; text-align: left; padding-top: 70px; font-size: 12px; color: #333; line-height: 28px; font-size: 13px; }
.about_box_midy { width: 464px; height: 387px; float: right; }
.about_box_midz p { margin-top: 10px; }
.prodotleft { float: left; }
.prodotright { float: left; margin-left: 50px; }
.probarnd { margin-top: 30px; }
.brandtitle { font-size: 16px; color: #2f0d16; }
.probarnd p { color: #2f0d16; }
.about_box_bot { width: 1120px; height: 370px; clear: both; overflow: hidden; position: relative; float: left; margin: 0 auto; margin-top: 30px; }
.about_box_bot ul { width: 1120px; height: 370px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
.about_box_bot ul li { float: left; width: 1120px; height: 370px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
.about_box_bot .preNext { width: 73px; height: 75px; position: absolute; background: #000; top: 70px; cursor: pointer; }
.about_box_bot .pre { left: -22px; background: url(../img/sprite.png) no-repeat left top }
.about_box_bot .next { right: -20px; background: url(../img/next.png) no-repeat left top }
.protext p { text-align: left; color: #2f0d16; font-size: 13px; margin-top: 10px; text-align: center; }
.protext img { text-align: center; }
.prodot { width: 100%; margin-top: 50px; padding-bottom: 130px; }
.procenter { width: 1000px; margin: 0 auto; }
.pronav { color: #333; }
.pronav a { color: #333; }
.proimgqh { width: 1000px; margin-top: 50px; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; }
.proimgnav { float: left; margin-right: 30px; }
.prowz { width: 220px;  font-size: 14px; text-align: center; line-height: 20px; margin-top: 20px; color: #333; }
.prowz p { width: 220px; font-family: Arial; font-size: 12px; text-align: center; color: #2e0d16; }
.proxq { width: 1000px; margin-top: 50px; }
.proxq_left { }
.proxq_left_bt { width: 100%; font-size: 18px; color: #333; text-align: left; line-height: 70px; font-weight: 600; }
.pro_left_img { }
.proxq_right { }
.proxq_right_button { width: 25%; float: right; background: url(../img/cstb.jpg); height: 30px; margin-bottom: 30px; }
.proxq_right_bt { width: 100%; font-size: 18px; color: #333; text-align: left; line-height: 70px; }
.proxq_right_wz { font-size: 14px; line-height: 30px; color: #666; }
.about_box_bot { width: 1000px; height: 230px; clear: both; overflow: hidden; position: relative; float: left; margin: 0 auto; }
.about_box_bot ul { width: 100px; height: 230px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
.about_box_bot ul li { float: left; width: 1000px; height: 230px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
.about_box_bot .preNext { width: 100px; height: 75px; position: absolute; background: #000; top: 35px; cursor: pointer; }
.about_box_bot .pre { left: -22px; background: url(../img/sprite.png) no-repeat left top }
.about_box_bot .next { right: -49px; background: url(../img/next.png) no-repeat left top }
.newsmore { margin: 0 auto; margin-top: 30px; width: 180px; }
.newsmore a { display: inline-block;
	transition: all 0.25s ease 0s;
	width: 180px;
	height: 50px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	text-align: center;
	line-height: 50px;
	color: #2f0d16;
	font-size: 16px; }
.newsmore a:hover { background: #2f0d16; color: #fff; border: 1px solid #2f0d16; transition: all 0.25s ease 0s; }
<!--
-
-
-
-
-
-
-
-
-
-
-
--新闻----------------- >
.xwnr { width: 730px; padding-right: 5px; }
.xwnrdot { height: 45px; border-bottom: 1px #ccc dotted; background: url(../img/tb.png) no-repeat left center; line-height: 45px; }
.xwnrdotz { width: 495px; height: 35px; line-height: 45px; overflow: hidden; float: left; padding-left: 20px; color: #363636; font-size: 12px; }
.xwnrdotz a { color: #2f0d16; }
.xwnrdotz a:hover { color: #2f0d16; text-decoration: underline; }
.xwnrdoty { width: 110px; height: 46px; line-height: 46px; float: right; text-align: center; color: #2f0d16;  }
.fy { margin-top: 20px; text-align: center; }
<!--
-
-
-
-
-
-
-
-
-
-
-
--新闻----------------- >
.year { }
.year li { float: left; height: 35px; margin-right: 30px; }
.year li a { color: #2f0d16; border: 1px dotted #ccc; display: block; width: 120px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; }
.year li a:hover { background: #2f0d16; color: #fff; border: 1px dotted #2f0d16; }
.about_history {
	width: 100%;
	height: auto;
	position: relative;
	clear: both;
}
.about_history_title {
	width: 100%;
	height: 50px;
	background: #fff;
	border-bottom: solid 1px #ccc
}
.about_history .txt {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
.about_history .txt img {
	position: absolute;
	z-index: 1;
	margin-top: 28px;
}
.history_list {
	width: 100%;
	/*height: 50px;*/

	position: relative;
}
.history_list .yuan {
	width: 50px;
	height: auto;
	position: absolute;
	z-index: 11;
	left: 37px;
	top: -15px;
}
.history_list .yuan img {
	vertical-align: middle
}
.history_list .left {
	height: 100%;
	position: absolute;
	line-height: 50px;
	border-right: dashed 1px #ccc;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #2f0d16;
	width: 48px;
}
.history_list .right {
	width: 650px;
	height: auto;
	line-height: 50px;
	float: left;
	color: #2f0d16;
	margin-left: 76px;
}
.history_list .right a {
	width: 650px;
	height: auto;
	line-height: 50px;
	float: right;
	color: #2f0d16;
}
.box_history { width: 986px; height: 94px; margin: 0 auto; position: relative;  margin-top: 50px; }
.box_history .time {
	width: 812px;
	height: 94px;
	position: relative;
	left: 50%;
	overflow: hidden;
	float: left;
	margin-left: -406px;
}
.box_history .line {
	width: 100%;
	height: 1px;
	background: #cecece;
	position: absolute;
	left: 0;
	top: 75px;
	z-index: 1;
}
.box_history .time ul {
	width: 1040px;
	margin-left: 0px;
	float: left;
	z-index: 12;
	position: relative;
}
.box_history .time li {
	width: 72px;
	height: 38px;
	line-height: 38px;
	padding: 16px 0 40px;
	float: left;
	margin: 0 14px;
	display: inline;
	background: url(../img/bg_li02.png) no-repeat center 50px;
	color: #828282;
	text-align: center;
	cursor: pointer;
}
.box_history .time li:hover {
	background: url(../img/bg_li03.png) no-repeat center 50px;
	font-size: 22px;
	line-height: 38px;
	color: #2f0d16;
}
.box_history .time .active {
	background: url(../img/bg_li03.png) no-repeat center 50px;
	font-size: 22px;
	line-height: 38px;
	color: #2f0d16;
}
.contain { width: 840px; height: auto; margin: 50px auto; position: relative }
.contain ul { position: relative; }
.contain li { width: 840px; display: none; }
.box_history .left, .box_history .right { width: 30px; height: 52px; cursor: pointer; top: 40px; }
.box_history .left { position: absolute; left: 0; background: url(../img/prev01.jpg); }
.box_history .right { position: absolute; right: 0; background: url(../img/next01.jpg); }
.page {
	font-size: 0px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px;
}
.page a {
	font-size: 12px;
	color: #ccc;
	display: inline-block;
	_display: inline;
	padding: 0 5px;
	border: 1px solid #ccc;
	margin-right: 5px;
	line-height: 23px;
}
.page a:hover, .page a.active {
	background: #2f0d16;
	font-weight: bold;
	color: #fff;
	border: 1px solid #2f0d16;
}
.serviceleft { float: left; width: 500px; }
.serviceright { float: right; width: 480px; }
.serviceright p { color: #2f0d16; line-height: 25px }
.bannerbox { width: 640px; height: 427px; overflow: hidden; margin: 0px auto; }
#focus { width: 640px; height: 427px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 640px; height: 427px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 640px; height: 427px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 100px; height: 427px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../img/sprite1.png) no-repeat left center; z-index: 999; }
#focus .next { right: 0; background: url(../img/next1.png) no-repeat right center; z-index: 999; }
.about_box_bot { width: 1000px; height: 430px; clear: both; overflow: hidden; position: relative; float: left; margin: 0 auto; margin-top: 20px; }
.about_box_bot ul { width: 100px; height: 430px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
.about_box_bot ul li { float: left; width: 1000px; height: 430px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
.about_box_bot .preNext { width: 100px; height: 75px; position: absolute; background: #000; top: 155px; cursor: pointer; }
.about_box_bot .pre { left: 0; background: url(../images/sprite.png) no-repeat left top }
.about_box_bot .next { right: -25px; background: url(../images/next.png) no-repeat left top }
.leftimg { float: left; margin-right: 10px; }
.qq {
	width: 130px;
	vertical-align: middle;
	position: fixed;
	color: #fff;
	right: 0px;
	bottom: 16.3%;
	height: 200px;
	background: url(../images/qq.jpg) no-repeat;
	z-index: 99999999;
}
.qq p {
	font-size: 8px;
}
.qq a {
	margin-left: 50px;
	margin-top: -20px;
}
/** cjgy_box **/
.cjgy_box {
	height: auto;
}
.cjgy_tp {
	height: auto;
}
.cjgy_nr01 {
	height: auto;
	margin-top: 20px;
}
.cjgy_nr01a {
	width: 495px;
	height: auto;
	float: left;
}
.cjgy_nr01b {
	width: 495px;
	height: auto;
	float: right;
}
.cjgy_tb {
	height: auto;
}
.cjgy_tb ul {
	height: auto;
	text-align: center;
}
.cjgy_tb ul li {
	width: 22%;
	height: auto;
	display: inline-block;
	padding: 0px 1%;
}
.cjgynier {
	height: auto;
	background: #727171;
	padding: 8px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	margin-top: 10px;
	color: #fff;
}
.cjgynier p {
	line-height: 25px;
	font-size: 14px;
}
.cjgy_bt {
	width: 68%;
	height: auto;
	margin: auto;
	margin-top: 20px;
}
.cjgy_jsbox {
	height: auto;
	margin-top: 20px;
}
.cjgy_jsbox ul { }
.cjgy_jsbox ul li {
	height: auto;
	float: left;
	border: 1px solid #444;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	width: 30%;
	padding: 1%;
	margin-right: 1%;
	margin-bottom: 15px;
}
.jsbox_tm {
	height: auto;
	color: #3e3a39;
}
.tmtb {
	width: 43px;
	height: 43px;
	float: left;
}
.tmmc {
	float: left;
	margin-left: 10px;
}
.tmmc01 {
	font-size: 18px;
	font-weight: bold;
}
.tmmc02 {
	font-size: 14px;
}
.jsbox_nr {
	height: auto;
	min-height: 125px;
}
.jsbox_nr p {
	line-height: 25px;
	font-size: 14px;
	color: #3e3a39;
}
.cjgy_zs {
	font-size: 20px;
	color: #3e3a39;
	font-weight: bold;
}
.cjgy_zs01 {
	margin-bottom: 20px;
}
.cjgy_zs02 {
	margin-top: 20px;
}
.cjgy_rytp {
	width: 50%;
	margin: auto;
	height: auto;
	margin-top: 35px;
}
/** cjgy_box **/

/** canjing_dr **/
.canjing_dr {
	height: auto;
}
/** canjing_dr01 **/
.canjing_dr01 {
	height: 600px;
	position: relative;
	margin-top: 50px;
}
.canj_tp {
	width: 540px;
	height: 330px;
	position: absolute;
	top: 65px;
	left: 0;
	z-index: 999;
}
.canj_tpbg {
	width: 536px;
	height: 455px;
	background: #f2f2f2;
	position: absolute;
	top: 0;
	right: 0;
}
.canj_tp1 {
	width: 384px;
	height: 328px;
	position: absolute;
	top: 85px;
	right: 0;
}
.canj_st {
	width: 45px;
	height: 336px;
	position: absolute;
	top: 65px;
	right: 400px;
}
.canj_wznr {
	width: 540px;
	height: auto;
	position: absolute;
	top: 434px;
	left: 20px;
}
.canj_wznr p {
	line-height: 22px;
	text-indent: 2em;
	font-size: 14px;
}
.canj_tedian {
	width: 400px;
	height: auto;
	position: absolute;
	top: 460px;
	right: -15px;
}
.canj_tedian ul { }
.canj_tedian ul li {
	width: 24%;
	height: auto;
	margin-right: 1%;
	float: left;
}
.tedian_yq {
	width: 90px;
	height: 78px;
	border: 1px solid #000;
	text-align: center;
	line-height: 20px;
	border-radius: 50%;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0 auto;padding-top: 12px;
}
.tedian_wz {
	height: auto;
	line-height: 22px;
	margin-top: 5px;
	text-align: center;
	font-size: 12px;
}
/** canjing_dr01 **/
/** canjing_dr02 **/
.canjing_dr02 {
	height: auto;
	margin-top: 90px;
}
.dr02_bt {
	height: auto;
	text-align: center;
}
.dr02_bt01 {
	line-height: 30px;
	font-size: 24px;
}
.dr02_bt02 {
	line-height: 25px;
	font-size: 14px;
}
.dr02_box {
	height: 725px;
	margin-top: 30px;
	position: relative;
}
.dr02_tpbg {
	width: 600px;
	height: 640px;
	background: #f2f2f2;
	position: absolute;
	top: 80px;
	left: 0;
}
.dr02ul {
	height: auto;
	position: absolute;
	top: 80px;
	left: 25px;
}
.dr02ul ul { }
.dr02ul ul li {
	width: 154px;
	height: 154px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
	/*-moz-transform: perspective(0px) rotateY(0deg);
  -webkit-transform: perspective(0px) rotateY(0deg);
  transform: perspective(0px) rotateY(0deg);
  transition: all 1s;
  -webkit-transition: all 1s;*/
}
.dr02ul ul li:hover {
	/*-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;*/
}
.dr02lbtp {
	height: auto;
}
.dr02hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	filter: alpha(opacity=60);
}
.skjs {
	/*height: 30px;*/
	line-height: 24px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	margin-top: 34px;
	letter-spacing: 2px;
}
.skjs_more {
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
	color: #fff;

}
.dr02_tp {
	width: 470px;
	height: 400px;
	position: absolute;
	top: 0;
	right: 0;
}
.dr02_hxysnr {
	width: 375px;
	height: 340px;
	background: #f2f2f2;
	position: absolute;
	top: 430px;
	right: 0;
}
.dr02 {
	padding: 30px;
	display: none;
}
.dr02_hxysnr .jsbox_tm {
	margin-top: 20px;
}
.dr02_hxysnr .jsbox_nr {
	margin-top: 20px;
}
.dr02_hxysnr01 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.dr02_hxysnr02 {
	position: absolute;
	top: 0;
	left: 0;
}
.dr02_hxysnr03 {
	position: absolute;
	top: 0;
	left: 0;
}
.dr02_hxysnr04 {
	position: absolute;
	top: 0;
	left: 0;
}
.dr02_hxysnr05 {
	position: absolute;
	top: 0;
	left: 0;
}
.dr02_hxysnr06 {
	position: absolute;
	top: 0;
	left: 0;
}
/** canjing_dr02 **/
/** canjing_dr03 **/
.canjing_dr03 {
	height: auto;
	margin-top: 35px;
}
.canj_rytps {
	width: 400px;
	height: auto;
	border: 1px solid #ddd;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -314px;
	margin-left: -231px; background: #fff;
	z-index: 9999;
	padding: 30px;
	display: none;
	box-shadow: 0 0 5px #ccc;
}
.cjgy_zs a {
	color: #3e3a39;
}
.cjgy_zs a:hover {
	color: #2f0d16;
}
.canj_close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 3px;
	right: 3px;
	font-size: 36px;

	text-align: center;
	line-height: 30px;
}
.canj_close a {
	color: #3e3a39;
}
.canj_close a:hover {
	color: #000;
}
/** canjing_dr03 **/
/** canjing_dr **/

/** d3zmw_box **/
.d3zmw_box {
	height: auto;
}
.d3zmw_tp {
	height: auto;
}
.d3zmw_nr {
	height: 460px;
	margin-top: 50px;
}
.d3zmw_nr1 {
	width: 420px;
	height: 420px;
	float: left;
	position: relative;
}
.d3zmw_img {
	width: 420px;
	height: 420px;
	position: absolute;
	top: 0;
	left: 10px;
}
.d3zmw_line {
	width: 420px;
	height: 420px;
	border: 1px solid #2f0d16;
	position: absolute;
	top: 25px;
	left: 0;
}
.zcsmk_nr {
	width: 390px;
	height: auto;
	position: absolute;
	top: 260px;
	left: 30px;
	background: rgba(120, 28, 54, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19781c36, endColorstr=#19781c36);
	padding: 15px;
	color: #fff;
}
.zcsmk_nr p {
	line-height: 25px;
}
.d3zmw_nr2 {
	width: 540px;
	height: 450px;
	float: right;
	position: relative;
}
.d3zmw_line1 {
	width: 200px;
	height: 200px;
	border: 1px solid #9a530f;
	position: absolute;
	top: 65px;
	left: 0;
}
.d3zmw_bt {
	width: 385px;
	height: 60px;
	position: absolute;
	top: 120px;
	left: 60px;
}
.d3zmw_bt01 {
	line-height: 30px;
	font-size: 24px;
	color: #781c36;
}
.d3zmw_bt02 {
	line-height: 25px;
	margin-top: 5px;
	font-size: 18px;
	padding-left: 10px;
}
.d3zmw_wenzi {
	width: 480px;
	height: auto;
	position: absolute;
	top: 215px;
	left: 60px;
}
.d3zmw_wenzi p {
	line-height: 25px;
	font-size: 14px;
	color: #333;
}
.d3zmw_wzbz {
	width: 20px;
	height: auto;
	position: absolute;
	top: 148px;
	left: 20px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	border-right: 1px solid #444;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.d3zmw_fwdh {
	margin-top: 30px;
	font-size: 18px !important;
	border-right: 1px solid #444;
}
.d3zmw_fwdh span {
	font-size: 20px;
	color: #781c36;
	margin-left: 5px;
	font-weight: bold;
	font-style: italic;
}
.d3zmw_3dtp {
	width: 200px;
	height: 43px;
	position: absolute;
	top: 0;
	right: 0;
}
.d3zmw_3dtp img {
	-moz-transform: perspective(0px) rotateY(0deg);
	-webkit-transform: perspective(0px) rotateY(0deg);
	transform: perspective(0px) rotateY(0deg);
	transition: all 1s;
	-webkit-transition: all 1s;
}
.d3zmw_3dtp img:hover {
	-moz-transform: perspective(800px) rotateY(360deg);
	-webkit-transform: perspective(800px) rotateY(360deg);
	transform: perspective(800px) rotateY(360deg);
	transition: all 1s;
	-webkit-transition: all 1s;
}
/** d3zmw_box **/

/** bjm_box **/
.bjm_box {
	height: auto;
	margin-top: 30px;
}
.bjm_box1 {
	height: auto;
}
.bjm_box1a {
	width: 380px;
	height: auto;
	float: left;
	background: #;
}
.bjm_box1b {
	width: 570px;
	height: auto;
	float: right;
}
.bjm_tm {
	line-height: 30px;
	font-size: 24px;
	color: #5c2531;
	margin-top: 50px;
}
.bjm_tm1 {
	height: auto;
	line-height: 25px;
	font-size: 14px;
	margin-top: 20px;
	color: #000;
}
.bjm_tp {
	height: auto;
	margin-top: 30px;
}
.bjm_tp ul { }
.bjm_tp ul li {
	width: 185px;
	height: auto;
	float: left;
	margin-right: 5px;
}
/*.bjm_tp ul li img{
	-moz-transform: perspective(0px) rotateY(0deg);
  -webkit-transform: perspective(0px) rotateY(0deg);
  transform: perspective(0px) rotateY(0deg);
  transition: all 1s;
  -webkit-transition: all 1s;
  }
.bjm_tp ul li img:hover{
	-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;
}
	*/
.bjm_box2 {
	height: auto;
	margin-top: 30px;
}
.bjm_box3 {
	height: auto;
	margin-top: 50px;
}
.bjm_box3bt {
	width: 318px;
	height: 53px;
	margin: 0 auto;
}
.bjm_box3 ul {
	height: auto;
	margin-top: 30px;
}
.bjm_box3 ul li {
	width: 235px;
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
}
.bjmcp_tm {
	line-height: 30px;
	color: #000;
}
.bjmcp_tp {
	height: 235px;
	margin-top: 5px;
	overflow: hidden;
}
.bjmcp_tp img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1.0);
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.bjmcp_nr {
	height: 75px;
	margin-top: 5px;
}
.bjmcp_nr p {
	line-height: 25px;
}
.bjmcp_nr p span {
	color: #5c2531;
	font-weight: bold;
}
.bjm_box3 ul li:hover .bjmcp_tp img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1.1);
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}
.bjm_box3 ul li:hover .bjmcp_tm {
	color: #5c2531;
}
/** bjm_box **/

/** sd_box1 **/
.sd_box1 {
	height: 500px;
	position: relative;
	margin-top: 50px;
}
.sdbg01 {
	width: 440px;
	height: 500px;
	background: #f2f2f2;
	position: absolute;
	top: 0;
	left: 0;
}
.sdbg02 {
	width: 645px;
	height: 355px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
}
.sdbg03 {
	width: 322px;
	height: 338px;
	background: #fff;
	position: absolute;
	top: 100px;
	left: 130px;
	z-index: 99;
}
.sdbg03_wz {
	width: 80px;
	height: auto;
	position: absolute;
	top: 150px;
	left: 195px;
	z-index: 999;
}
.sdbg03_wz01 {
	width: 30px;
	height: auto;
	float: left;
	text-align: center;
	line-height: 35px;
	font-size: 24px;
	color: #781c36;
}
.sdbg03_wz02 {
	width: 30px;
	height: auto;
	float: left;
	margin-left: 15px;
	text-align: center;
	line-height: 35px;
	font-size: 24px;
	color: #781c36;
}
.sdbg04 {
	width: 530px;
	height: auto;
	position: absolute;
	top: 370px;
	right: 0;
}
.sdbg04 p {
	line-height: 25px;
	font-size: 14px;
	color: #333;
}
.sdbg05 {
	width: 100px;
	height: 110px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 280px;
}
/** sd_box1 **/
/** process6 **/
.d3zzuwz {
	width: 475px;
	height: auto;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 99999;
}
.d3zzuwz p {
	line-height: 25px;
	font-size: 14px;
	color: #333;
	text-indent: 2em;
}
/** process6 **/

/** process7 **/
.jcfjt {
	height: auto;
}
/** process7 **/
/** process8 **/
.bjmjsfn {
	height: auto;
	margin-top: 50px;
}
.bjmjsfn_nr {
	height: auto;
	margin-top: 80px;
}
.bjmjsfn_nr ul {
	height: auto;
}
.bjmjsfn_nr ul li {
	width: 200px;
	height: 50px;
	line-height: 25px;
	font-size: 14px;
	float: left;
	margin-bottom: 5px;
}
.bjmjsfn_nr ul li span {
	margin-right: 10px;
	color: #b09671;
	font-weight: bold;
	font-style: italic;
}
/** process8 **/

/** process9 **/
.wdw_box {
	height: auto;
	margin-top: 50px;
}
.wdw_box1 {
	height: auto;
}
.wdw_box1a {
	width: 49%;
	height: auto;
	float: left;
}
.wdw_box1a p {
	line-height: 25px;
	font-size: 14px;
}
.wdw_box1a p span {
	margin-right: 5px;
	color: #781c36;
}
.wdw_box1b {
	width: 45%;
	height: auto;
	float: right;
}
.wdw_box2 {
	height: auto;
	margin-top: 50px;
}
.jsyd_ul {
	height: auto;
	margin-top: 40px;
}
.jsyd_ul ul li {
	width: 150px;
	height: auto;
	float: left;
	margin-right: 50px;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
}
.jsyd_tp {
	width: 110px;
	margin: 0 auto;
	height: auto;
}
.jsyd_nm {
	line-height: 25px;
	font-size: 14px;
	margin-top: 5px;
	text-align: center;
}
.jsyd_jst {
	height: auto;
	margin-top: 50px;
}
/** process9 **/

/** process10 **/
.wzja8_box {
	height: auto;
	margin-top: 30px;
}
.wzja8_tp {
	height: auto;
}
.wzja8_tp1 {
	height: auto;
	margin-top: 30px;
}
.wzja8_tp1a {
	width: 200px;
	height: auto;
	float: left;
}
.wzja8_tp1b {
	width: 700px;
	height: auto;
	float: right;
	margin-top: 25px;
}
.wzja8_tp1b p {
	line-height: 25px;
	font-size: 14px;
}
.wzja8_div {
	height: auto;
	margin-top: 50px;
}
.wzja8_div01 {
	width: 360px;
	height: auto;
	float: right;
}
.wzja8_div02 {
	width: 565px;
	height: auto;
	float: left;
	margin-top: 50px;
}
.wzja8_div02 p {
	line-height: 30px;
	font-size: 14px;
}
.wzja8_div02 p span {
	margin-right: 5px;
	color: #5c2531;
}
/** process10 **/

/** process11 **/
.spsdw_tp {
	width: 420px;
	height: auto;
	float: left;
}
.spsdw_nr {
	width: 500px;
	height: auto;
	float: right;
	margin-top: 30px;
}
.spsdw_nr p {
	line-height: 25px;
	font-size: 14px;
}
.jsyd1 {
	width: 438px;
	height: 325px;
	float: left;
}
.jsyd2 {
	width: 520px;
	height: auto;
	float: right;
}
.jsyd2 p {
	line-height: 30px;
	font-size: 14px;
}
.jsyd2 p span {
	margin-right: 5px;
	color: #781c36;
}
/** process11 **/
/** process12 **/
.lxgy_box {
	height: auto;
	margin-top: 50px;
}
.lxgy_box1 {
	height: auto;
}
.lxgy_box1a {
	width: 445px;
	height: auto;
	float: left;
}
.lxgy_box1b {
	width: 500px;
	height: auto;
	float: right;
}
.lxgy_bt {
	font-size: 24px;
	letter-spacing: 2px;
	color: #5c2531;
	margin-top: 20px;
	margin-bottom: 20px;
}
.lxgy_nr {
	height: auto;
}
.lxgy_nr p {
	line-height: 25px;
	font-size: 14px;
}
/** process12 **/
#sctext01 {
	    height: 306px;
    margin-top: -153px;
	margin-left: -250px;
}
#sctext01 .txt_title {
	line-height: 45px;
}
#sctext02 {
	height: 280px;
    margin-top: -140px;
	margin-left: -250px;
}
#sctext02 .txt_title {
	line-height: 45px;
}
#sctext03 {
	height: 260px;
    margin-top: -130px;
	margin-left: -250px;
}
#sctext03 .txt_title {
	line-height: 45px;
}
#sctext04 {
	height: 280px;
    margin-top: -140px;
	margin-left: -250px;
}
#sctext04 .txt_title {
	line-height: 45px;
}
#sctext05 {
	      height: 330px;
    margin-top: -165px;
    margin-left: -250px;
}
#sctext05 .txt_title {
	line-height: 45px;
}
/** fot_fot **/
.fot_fot {
	width: 955px;
	height: 54px;
	margin: 0 auto !important;
}
.fot_fot ul {
	text-align: center;
	margin: 0 auto;
}
.fot_fot ul li {
	display: inline-block;
	padding: 0px 8px;
	line-height: 54px;
}
.fot_ba img {
	width: 50px;
	height: 53px;
}
/** fot_fot **/

/** cpslide **/
.cpslide {
	height: auto;
	margin-top: 15px;
	padding-right: 15px;
}
.cpslide ul {
	height: auto;
}
.cpslide ul li {
	height: auto;
	margin-bottom: 6px;
}
/** cpslide **/
/** banner **/

.ban_lbt {
	height: auto;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.flexslider .slides > li { display: none; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom: 1; position: relative; }
/* Caption style */
/* IE rgba() hack */
.flex-caption { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000); zoom: 1; }
.flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .3); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); font-size: 14px; line-height: 18px; }
/* Direction Nav */
.flex-direction-nav li a { width: 75px; height: 95px; margin: -13px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav li a.next { background-position: -75px 0; right: -27px; }
.flex-direction-nav li a.prev { background-position: 0 0; left: 0px; }
.flex-direction-nav li a.disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; height: 25px; bottom: 50px; text-align: center; }
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child { margin: 0; }
.flex-control-nav li a { width: 13px; height: 13px; display: block; background: url(../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background-position: 0 -13px; }
.flex-control-nav li a.active { background-position: 0 -26px; cursor: default; }
.banner1 {
	position: relative;
	min-height: 500px;
}
.banqtp { position: absolute; top: 0; left: 0; width: 100%; }
/** banner **/

/** cpaddd **/
.cpaddd {
	height: auto;
}
.cpaddd ul {
	height: auto;
}
.cpaddd ul li {
	height: auto;
	float: left;
	width: 328px;
	height: auto;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.cpadd_div {
	width: 100%;
	height: 80px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.cpadd_tb {
	width: 60px;
	height: 60px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	overflow: hidden;
}
.cpadd_nr {
	width: 238px;
	height: 60px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	text-align: center;
}
.cpadd_nr1 {
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 4px;
}
.cpadd_nr2 {
	font-size: 12px;
	line-height: 18px;
}
.cpaddd ul li a {
	color: #000;
	display: block;
}
.cpaddd ul li a .cpadd_tb img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1.0);
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.cpaddd ul li a:hover .cpadd_nr1 {
	color: #2e0d16;
}
.cpaddd ul li a:hover .cpadd_nr2 {
	color: #2e0d16;
}
.cpaddd ul li a:hover .cpadd_tb img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1.1);
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
}
/** cpaddd **/

/** zhaoshang **/
.zhaoshang {
	height: auto;

}
.zs01 {
	height: auto;
	background: #fff;
	padding: 80px 0 20px 0;
}
.zs_ppiys {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
	/*box-shadow:2px 2px 50px #999;*/
}
.ppiys_tm {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #615d5c;
	letter-spacing: 1px;
}
.ppiys_box {
	height: auto;
	padding: 50px 30px 20px 30px;
	background: #fff;
	border-left: 1px solid #b8b6b6;
	border-right: 1px solid #b8b6b6;
	border-bottom: 2px solid #b8b6b6;
}
.ppiys_box ul {
	height: auto;
}
.ppiys_box ul li {
	width: 50%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.ppiys_zil {
	width: 95%;
	height: auto;
	margin: 0 auto;
}
.ppiys_mzi {
	line-height: 30px;
	font-size: 16px;
	background: url(../images/ppiys_mzi.jpg) center left no-repeat;
	padding-left: 25px;
	font-weight: bold;
}
.ppiys_mwz {
	height: auto;
	padding-left: 25px;
	margin-top: 10px;
}
.ppiys_mwz p {
	line-height: 22px;
	font-size: 13px;
}
.banzs01 {
	height: auto;
}
.zs02 {
	height: auto;
	background: #fff;
	padding: 80px 0;
}
.zs02_img {
	height: auto;
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	margin-top: 60px;
}
.zs03 {
	height: auto;
	background: #fff;
	padding: 80px 0;
}
.zs03_wzjs {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
}
.zs03_wzjs p {
	line-height: 22px;
	font-size: 13px;
	letter-spacing: 1px;
}
.zs03_wtp {
	width: 1000px;
	margin: 0 auto;
	height: auto;
	margin-top: 50px;
}
.zs04 {
	height: auto;
	background: #fff;
	padding: 80px 0;
}
.zs04_box {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
	/*box-shadow: 2px 2px 50px #999;*/
	border-top: 1px solid #b8b6b6;
	border-left: 1px solid #b8b6b6;
	border-right: 1px solid #b8b6b6;
	border-bottom: 2px solid #b8b6b6;
}
.zs04nr {
	padding: 60px;
}
.zs04_bt {
	line-height: 35px;
	font-size: 30px;
	color: #000;
	text-align: center;
}
.zs04_btline {
	height: auto;
	text-align: center;
}
.zs04_wz {
	height: auto;
	margin-top: 40px;
	text-align: center;
}
.zs04_wz p {
	line-height: 22px;
	font-size: 13px;
}
.zs04_box1 {
	height: auto;
	margin-top: 20px;
}
.zs04_box1img {
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;
}
.zs05 {
	height: auto;
	background: #dededc;
	padding: 80px 0;
}
.zs05_p {
	width: 1200px;
	height: auto;
	line-height: 25px;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	font-size: 13px;
}
.zs05_bg {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
}
.zs05_bg ul {
	height: auto;
}
.zs05_bg ul li {
	width: 318px;
	height: 48px;
	border: 1px solid #8e8e8c;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.zs05_xm {
	/*width: 226px;*/
	height: 48px;
	float: left;
	margin-left: 10px;
}
.zs05_bitian {
	width: 113px;
	height: 48px;
	float: right;
	line-height: 48px;
	text-align: right;
	font-size: 13px;
	margin-right: 10px;
	color: #575654;
}
.zs05_xm input {
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: none;
	font-size: 13px;

	outline: none;
	color: #575654;
	background: none;
}
.zs05_xx {
	height: auto;
}
.zs05_xx textarea {
	width: 970px;
	height: 125px;
	line-height: 22px;
	border: none;
	padding: 15px;
	border: 1px solid #8e8e8c;
	font-size: 13px;

	outline: none;
	color: #575654;
	background: none;
}
.zs05_tj {
	width: 1000px;
	height: 45px;
	margin-top: 20px;
}
.zs05_tj a {
	display: block;
	line-height: 45px;
	background: #838280;
	text-align: center;
	font-size: 13px;
	color: #fff;
}
.zs05_tj a:hover {
	background: #300c16;
}
.box_yin {
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	background: url(../images/box_yin.png) top center no-repeat;
}
/** zhaoshang **/

.contact_warp p{line-height: 20px;}
.jobln{ display: none;}
.contact_top_name{font-size: 22px;}
.job_dot table{width: 100%;}
.job_dot td,.job_dot th{width: 34%;    vertical-align: middle;text-align: left;padding: 5px 10px;
	border-right: 1px solid #cccccc;

}
.job_dot table{
	border-collapse: collapse;
	border: 1px solid #cccccc;border-right: none;
}
.job_dot tr{border-bottom: 1px solid #cccccc;}
.job_dot td.job_dot_con,.job_dot th.job_dot_con{width: 66%;}
.job_dot th{font-size: 13px;
font-weight: bold;}
.job_dot_con div{font-weight: bold;    margin-bottom: 5px;}

.job_dot_con div.text{margin-top: 10px;}
.job_dot_tit{font-size: 14px;}
.job_dot{margin-top: 30px;}


@media (max-width: 1440px) and (min-width: 1024px) {}
@media (max-width: 1439px) and (min-width: 1280px) {}
@media (max-width: 1279px) and (min-width: 1170px) {}
@media (max-width: 1169px) and (min-width: 1024px) {
	
	.content .text {
    float: left;
    width: 29%;
	}
	}