﻿@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.rel{position:relative;}
.min_w{min-width:1400px;}
.container{width:1400px;margin:0 auto;}

/*header*/
.top_pos{position:absolute;left:0;top:0;width:100%;z-index:9;}
.top_logo{padding:10px 0;}
.nav_list li{width:100px;height:120px;float:left;margin:0 5px;background:url(../images/nav_hover.png) no-repeat center -120px;transition:all .3s linear;}
.nav_list li:hover{background:url(../images/nav_hover.png) no-repeat center top;}
.nav_list li a{display:block;padding:60px 0 30px;line-height:30px;font-size:16px;color:#fff;}
.nav_list li a:hover{color:#333;}



.nav_liston{background:url(../images/nav_hover.png) no-repeat center top !important;}
.nav_liston a{color:#333!important;}

/* banner */
.banner{ width:100%; height:860px; overflow:hidden; position:relative;}
.b-img{ height:860px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:860px; float:left;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:360px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:360px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*index*/
.number_rel{height:160px;position:relative;}
.number_box{position:absolute;left:0;top:-80px;width:100%;background:#fff;box-shadow:0 0 15px #ddd;height:160px;z-index:9;}
.number_box ul{padding:20px 0;}
.number_box li{width:350px;color:#999;float:left;}
.number_box li div{display:inline-block;position:relative;padding:0 20px;}
.number_box li span{line-height:80px;font-size:60px;color:#333;}
.number_box li i{position:absolute;top:0;right:0;line-height:30px;}

.about_bg{background:url(../images/about_bg.jpg) no-repeat center bottom;margin-bottom:50px;}
.about_pic{padding:20px;width:610px;height:485px;margin-right:20px;position:relative;}
.about_pic:before,.about_pic:after{content:"";position:absolute;width:170px;height:260px;background:#eab604;}
.about_pic:before{right:0;top:0;}
.about_pic:after{left:0;bottom:0;}
.about_pic img{z-index:2;position:relative;}
.about_con{width:700px;}
.about_more a{display:inline-block;width:42px;height:42px;line-height:42px;background:#eab604;margin:20px 0;font-size:24px;text-align:center;}
.about_tit{font-size:36px;line-height:60px;color:#666;}
.about_text{line-height:45px;height:225px;overflow:hidden;font-size:16px;color:#666;margin:20px 0;}
.about_letter{position:absolute;right:-17px;bottom:0;font-size:64px;line-height:72px;}
.about_letter2{position:absolute;right:140px;bottom:0;font-size:64px;line-height:72px; text-align:justify;}

.pro_bg{height:850px;padding:20px 0;background:url(../images/pro_bg.jpg) no-repeat center top;}
.pro_tit{position:absolute;top:140px;left:0;width:250px;font-size:36px;color:#e8b402;line-height:1.3;text-transform:uppercase;}
.pro_tit span{font-size:48px;}
.pro_more{position:absolute;right:70px;top:558px;width:140px;line-height:50px;font-size:24px;text-transform:uppercase;}
.pro_list{padding:80px 0;}
.pro_list li{width:540px;height:335px;overflow:hidden;float:left;margin-right:20px;margin-bottom:20px;}
.pro_list li:first-child{padding-left:280px;}
.pro_list li img{transition:all .5s linear;}
.pro_list li:hover img{transform:scale(1.1);}

.news_box{padding:50px 0;overflow:hidden;}
.news_tit{padding-bottom:20px;line-height:50px;font-size:36px;text-transform:uppercase;position:relative;}
.news_tit dd{color:#d5d5d5;}
.news_tit:after{content:"";position:absolute;left:50%;bottom:0;margin-left:-50px;width:100px;height:2px;background:#e8b402;}
.news_list{padding:50px 0;margin-left:-70px;}
.news_list li{width:420px;float:left;line-height:30px;margin-left:70px;transition:all .5s linear;}
.news_list li:hover{transform:translateY(-6px);}
.news_list li h3{height:50px;line-height:50px;position:relative;margin-bottom:10px;font-size:18px;}
.news_list li h3:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:2px;background:#ddd;}
.news_list_text{height:90px;overflow:hidden;margin:10px 0;color:#666;}
.news_list li:hover h3:after{background:#e8b402;animation:line 2s ease;}
.news_more{display:block;margin:0 auto;width:160px;height:40px;line-height:40px;border-radius:20px;color:#666;border:#ddd solid 1px;}
.news_more:hover{border:#e8b402 solid 1px;color:#e8b402;}
@keyframes line{
	from{width:200px;}
	to{width:50px;}
}

/*footer*/
.contact_bg{padding:50px 0;background:url(../images/contact_bg.jpg) repeat-y center top;}
.contact_box{padding:0 100px;width:500px;}
.contact_tit{line-height:1.5;text-transform:uppercase;color:#eab604;margin-bottom:20px;}
.contact_tit dt{font-size:24px;}
.contact_tit dd{font-size:48px;}
.contact_tit dd span{color:#333;}
.contact_text{line-height:40px;color:#999;}
.contact_text a{line-height:40px;color:#999;}

.gbook_tit dd span{color:#202020;}
.gbook_tab{line-height:30px;color:#999;}
.gbook_inp{width:100%;height:40px;line-height:40px;border:none;border-bottom:#888 solid 1px;background:none;color:#fff;margin-bottom:20px;}
.gbook_submit{display:block;margin:20px auto;width:160px;height:40px;line-height:40px;border-radius:20px;background:#eab604;color:#000;border:none;}
.gbook_inp2{width:100%;height:40px;line-height:40px;border:none;border-bottom:#888 solid 1px;background:none;color:#000;margin-bottom:20px;}

/*main*/
.main_box{padding:50px 0;overflow:hidden;}
.type_list{margin:50px 0;}
.type_list a{display:inline-block;padding:0 20px;min-width:120px;margin:0 20px;height:40px;line-height:40px;border-radius:20px;border:#ddd solid 1px;}
.type_list a:hover{color:#eab604;border:#eab604 solid 1px;}
.typeon{color:#eab604;border:#eab604 solid 1px !important;}

.main_con{padding:20px 0;line-height:40px;color:#666;min-height:400px;}
.main_pro li{width:410px;float:left;margin:0 25px 50px;line-height:30px;text-transform:uppercase; height:310px;}
.main_pro li a{display:block;}
.main_pro_pic{margin-bottom:10px;border:#ddd solid 1px;width:410px;height:254px;box-sizing:border-box;overflow:hidden;}
.main_pro_pic img{transition:all .8s linear;}
.main_pro li:hover .main_pro_pic{border:#eab604 solid 1px;}
.main_pro li:hover .main_pro_pic img{transform:scale(1.1);}

.main_page{margin:30px 0;}
.main_page a{display:inline-block;margin:0 5px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{color:#eab604;}
.main_contact{position:absolute;right:0;top:0;width:600px;height:100%;line-height:50px;padding:60px;box-sizing:border-box;background:rgba(0,0,0,.7);color:#fff;}
.main_contact h3{font-size:30px;font-weight:normal;}
.ewm_list{padding-top:30px;}
.ewm_list li{float:left;margin-right:30px;line-height:40px;}

.job_table th{height:40px;background:#ccc;border:#fff solid 1px;border-collapse:collapse;}
.job_table td{background:#dedede;border:#fff solid 1px;padding:10px;line-height:30px;box-sizing:border-box;border-collapse:collapse;}

.main_news li{padding:10px 0;border-bottom:#ddd dashed 1px;line-height:30px;}
.main_news li h3{height:60px;line-height:60px;position:relative;margin-bottom:10px;font-size:18px;padding-left:20px;}
.main_news li h3:before{content:"";position:absolute;left:0;top:17px;width:4px;height:26px;background:#e8b402;}
.main_news li h3:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:2px;background:#ddd;}
.main_news li:hover h3:after{background:#e8b402;animation:line 2s ease;}
.main_news li:hover{border-bottom:#e8b402 dashed 1px;}

.online_text{padding:30px 0;}
.online_box{width:660px;}
.online_textarea{width:100%;height:270px;border:#888 solid 1px;padding:10px;box-sizing:border-box;line-height:30px;color:#666;font-family:"微软雅黑";}
.online_submit{display:block;margin:20px auto;width:160px;height:40px;line-height:40px;border-radius:20px;background:#333;color:#fff;border:none;}

.yel{color:#eab604;}
.grey9{color:#999;}


/*新闻详情*/

#news_con {	width: auto;	min-height: 360px;	padding: 15px;	padding-right: 0px;	color:#000;	text-align:justify;}
#news_con .h1 {	text-align: center;	font-size: 16px; margin-bottom:20px;}
#news_con .h2 {	text-align: center;	font-weight: normal;	width: auto;	height: 25px;	line-height: 25px;	border-top: solid 1px #ccc;	border-bottom: solid 1px #ccc;	color: #666;	margin-bottom: 5px; font-size:14px}
#news_con #pic { position:relative;text-align: center;	margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold}
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-top:25px; margin-bottom:30px; font-size:16px; line-height:2;}

.main_box2{padding:50px 0 0 0;overflow:hidden;}

