.clear{clear:both}

/*二维码*/

#erweima{position:absolute;height:200px;width:160px; text-align:center}

/*在线留言*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title span{float:right;font-weight:bold;}
.message_info{color:#8ea6b6;text-align:right;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#646464; text-decoration:none; color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}


/*显示留言*/
.show_message_title{ width:98%; margin:0 auto; height:30px; line-height:30px; background:#004BB0; padding-left:10px; color:#fff; font-size:14px;}
.show_message{ width:98%; height:auto; margin:5px auto; padding:5px;  border:1px #ccc solid; line-height:30px}
.show_message .liuyanren{float:left; font-size:12px;}
.show_message .time{float:right; margin-right:20px; width:200px}
.show_message  span{ float:left; font-size:12px; font-weight:bolder}
.show_message .huifu{font-size:12px; color:#F00;}


/*左侧搜索*/
.search_content{width:100px; margin-right:2px}

/*友情链接*/
.friendlink{ width:1004px; margin:0 auto}
.friendlink span{font-size:12px; font-weight:bolder; color:#999; height:50px; line-height:50px; display:block; float:left}
.friendlink img{ width:100px; height:40px; border:1px #999999 solid; margin:5px; display:block; float:left}
.friendlink a{ height:50px; line-height:50px}

/*产品边框*/
.product_border{ width:180px; height:160px; border:1px #CCC solid; margin:5px; vertical-align:middle; text-align:center}

/*产品详情页样式*/
.product_title{ width:700px; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center}
.product_time{width:700px; background:#999; color:#fff; height:30px; margin:10px auto; text-align:center; line-height:30px;}
.prodct_content_title{width:700px; margin:0 auto;}
.prodct_content_title li{float:left; width:100px; height:30px; line-height:30px; text-align:center; margin:5px 2px 0 0;}
.bgcolor{ background:#999; color:#FFF}
.bgcolor_on{ background:#B78B34; color:#FFF}
.prodct_content_title li a{ color:#FFF}
.product_content{width:698px; margin:0 auto; border-top:1px #999 solid;}
.neirong{ padding:5px; }

/*新闻列表*/
.news{ width:700px; margin:0 auto;}
.news li{BORDER-BOTTOM: #AD814A 1px dashed; list-style:disc; list-style-position:inside; height:35px; line-height:35px}
.news li span{float:right}

/*新闻内容页*/
.news_content_title{text-align: center; font-size: 14px; font-weight: bold; margin-top: 10px; height:30px;}
.news_content_time{width:95%; background:#999; color:#fff; height:30px; margin:5px auto; text-align:center; line-height:30px;}
.news_content{width:95%; margin:0 auto; line-height:25px;}

/*下载列表*/
.download{ width:700px; margin:0 auto;}
.download li{BORDER-BOTTOM: #AD814A 1px dashed; list-style:disc; list-style-position:inside; height:40px; line-height:40px}
.download li span{float:right}


/*招聘列表*/
.joblist_title{ float:left; width:700px; margin:0 auto; padding:0; background:#9a9a9a;}
.joblist_title li{ float:left; height:30px; line-height:30px; width:95px; color:#FFF; text-align:center}
.joblist{ float:left; width:700px; margin:0 auto; height:50px; background-color:#fff; padding:0; border-bottom:1px #CCC dashed}
.joblist_on{ background-color:#f2fafc}
.joblist li{float:left; height:50px; line-height:50px; width:95px; color:#333; margin:1px 0; text-align:center; padding:0}
#jobcontent{text-align:left;margin:0px 10px;line-height:25px}
#jobcontent .jobitem{margin-bottom:15px;}
#jobcontent .jobtit{margin:5px 0px;background:url(../icon/downarr.gif) 60px no-repeat;}
#jobcontent .jobintro{margin:0px 0px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;padding:15px 3px;}

.jobsubmit{margin:16px 0;text-align:right;}
.jobsubmit a{display:inline-block;padding:5px 15px;background:#757575; text-decoration:none; color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}



/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{line-height:30px;text-align:center;letter-spacing:0;font-size:14px;margin-top:20px; padding-top:60px;}
.page_list a{display:inline-block;color:#fff;background:#929292;text-align:center;padding:3px 15px;margin:0 5px;}
.page_list a:hover{color:#fff;background:#e12551;}
.page_list a.on{color:#fff;background:#e12551;}


/*产品放大效果*/
#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {
	text-decoration:underline;
	color:#999999;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
	position:relative;
	border:1px solid #333333;
	background-color:white;
	width:100%;
	height:100%;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
/* #lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/


#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
	/* cursor:pointer; */
	zoom:1; /* who knows why? */
	
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
	background:url("../images/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
	background:url("../images/next.gif") right 45% no-repeat;
}
*/

#lightbox-infoBox {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
	
	/* width: 100%;
	padding: 0 10px 0; */
}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	
	line-height:normal;
	/* height:30px; */
}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
	font-size:12px;
}
#lightbox-caption-description {
	font-weight:normal;
	font-size:12px;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}

/*清零*/
body{ margin:0; padding:0; background-color:#fff;}
@media screen and (min-width:1020px){
body{
	
	width:100% ;
	}
}
@media screen and (max-width:1019px){
body{
	
	width:150%;
	}
}
a{ text-decoration:none; margin:0; padding:0;}
*{ font-family:"微软雅黑"; font-size:14px; color:#646464;}
h1,h2,p,h4,h5,h3,h6{ margin:0; padding:0; font-weight:normal;}
img{ display:block; border:none;}
.clearfix{clear: both;}
ul,li{ list-style:none; margin:0; padding:0;}
input,select{ border:none; outline:none;}
/*页眉*/
.top_header{ background-color:#e3e3e3; border-bottom:1px solid #cdcdcd;}
.top_header_center{ width:1200px; margin-left:auto; margin-right:auto;}
.top_header_center h1{ float:left; line-height:40px; margin-left:10px; color:#999999;}
.header_right{ float:right; }
.header_right h2{line-height:40px; color:#999999; background:url(../images/num_icon.png) no-repeat 0; padding-left:20px; padding-right:10px;}
/*导航*/
.nav_box{ position:relative; width:100%; top:-1px;}
.main_box_center,.logo_center{width:1200px; margin-left:auto; margin-right:auto;}
.logo_center{width:1200px; position:relative; }
.search_box{ position:absolute; right:35px; top:27px;}
.search{ width:204px; height:26px; border:1px solid #e3e3e3; border-radius:13px; font-size:12px; color:#646464; padding-left:10px; }
.btn{ background:url(../images/sec.png) no-repeat; width:30px; height:30px; position:absolute;  top:0px; z-index:2; right:0; cursor:pointer;}
.sec{font-size:12px; float: left;
    position: absolute;
    padding: 0 0 0 0px;
	margin-right:10px;
    background: none;
	border:none;
	list-style:none;
    width: 56px;
    height: 30px;
    line-height:30px;
    color: #7a7a7a; right:30px; top:0px; outline:none;}
.logo_box{border-bottom:1px solid #f3f3f3; }	
.main_box_center a{ float:left; width:171px;}
.main_box_center h2{ color:#323232; border-top:1px solid #f3f3f3; font-size:16px; line-height:58px;  text-align:center; transition: all 0.5s ease-in-out;}
.main_box_center h2:hover{border-top:1px solid #e12551; color:#e12551;}
.main_box_center .xiahuaxian{ border-top:1px solid #e12551; color:#e12551;}
/*.header img{ float:left; padding-top:10px; padding-right:80px;}
.navBar{ float:left;position:relative; z-index:1; height:72px; line-height:72px; background:url(../images/line.gif) repeat-x 0 bottom #fff; color:#231815;   }
.nav{ position:relative; width:944px; margin:0 auto;  font-family:"微软雅黑"; font-size:22px; }
.nav a{ color:#231815;  font-family:"微软雅黑";}
.nav h3{ font-weight:normal; font-family:"微软雅黑"; }
.nav .m{ float:left;  position:relative; z-index:1; }
.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
.nav h3 a{ display:block; width:157px; text-align:center;   font-weight:bold;  font-size:22px; font-family:"微软雅黑"; font-weight:normal;}
.nav .sub{ display:none;  position:absolute; left:-3px; top:60px; z-index:1; width:157px; border-top:0;  background:#fff; }
.nav .sub li{ text-align:center; padding:0; margin-bottom:-1px;   }
.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;  font-family:"微软雅黑"; width:157px; text-align:center; font-weight:normal; font-size:14px;}
.nav .sub li a:hover{ color:#fff; background-color:#e6002d;}
.nav .block{ height:3px; width:157px; background:#e6002d; position:absolute; left:0; top:57px; overflow:hidden;  }*/

/*banner*/
.banner_box{ width:100%; overflow:hidden;}
.banner{ clear:both; width:100%; height:600px; width:1920px; overflow:hidden; position:relative; left:50%;  top:0; margin-left:-960px; }
.prolists{ position:absolute;}
.prolists img{ float:left; width:1920px; height:600px;}
.banner .ctrl{ position:absolute; width:96px; left:50%; bottom:30px; margin-left:-48px; }
.ctrl span{width:10px; height:10px; border-radius:50%; background-color:rgba(0,0,0,0,); border:2px solid #fff; margin-left:5px; margin-right:5px;  float:left; cursor:pointer;}
.banner .red{width:10px; height:10px; border-radius:50%; background-color:#e12551; border:2px solid #fff;}

/*返回顶部*/
#fanhui{ width:60px; height:60px; left:50%; top:80%; } 
#fanhui h3{ position:fixed;  left:100%; margin-left:-60px; top:80%; background-image:url(../images/top_01.png); width:60px; height:60px; background-repeat:no-repeat; z-index:999;}
#fanhui h3:hover{ background-image:url(../images/top_02.png);}


/*footer*/
.footer_box{ background-color:#646464; position:relative;padding-bottom:50px;}
.footer_center{ width:1200px; margin-left:auto; margin-right:auto;}
.friend_link{ padding-top:14px;}
.friend_link h1{ float:left; color:#fff; font-size:12px; line-height:52px; }
.friend_link h2{ float:left; color:#fff; font-size:12px; line-height:52px; transition: all 0.4s ease-in-out;}
.friend_link h2:hover{ color:#e12551;}
.friend_link h3:hover{ color:#e12551;}
.friend_link h4{ float:left; color:#FFF; font-size:11px; padding:0 5px; line-height:52px}
.friend_link h3{ float:left; color:#fff; font-size:12px; line-height:52px;transition: all 0.4s ease-in-out;}
.footer_text{ float:left; width:900px; }
.footer_nav{ padding-top:14px;}
.footer_nav h4{float:left; color:#FFF; font-size:11px; padding:0 14px; line-height:20px;}
.footer_nav h5{float:left; color:#FFF; line-height:20px; transition: all 0.4s ease-in-out;} 
.footer_nav h5:hover{ color:#e12551;}
.footer_info{ padding-top:9px;}
.footer_info p{ color:#FFF}
.footer_info p span{ color:#FFF}
.footer_info p a{ color:#FFF; transition: all 0.4s ease-in-out;}
.footer_info p a:hover{ color:#e12551;}

.footer_info h6{ color:#FFF; line-height:26px;}
.footer_share{ float:right;  margin-top:-26px;}
.footer_share img{ float:left; padding-right:33px;}
.footer_share h3{ float:left; color:#fff; line-height:22px; padding-top:52px;}
/*底部优势*/
.advan_box{ width:100%; padding-bottom:43px; padding-top:40px;}
.advan_center{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.advan{ float:left; width:240px;}
.advan_icon01{ width:68px; height:68px; background:url(../images/advan_icon01.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon02{ width:68px; height:68px; background:url(../images/advan_icon02.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon03{ width:68px; height:68px; background:url(../images/advan_icon03.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon04{ width:68px; height:68px; background:url(../images/advan_icon04.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon05{ width:68px; height:68px; background:url(../images/advan_icon05.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon01:hover{ background:url(../images/advan_icon06.png) no-repeat center;}
.advan_icon02:hover{ background:url(../images/advan_icon07.png) no-repeat center;}
.advan_icon03:hover{ background:url(../images/advan_icon08.png) no-repeat center;}
.advan_icon04:hover{ background:url(../images/advan_icon09.png) no-repeat center;}
.advan_icon05:hover{ background:url(../images/advan_icon10.png) no-repeat center;}
.advan_text h2{ font-size:16px; text-align:center; line-height:20px; padding-top:7px; padding-bottom:4px;}
.advan_text h3{ font-size:14px; text-align:center; line-height:20px;}