@charset "utf-8";
html, body { margin: 0px; padding:0px;}
body { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑"; color: #999999; background-color:#FFFFFF; text-align:left;
    min-width: 1200px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');
    _width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');
}
input, select, textarea{font-family:"Microsoft Yahei","微软雅黑"; outline:none;}
img, a img, p{ padding:0px; margin:0px; border:none; outline:none;}
a:link { color: #999999; text-decoration: none; }
a:visited { text-decoration: none; color: #999999; }
a:hover { text-decoration:none; color: #c90e21; }
a:active { text-decoration: none; color: #999999; }
h1,h2,h3,h4,h5,h6{margin: 0px;font-weight:400;  }
ul, ul li, dl, dt, dd{ padding:0px; margin:0px; list-style:none;}
p{font-size:14px;}

.one_nn{width: 100%;padding: 20px;}
.no_cc{margin-left:0 !important; }
.ma_r{margin-right:0 !important; }
.cl{ clear:both;height:1px;overflow:hidden;}
.h1{height:10px;}
.h15{height:15px;}
.h2{height:20px;}
.h3{height:30px;}
.h4{height:40px;}
.h5{height:50px;}
.h6{height:60px;}
.h7{height:70px;}
.h8{height:80px;}
.h9{height:90px;}
.h10{height:100px;}
.h12{height:120px;}
.h140{height:140px;}

.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w55{width:55%;}
.w70{width:70%;}
.w80{width:80%;}

.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}
.mtb40{margin:40px 0;}
.mtb50{margin:50px 0;}
.mtb60{margin:60px 0;}
.mtb70{margin:70px 0;}
.mtb80{margin:80px 0;}


.ml0{margin-left:0px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}

.mt0{margin-top:0px !important;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.pr50{padding-right:50px;}

.ovh {overflow: hidden;}
.por {position: relative;}
.poa {position: absolute;}
.fl{float:left;display:inline;}
.fr{float:right !important;display:inline;}
.hr{border:1px solid #e6e6e6;}
.two{margin-left:70px;}
.m0{margin-left:0px !important;}
.m10{margin-left:10px;}
.mtb30{margin:30px 0;}
.mtb20{margin:20px 0;}
.w10{width:100px;}
.w2{width:20px;}
.w1{width:10px;}
.block{display:block !important;}
.no-block{display:inline-block;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.wp250{width:250px;}
.wp590{width:590px;}
.red{color:#f02b2e;}
img.scale{transition: transform 2s;}
a.imgshow:hover img.scale,
a:hover img.scale,
img.scale.hover{transform: scale(1.1);}

.box_max{width:1200px;margin:auto;}
.header_left{width: 1014px;}
.header{
	margin-top: 20px;
	color: #f47c00;
	font-size: 16px;
}
.header_right{width: 186px;}
.header_top{width: 100%; background: #ffffff; height: 80px;}
.header_logo a img{width: 100%;}
.header_logo{margin-right:20px;margin-bottom:15px;  }
.header_title{}
.header_title h3{
	font-size: 22px;
	color: #515151;
	font-weight: 400;
}
.header_title h4{
	font-size: 12px;
	color: #515151;
	height: 30px;
	line-height: 30px;
	font-weight: 400;
}
.header_cx{height: 42px; width: 1px; background: #cccccc;margin: 0 20px;padding-top: 9px;}
.header_jsao{}
.header_jsao h3{font-size: 14px;color: #999999;height: 22px; line-height: 22px;}
.header_jsao h4{font-size: 14px;color: #999999;height: 33px; line-height: 33px;}
.header_right img{display: block;float: left;margin-right:15px; }
.header_right span{color: #f47c00;line-height: 30px;height: 30px; display: block;float: left;font-weight:bold;font-size:18; }
.header_right{
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
}
.header_nav{height: 44px; line-height: 44px; background: #0056a3;width: 100%;position: absolute;top:100px;}
.header_nav ul li {white-space: nowrap;padding-left: 0px;position: relative;background: none;float: left; padding: 0 0px 12px;text-align:center;position: relative;z-index: 999;width: 14.28%; }
.header_nav ul li a:hover{background:url(../images/navhbg.png) no-repeat left top;}
.li_yangshi a{background:url(../images/navhbg.png) no-repeat left top;}
.stylesgoleft:hover{color: #f47c00;cursor:pointer}
.stylesgoright:hover{color: #f47c00;cursor:pointer}
.header_nav ul li a{color: #e9edf4;float: left;height: 56px;line-height: 46px;padding: 0 52px;text-decoration: none;font-size: 14px; }
.banner,.about_us_background{padding-top: 42px;}
.about_us_background img{display: block;}
.banner a img{width: 100%;}
.divss{height: 20px;background: #e5eef6; width: 100%;}
.middle{width: 100%;background: #e5eef6;padding-bottom:30px; }
.middle_title{height: 45px;background: #fff url(../images/laba.png) no-repeat 1% center;  border-radius:5px; background-size: 24px;}
.middle_title p{line-height: 45px;height: 45px;}
.middle_left {background: #fff;margin-top:20px;width: 360px;  border-radius:8px;padding-bottom: 22px;height: 540px;}
.middle_left .middle_left_li  h3{font-size:20px;color: #4277bd;float: left;border-bottom:2px solid #0056a3;padding-bottom: 6px; width: 25%; padding-top: 20px;}
.middle_left  .middle_left_li h4{padding-top: 20px;font-size:14px;color: #999999; float: left;height: 34px;line-height: 34px;border-bottom:2px solid #f0f0f0; width: 72%;padding-left: 2%; }
.middle_left  .middle_left_li{margin: 0 5%; }
.middle_left_li img{width: 100%;margin-top:10px; }
.middle_left_li p{line-height: 32px;font-size:14px;color: #666; margin-top:20px ;padding-bottom: 10px;height:224px;overflow:hidden;  }
.middle_right{width: 822px;margin-left:18px; }
.middle_top_cot{margin-top:20px; background: #fff; border-radius:8px;height:271px;overflow: hidden;}
.middle_top_cot h3{font-size:20px;color: #4277bd;float: left;border-bottom:2px solid #0056a3;padding-bottom: 6px; width: 11%; }
.middle_top_cot h4{font-size:14px;color: #999999; float: left;height: 34px;line-height: 34px;border-bottom:2px solid #f0f0f0; width: 87%;padding-left: 2%; }
.middle_top_conton{margin-top:20px; } 
.middle_top_conton ul li {float:left;background: #f0f0f0;margin-left:20px; width:180px; }
.middle_top_conton ul li img{width: 100%;} 
.middle_top_conton ul li span{display:block;text-align: center;}
.middle_top_con{padding:24px;  }
.middle_top_ys{padding-bottom: 0px !important;}
.middle_top_conton ul li span{display:block;text-align: center;line-height: 28px;height: 28px;padding-bottom: 5px;}
.bott_lianxi h3{font-size:20px;color: #4277bd;float: left;border-bottom:2px solid #0056a3;padding-bottom: 6px; width: 25%;padding-top: 20px}
.bott_lianxi h4{font-size:14px;color: #999999; float: left;height: 34px;line-height: 34px;border-bottom:2px solid #f0f0f0; width: 73%;padding-left: 2%; padding-top: 20px}
.bott_lianxi p{line-height: 36px;color: #666666;}
.bott_fw h3{font-size:20px;color: #4277bd;float: left;border-bottom:2px solid #0056a3;padding-bottom: 6px; width: 11%;}
.bott_fw h4{font-size:14px;color: #999999; float: left;height: 34px;line-height: 34px;border-bottom:2px solid #f0f0f0; width: 87%;padding-left: 2%; }
.bott_fw ul li{ float: left;}
.bott_lianxi{background: #fff url(../images/lix_bj.png ) no-repeat ;margin-top: 20px;width: 360px; border-radius:8px}
.bott_fw{width: 822px; background: #fff; margin-top:18px;margin-bottom:38px; border-radius:8px }
.bott_lianxi_con{margin:0 20px;  }
.bott_lianxi_con p{margin: 20px 0;}
.bott_fw_con{margin:0 30px;padding-top: 21px  ;}
.bott_fw_con ul li{margin-top:20px;  background: #f5f5f5;margin-left:28px; }
.bott_fw_con ul li img{width: 100%}
.bott_fw_con ul{padding-bottom:8px }
.footer{background: #0b477b;height:80px;padding-top:10px; }
.foot ul {text-align: center;margin-bottom:3px; }
.foot ul li {display:inline-block;*display:inline;*zoom:1;height:40px;line-height:40px;margin:0 20px;border-bottom:1px solid transparent;  }
.foot ul li a{color: #ffffff; font-size:12px;padding-bottom:10px; }
.foot ul li a:hover{  border-bottom:1px solid #f47c00;}
.foot ul li a:hover{color: #f47c00;}
.li_yang{color: #4c88be}
.foot p{color:#fff;}
.pager{ text-align:center; margin-top:60px;  height:34px; margin-bottom:80px; }
.pager a{ margin:0px 4px; padding:6px 12px; width:34px;height:34px;font-weight:bold; background-color:#f0f0f0;font-size:14px; color:#cdcdcd;border:1px solid #c2c2c2;}
.pager a:hover, .pager a.current{ color:#fff; text-decoration:none; background: #0056a3}

/*关于我们开始*/
.about_type {border-radius:8px;width: 240px;}
.about_type dl dt{font-size:16px;height: 56px;line-height: 56px;color: #fff;padding:0  20px;border-radius:8px 8px 0px 0 ;background:#f8b266;background:#f8b266 url(../images/about_tb.png) no-repeat 94% center;}
.about_type dl dd{width:240px;height: 46px; line-height: 46px;background: #ffffff;border-bottom: 1px  solid #e5eef6;}
.about_type dl dd a{font-size:14px;color: #666666; }
.about_view{width: 240px;margin: 20px 0 ; position: relative;}
.about_view > img{width: 100%;}
.about_view span img{position:absolute; top: 40px;right: 90px;}
.about_lx{background: #fff;width: 240px;padding: 22px 0;border-radius:8px}
.about_lx dl dt{padding:0  20px;color: #f68e3a;font-size:16; }
.about_lx dl dd{font-size:12px;color:#666666;line-height: 24px;padding:0 20px;margin-top:10px; padding-left:44px; }
.about_lx_dz{ background:url(../images/dz_tb.png) no-repeat  20px 5px } 
.about_lx_dh{background:url(../images/dh_tb.png) no-repeat  20px 5px} 
.about_lx_cz{background:url(../images/cz_tp.png) no-repeat  20px 5px} 
.about_lx_yb{background:url(../images/yb_tb.png) no-repeat  20px 5px} 
.about_lx_url{background:url(../images/url_tb.png) no-repeat  20px 5px}
.about_title {width: 900px;padding: 0 20px;height: 56px;line-height: 56px;background: #fff;margin-left:20px;border-bottom:1px solid #e5eef6;border-radius:8px 8px 0 0  } 
.about_title h3{float: left; font-size:16px;color: #666666;height: 56px;line-height: 56px; }
.about_title span{float: right;}
.about_title span a:hover{color: #f68e3a !important;}

.about_content{width: 900px;padding: 10px 20px;background: #fff;margin-left:20px;}
/*.about_content p{float: left;line-height: 36px;font-size:14px; }*/
/*.about_content img {}*/

.tc a{color: #fff}
/*关于我们结束*/
.view_content_vs {border-radius:8px;padding-top: 20px; }
.view_content_vs ul li a img{display: block;width:100%}
.view_content{width: 940px;background: #fff;margin-left:20px;}
.view_content_vs ul li {float: left; position: relative;overflow: hidden;  }
.view_content_vs ul li span{display: block;text-align: center;height: 40px;line-height: 40px; background: #e5eef6;font-size:14px;color: #666; }
.relation_content{width: 900px;padding: 10px 20px;background: #fff;margin-left:20px;padding-bottom: 25px;}
.relation_content p{ margin-bottom:10px; line-height: 36px;font-size:14px;color: #666666}
.news_content{width: 900px;padding: 0px 20px;background: #fff;margin-left:20px;}
.news_view_time a{float: left;}
.news_view_time span{float: right;}
.news_img{width: 160px;margin-right:20px;height: 120px; }
.news_img img{width: 100%;}
.news_content ul li{padding: 30px 0; border-bottom:1px solid #e2e2e2;height: 120px; }
.news_view h3{color: #0056a3;font-size:16px; }
.news_view p{line-height: 28px;color: #888888;font-size: 14px;margin-top:5px;}
.news_view_time a{ display: block;height: 30px;line-height: 30px;background: #e0eaf4;padding:0 20px;color: #666666; }
.news_view_time span{font-size:14px;color: #d0d0d0;height: 30px;line-height: 30px; }
.news_view_time{margin-top:7px; }
.por >ul> li>a> span{background: #f0f0f0}
.recruit h3 {height: 46px; line-height: 46px;border: 1px solid #e3e3e3;padding: 0 20px; color: #666666; font-size:16px; }
.recruit h3 img{ line-height: 46px;}
.recruit_content p{ clear:both; font-size:14px; ;color: #666666;line-height: 30px;}
.recruit_content{  clear:both; padding: 20px 30px ;border: 1px solid #e3e3e3;border-top:0; } 
.about_type dl >.about_ys{background: #4c88be;color: #fff}
.about_type dl >.about_ys a{color: #fff}



.gwzp-ul li {

	margin-bottom: 15px;
}

.gwzp-ul li h4 {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #e3e3e3;padding: 0 20px; color: #666666; 
}

.gwzp-ul li h4 span {
	text-align: right;
	height: 46px;
	line-height: 46px;
	margin-top:13px; 
}
.maxm{padding: 0px !important;}
.gwzp-yq {
	padding: 20px 30px ;border: 1px solid #e3e3e3;border-top:0;
	font-size:14px; ;color: #666666;line-height: 30px;
}

.block{display: block;}
.no-block{display:none;}
.equis{padding: 10px 0px !important;width: 940px  !important;margin-bottom: 60px;}

.equi li{width: 440px;float: left;margin-left:20px;margin:10px 20px;  }
.equi li img{width: 100%;}
.video-ul li {
}
.about_type{border-radius:8px}
.about_type dl {border-radius:8px}
.about_type dl >.view_dor{background: #4c88be;color: #ffffff}
.about_type dl >.view_dor a{color: #ffffff}
.play-t , .play-d {
	position: relative;
}

.play-t {
	position: relative;
	height: 30px;
	padding: 14px 20px;
	background-color: #f5f5f5;
}

.play-d {
	height: 536px;	
}

.play-t > h3 {
	margin: 0;
	font-size: 18px;
	text-align: center;
	font-weight: 400;
	/*line-height: 32px;*/
	color: #424242;
}

.play-close {
	position: absolute;
	display: block;
	top: 14px;
	right: 14px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #757575;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index: 10;
	border-radius: 15px;
}

.video-ul li > p {
	padding: 10px;
	font-size: 18px;
	color: #535455;
	text-align: center;
}

.video-ul li.other{
	margin-right: 0px;
}

.video-t {
	overflow: hidden;
	
}

.video-img {
	position: relative;
}

.video-img img {
	display: block;
	width: 284px;
}

.video-play {
	position: absolute;
	transition:all 0.4s ease-in-out ;
	-moz-transition:all 0.4s ease-in-out ; /* Firefox 4 */
	-webkit-transition:all 0.4s ease-in-out ; /* Safari and Chrome */
	-o-transition:all 0.4s ease-in-out ; /* Opera */	
	-ms-transition: all 0.4s ease-in-out ;	

	top: 105%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2) url(../images/video-play.png) no-repeat scroll center center;
}

.video-ul li a:hover .video-play {
	top: 0;
}

#mask {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1000;
	cursor: pointer;
	
}

.fade {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fadein {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#mask.fadein {
	display: block;
}
.play-box.active {
	top: 50%;
	_position: absolute;
	_top: 15%;
	_margin-top: 0;
	margin-top: -300px;
}

.play-box {
	position: fixed !important;
	top: -200%;
	left: 50%;
	_position: absolute;
	_top: -200%;
	_margin-top: 0;
	z-index: 1050;
	width: 880px;
	height: 596px;
	margin-left: -440px;
	background-color: #fff;
	outline: none;
	-webkit-transition: top .35s linear;
	-moz-transition: top .35s linear;
	-o-transition: top .35s linear;
	-ms-transition: top .35s linear;
	transition: top .35s linear;	

}

.play-box.fadein {
	top: 50%;
	_top: 15%;
}



.contact_input input{
	margin-bottom: 20px;
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 12px center !important;
}

.contact_name input{
	width: 371px;
	height: 38px;
	border: 1px #cccccc solid;
	font-size: 14px;
	margin-right: 20px;
	background-image:  url(../images/contactname_03.jpg) ;

}

.contact_phone input{
	width: 371px;
	height: 38px;
	border: 1px #cccccc solid;
	font-size: 14px;
	background: url(../images/contact_phone_03.jpg) no-repeat ;
	
}

.contact_address input{
	width: 371px;
	height: 38px;
	border: 1px #cccccc solid;
	font-size: 14px;
	margin-right: 20px;
	background: url(../images/address_03.jpg) no-repeat;
}

.contact_email input{
	width: 371px;
	height: 38px;
	border: 1px #cccccc solid;
	font-size: 14px;
	background: url(../images/contact_email_03.jpg) no-repeat;
}

.contact_company input{
	width: 762px;
	height: 38px;
	border: 1px #cccccc solid;
	font-size: 14px;
	background: url(../images/contact_company_03.jpg) no-repeat;
}
.contact_details textarea{
	padding-left: 32px;
	width: 762px;
	height: 310px;
	border: 1px #cccccc solid;
	font-size: 14px;
	background-position: 12px 15px !important;
	line-height: 38px;
	background: url(../images/contact_details_03.jpg) no-repeat;
}

.contact_sub{
	margin-top:5px; 
	width: 120px;
	height: 40px;
	background-color: #fd8200;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	border: hidden;
	padding: inherit !important;
}
.contact_tx{
	font-size: 14px;
	color: #999999;
	line-height: 40px;
	margin-left: 20px;
}

.subject_mid{
	width: 100%;
	
	font-size: 14px;
	line-height: 30px;
	margin-bottom:60px; 
	
}
.news_xqy{

margin-top: 40px 0;

}
.news_xqy h3{font-size:24px;color: #000;margin-top:25px; margin-bottom:10px ;text-align: center;}
.news_xqy span{color: #ccc;font-size:16px;text-align: center; display: block; }



.scroll_horizontal{position:relative;width:762px;height:182px;line-height:20px; }
.scroll_horizontal .box_xx{overflow:hidden;position:relative;width:762px;height:160px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:182px;text-align:center;padding:20px 0; }
.scroll_horizontal .plus,
.scroll_horizontal .minus{position:absolute;top:50px;cursor:pointer;}
.scroll_horizontal .plus{left:10px;background:red; }
.scroll_horizontal .minus{right:10px; background:red;}
.scroll_horizontal .plus:hover,
.scroll_horizontal .minus:hover{background:#f60;}

.yange{background: red;}
.gonggao{
    height:45px;width:100%;overflow:hidden;float:left;
    position:relative;
    z-index:98;
}
.gonggao1{
    width:1200px;
	margin:0 auto;
}
.gonggao_img{
   float:left;
   line-height:45px;
   color:#de7b0a;
   font-size:16px;
   font-weight:bold;
   background:url(../images/yuandia.png) no-repeat left center;
   text-indent:0.5em;
}
.gong{line-height: 45px;height: 45px;padding-left: 10px;padding-top: 13px;width: 24px;}
.gong img{width: 100%;}
.about_more {width:50px;display: block;height:24px;line-height:24px;font-size:12px;background: #f8b266;padding: 0 6px;border-radius:3px }
#notice {
    width:1200px;
	overflow:hidden;
	/*float:left;*/
	height:45px;
}
#notice ul{float:left;width:100%;color:#666666;margin-left:40px; }
#notice ul li{float:left;font-size:14px;width:80%;line-height:45px;height:45px;}
#notice ul li p{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#notice ul li a{color:#666666; }


.honor-ul .last{margin-right:0px !important;}





/*滚动导航 开始*/


	
	.nav-menu {
	display: block;
	
}
.nav-menu > dd {
	
	
	border-right:1px solid #94c0be;
}
.nav-menu > dd:last-child {
	border-right: none;
}
.nav-menu >dd> a {
	color: #666666;
	display: block;
	text-decoration: none;
	/*调用本地字体*/
	font-family:sansationregular;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: capitalize;
	overflow: visible;
	line-height: 20px;
	font-size: 20px;
	padding: 15px 30px 15px 31px;
}
.three-d {
	/* 任务三、设置3D舞台布景 */
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	-ms-perspective: 200px;
	-o-perspective: 200px;
	perspective: 200px;
          /*任务四、设置3D舞台布景过渡效果*/
	-webkit-transition: all .07s linear;
 	-moz-transition: all .07s linear;
 	-ms-transition: all .07s linear;
 	-o-transition: all .07s linear;
 	transition:all .7s linear;
	position: relative;
}
.three-d:not(.active):hover {
	cursor: pointer;
}
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
	-wekbit-transform: translateZ(-25px) rotateX(90deg);
 	-moz-transform: translateZ(-25px) rotateX(90deg);
 	-o-transform: translateZ(-25px) rotateX(90deg);
 	-ms-transform: translateZ(-25px) rotateX(90deg);
 	transform: translateZ(-25px) rotateX(90deg);
/*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
       /*   -webkit-transform:rotatex(90deg);*/
}
.three-d-box {
          /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
	-webkit-transition: all .3s ease-out;
 	-moz-transition: all .3s ease-out;
 	-ms-transition: all .3s ease-out;
 	-o-transition: all .3s ease-out;
 	transition: all .3s ease-out;
	-webkit-transform: translatez(-25px);
	-moz-transform: translatez(-25px);
	-ms-transform: translatez(-25px);
	-o-transform: translatez(-25px);
	/*transform: translatez(-25px);*/
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
/*任务七、给导航设置3D前，与3D后变形效果*/
.front {
	-webkit-transform: rotatex(0deg) translatez(25px);
	-moz-transform: rotatex(0deg) translatez(25px);
	-ms-transform: rotatex(0deg) translatez(25px);
	-o-transform: rotatex(0deg) translatez(25px);
	transform: rotatex(0deg) translatez(25px);
}
.back {
	-webkit-transform: rotatex(-90deg) translatez(25px);
	-moz-transform: rotatex(-90deg) translatez(25px);
	-ms-transform: rotatex(-90deg) translatez(25px);
	-o-transform: rotatex(-90deg) translatez(25px);
	transform: rotatex(-90deg) translatez(25px);
	color: yellow;
}
.front, .back {
	/*          border:1px solid red;*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	padding: 15px 30px 15px 31px;
	color: #666;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.about_xx{
	display: block;
	width: 240px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #4c88be;
	padding: 15px 30px 15px 31px;
	color: #fff;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
.nav-menu dd .active .front,  .nav-menu dd .active .back,  .nav-menu dd a:hover .front,  .nav-menu dd a:hover .back {
	background-color: #4c88be;pa
	-webkit-background-size: 5px 5px;
	background-size: 5px 5px;
	background-position: 0 0, 30px 30px;
	background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
}

.nav-menu dl {
	position: absolute;
	text-align: left;
	line-height: 40px;
	font-size: 14px;
	/*width: 200px;*/
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform-origin: 0px 0px;
	-moz-transform-origin: 0px 0px;
	-ms-transform-origin: 0px 0px;
	-o-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
/*任务九、显示下拉导航菜单，并其设置一个变形效果*/
.nav-menu > dd:hover dl {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}


.type_gg{ height: 47px;line-height: 47px;padding-left: 20px;margin-bottom: 1px;background: #fff;}
.type_gg a{ color: #666666;height: 47px;line-height: 47px;}
.type_gg a:hover{ color: #f8b266;}
.type_hh{background:#4c88be; height: 47px;line-height: 47px;padding-left: 20px;}
/*结束*/



.multipleColumn{ overflow:hidden; position:relative; width:780px;   }
		.multipleColumn .hd{ overflow:hidden;  height:30px; background:#f4f4f4;   }
		.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
		.multipleColumn .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
		.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.multipleColumn .hd ul li{ float:left;  width:16px; height:16px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -16px no-repeat; }
		.multipleColumn .hd ul li.on{ background-position:0 0; }

		.multipleColumn .bd{ overflow:hidden; padding-bottom: 0px; }
		.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:776px;  float:left; _display:inline;  }
		.multipleColumn .bd ul li{ margin:0 8px ; float:left; _display:inline; overflow:hidden; text-align:center; width: 180px; margin: 17px 0;margin-left:14px !important  }
		.multipleColumn .bd ul li .pic{ text-align:center;}
		.multipleColumn .bd ul li .pic img{ width:100%; display:block; }
		.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
	





.detail-collection{width:600px;height:498px; overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:70px 50px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;width:388px;height: 320px;margin: auto;display: block;}
.zoomdiv{z-index:100;position:absolute;top:0px;right:0px !important;*right:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{width:498px;height:450px;float:right;border: 1px solid #cccccc;}
.spec-scroll{width:80px;height:100%;float:left}
.spec-scroll .prev{width:80px;height:30px;margin-left:8px;background: url("../images/product_top.png") no-repeat;margin-bottom: 10px;background-size: 100%;}
.spec-scroll .prev:hover{width:80px;height:30px;background: url("../images/oppp.png") no-repeat;margin-bottom: 10px;background-size: 100%;}
.spec-scroll .next{width:80px;height:30px;margin-left:8px;background: url("../images/product_bottom_03.png") no-repeat center;background-size: 100%;}
.spec-scroll .next:hover{width:80px;height:30px;background: url("../images/boyyoim.png") no-repeat center;background-size: 100%;}
.spec-scroll .prev,.spec-scroll .next{display:block;cursor:pointer;}
.spec-scroll .items{position:relative;/*width:86px;*/ width:80px; margin-left:8px; height:400px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:80px;height:auto;}
.spec-scroll .items ul li{width:80px;padding-bottom: 10px;}
.spec-scroll .items ul li img{width:78px;height:70px;border: 1px solid #cccccc; vertical-align:top;}
.spec-scroll .items ul li img:hover{border:1px solid #a37e38;}


.detail-summary-right{width:500px;height:500px;}
.detail-summary-right h3 {font-size:28px;font-weight:400;}
.detail-summary-right h3 span{color:#f8b62b;font-size:16px;margin-left:20px;}
.detail-menu{margin:auto;text-align:center;}
.detail-menu ul{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;position:relative;}
.detail-menu li{display:inline-block;*display:inline;zoom:1;height:46px;line-height:46px;padding-left:20px;}
.detail-menu li a{color:#666; cursor:pointer;}
.detail-menu li a:hover{color:#ce0d11;}

.detail-collection img{
	max-width: none;
}


/*产品详情*/
.product_list1{
	
	height: 50px;
	background-color: #e6e6e6;
	margin: 0 auto;
	margin-top: 60px;
}
.product_list1 li{
	float:left;
	padding:0px 20px;
	line-height: 50px;
	font-size: 16px;
	margin-left: 5px;
	cursor: pointer;
}
.product_list1 .active{
	background-color: #ffffff;
	border-top:3px solid #a37e38;
            box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -ms-box-sizing:border-box;
	  -o-box-sizing:border-box;
	  color: #a37e38;
}
.product_contennt{
	
	margin: 0 auto;
	margin-left:10px; 
	min-height: 200px;
	margin-top: 50px;
	display:none;
	margin-bottom:60px; 
}
.parameter_title{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.product_right{
	width: 340px;
	float:right;
	position: relative;
	height: 500px;
}
.product_view_title .s1{
	font-size: 26px;
	color: #333333;
}

.product_view_title .s2{
	font-size: 14px;
	color: #808080;
	margin-left: 30px;
}
.product_view_summary{
	padding-bottom: 20px;
	line-height: 34px;
	font-size: 16px;
	color: #1b1b1b;
	min-height: 272px;
	margin-top: 12px;

}
.product_right .p1{
	font-size: 14px;
	color: #000;
	margin-top: 30px;
}
.buy{margin-top:50px; }
.li2{background: #c3a61d !important;}
.buy li{float: left;height: 40px;line-height: 40px;padding: 0 54px;background: #cccccc;margin-right:20px;text-decoration: none; }
.buy li a{ color: #fff;}
.buy li:hover{background: #c3a61d;}

.product_right .p2{
	font-size:30px;
	color: #c40000;
	margin-top: 10px;
	padding-bottom: 40px;
	border-bottom: 1px solid #cccccc;
}

.leixing{
     font-size: 14px;
     color: #808080;
     margin-top: 30px;
}
.leixing span{
	float:left;
}
.leixing li{
       float:left;
       margin-left: 10px;
}
.leixing li a{
	padding:5px 20px;
	border: 1px solid #cccccc;
}
.leixing li:hover a{
	color: #c40000;
	border: 1px solid #c40000;
}


.popBox1{

            width: 516px;
          	padding: 30px;
            margin: 50px auto;
            background: #fff !important;
            z-index: 1000;
            display: none;
            min-height: 278px;
            position: fixed;
	top:20%;
	left: 35%;
        }
        .popBox1 h4{
            margin: 2em 0em;
        }
        .popBox1 span{
            display: inline-block;
            
 
            font-weight: bold;
            color: #bc9b00;
           
         
            font-size: 1em;
            
            border-radius: 5px;
            cursor: pointer;
        }
        .guanbi{float: right;}
        .clear{
            clear: both;
        }
        .fsz{width: 100px !important;}
        .fsz:hover ,.qxz:hover{background: #bc9b00;color: #fff;}
        .qxz{width: 100px !important;}
        .table_ly  tr td input{height: 30px;width: 240px;}
        .table_ly  tr td{padding-top: 10px;}
        .Validform_error{ background: #fff !important;}


      .picMarquee-left{ overflow:hidden; position:relative;   }
		.picMarquee-left .hd{ overflow:hidden;   }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin-left:20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ display:block; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:34px;   }

.zzry{ width:930px; margin:0 auto; padding-top:17px; padding-bottom:60px;}
.zzry1{ border-bottom:1px solid #DDDDDD; padding-left:7px; padding-bottom:12px;}
.zzry2{ background:url(../images/zzrypic1.jpg) no-repeat left; padding-left:9px;font-family:'微软雅黑'; font-size:20px; line-height:22px; color:#c0130a;}
.zzry3{ padding-top:23px; padding-left:85px;}
.zzry4{ float:left; padding-right:62px;padding-top:137px;}
.zzry4 a{ display:block; width:49px; height:49px; background:url(../images/zzrypic2.png) no-repeat;}
.zzry5{float:left; background:url(../images/zzrypic8.png) no-repeat; width:495px; height:310px; padding:16px 11px;}
.zzry6{float:left; padding-left:62px; padding-top:137px;}
.zzry6 a{display:block; width:49px; height:49px; background:url(../images/zzrypic3.png) no-repeat;}
.zzry7{ margin:0 auto; width:517px; line-height:20px; padding-top:16px;}
.zzry8{ float:left; font-size:14px; color:#c4261d;}
.zzry9{ float:right; background:url(../images/zzrypic6.png) no-repeat right; padding-right:32px; line-height:22px;}
.zzry9 a{color:#545454;font-size:14px; border-bottom:1px solid #545454;}
.zzry10{ padding-top:10px; padding-left:40px;}
.zzry10 li{ float:left; padding:18px 12px 10px; overflow:hidden; width:190px;}
.zzrypr{ position:relative; padding:3px; width:172px; height:111px; /*border:1px solid #C4C4C4;*/}
.zzrypr a{ position:absolute; top:3px; left:3px; width:172px; height:111px;}
.zzrypr a:hover{ background:url(../images/proupic3.png) no-repeat;}
.zzrypr a.zzryproa{ background:url(../images/proupic3.png) no-repeat;}
.zzrypr1{ width:178px; height:32px; line-height:32px; text-align:center; background:#DDDDDD; color:#2d2d2d; margin-top:8px;}