@charset "utf-8";

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;}
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;}
input,select{font-size:12px;line-height:16px;font-family:"微软雅黑";}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;transition:all 0.3s;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}


/*header*/
.header_bg{min-width: 1200px; height: 150px; background: url(../images/header_bg.jpg) repeat-x center bottom #ad0000;}
.nav{width: 1200px; padding-top: 54px; height: 96px; position: relative; margin: 0 auto;}
.nav li{float: left; text-align: center; padding-right: 28px; background: url(../images/nav_icon.jpg) no-repeat right 17px; text-transform: uppercase; margin-right: 22px;}
.nav a{color: #fffc00;}
.nav h4{font-size: 16px; font-weight: normal;}
.nav .nav_product{background: none; padding: 0; margin-right: 360px;}
.nav .nav_contact{background: none; padding: 0; margin: 0;}
.logo{width: 298px; position: absolute; top: 0; left: 450px; z-index: 99;}

/*banner*/
.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 10;}
.unslider-nav ol li{display: inline-block; width: 9px; height: 9px; border:solid 2px #fff; border-radius:50%; margin: 0 10px; text-indent: -999em;cursor: pointer;}
.unslider-nav .unslider-active{background: #fff;}

.message_bg{min-width: 1200px; height: 150px; background: url(../images/message_bg.jpg) no-repeat center top;}
.message_part{width: 1200px; height: 150px; margin: 0 auto;}
.message_title{float: left; width: 41px; text-align: center; height: 138px; padding-top: 12px; line-height: 26px; background: url(../images/message_titbg.jpg) no-repeat; color: #fff; font-size: 21px;}
.message{float: left; width: 730px; height: 30px; padding: 60px 0 0 35px; font-size: 16px;}
.message span{float: left; width: 52px; line-height: 30px;}
.name{float: left; width: 140px; padding: 0 4px; height: 28px; line-height: 28px; font-size: 16px; border: solid 1px #ccc; margin-right: 70px;}
.btn_tj{float: left; width: 130px; height: 30px; border: none; background: #ad0000; color: #fff; font-size: 16px; border-radius: 5px;}
.tel{float: right; width: 326px; color: #fff; font-size: 25px; line-height: 42px; padding-top: 32px; font-style:italic;}
.tel img{float: left; width: 73px; height: 73px; margin: 8px 32px 0 0;}


/*mainbody*/
.join_bg{min-width: 1200px; height: 736px; padding-top: 63px; background: url(../images/join_bg.jpg) no-repeat center top #ad0000; margin-bottom: 1px;}
.join_top{width: 1200px; text-align: center; height: 170px; color: #fff; font-size: 16px; line-height: 24px; background: url(../images/join_top.png) no-repeat center bottom; margin: 0 auto 70px;}
.join_top h4{font-size: 30px; line-height: 46px; margin-bottom: 24px;}
.join{float: left; width: 351px; text-align: center; height: 374px; padding-top: 45px; background: url(../images/join.png) no-repeat; margin-right: 45px;}
.join img{width: 232px; height: 232px;}
.join h4{font-size: 21px; font-weight: normal; padding: 31px 0 22px 0;}
.join_more{width: 100px; height: 30px; line-height: 30px; text-align: center; background: #ad0000; border-radius: 20px; font-size: 14px; margin: 0 auto;}
.join_more a{color: #fff;}

.product_bg{min-width: 1200px; padding: 58px 0 12px 0; background: url(../images/product_bg.jpg) repeat;}
.product_top{width: 1200px; text-align: center; height: 170px; color: #ad0000; font-size: 16px; line-height: 24px; background: url(../images/product_top.png) no-repeat center bottom; margin: 0 auto 60px;}
.product_top h4{font-size: 30px; line-height: 46px; margin-bottom: 24px;}
.product{width: 1200px; margin: 0 auto;}
.product li{float: left; width: 360px; height: 260px; position: relative; margin: 0 20px 40px 20px; overflow: hidden;}
.product img{width: 360px; height: 260px;}
.product_tm{width: 360px; text-align: center; height: 164px; padding-top: 96px; background: rgba(255,0,0,0.7); color: #fff; font-size: 18px; text-transform: uppercase; line-height: 34px; position: absolute; top: -300px; left: 0;}
.product_tm h4{line-height: 36px; font-size: 21px; font-weight: normal;}

.about_bg{min-width: 1200px; height: 737px; padding-top: 63px; background: url(../images/about_bg.jpg) no-repeat center top #ad0000; margin-bottom: 1px;}
.about_part{width: 1140px; padding: 20px 0; margin: 0 auto;}
.video{float: left; width: 502px; margin-left: 37px;}
.about{float: right; width: 530px; color: #fff; font-size: 16px; line-height: 44px; margin-top: 14px;}

.show{float: left; width: 297px; text-align: center; line-height: 30px; height: 404px; padding-top: 46px; font-size: 14px; color: #333; background: #fff; margin-right: 4px;}
.show img{width: 200px; height: 173px; margin: 0 auto 40px;}
.show_t{width: 100%; font-weight: normal; font-size: 18px; line-height: 32px; margin-bottom: 18px;}
.show_t span{border-bottom: solid 1px #000; padding-bottom: 12px;}
.show_t span h4{font-weight: normal;}
.show:hover{background: #991415; color: #fff;}
.show a:hover{color: #fff;}
.show:hover .show_t span{border-bottom: solid 1px #fff;}

.news_bg{min-width: 1200px; height: 838px; padding-top: 63px; background: url(../images/news_bg.jpg) no-repeat center top #ff9c00;}
.news_part{width: 1200px; padding-top: 12px; margin: 0 auto;}
.news_pic{float: left; width: 600px; height: 400px; overflow: hidden;}
.news_pic img{width: 600px; height: 400px; transition:all 0.4s; -webkit-transition:all 0.4s;}
.news_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.news_right{float: left; width: 600px; height: 340px; padding-top: 60px; background: #e51212;}
.news_right h4{width: 500px; height: 60px; line-height: 30px; color: #fff; font-size: 18px; font-weight: normal; border-bottom: solid 1px #fff; margin: 0 auto 46px;}
.news_fon{width: 500px; height: 144px; line-height: 36px; color: #fff; font-size: 14px; overflow: hidden; margin: 0 auto 26px;}
.news_more{width: 118px; height: 28px; line-height: 28px; text-align: center; border: solid 1px #fff; border-radius: 20px; font-size: 14px; text-transform: uppercase; margin-left: 54px;}
.news_more a{color: #fff;}
.news_list{width: 1200px; padding: 30px 0 22px 0; background: #9e0303; margin: 0 auto;}
.news_list li{float: left; width: 276px; color: #fff; font-size: 14px; padding: 0 12px;}
.news_list a{color: #fff; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list a:hover{text-decoration: underline;}


/*footer*/
.foot_bg{min-width: 1200px; background: #1e1e1e; padding: 40px 0 22px 0;}
.foot_part{width: 1200px; margin: 0 auto;}
.mess_part{float: left; width: 430px;}
.mess_01{width: 175px; padding: 0 10px; height: 34px; line-height: 34px; border: solid 2px #fff; color: #fff; font-size: 16px; background: none; font-family: "微软雅黑";}
input.mess_01::-webkit-input-placeholder{color:#fff;}
input.mess_01:-moz-placeholder{color:#fff;}
.tit{width: 406px; padding: 0 10px; height: 34px; line-height: 34px; border: solid 2px #fff; color: #fff; font-size: 16px; background: none; font-family: "微软雅黑"; margin-bottom: 10px;}
input.tit::-webkit-input-placeholder{color:#fff;}
input.tit:-moz-placeholder{color:#fff;}
.mess_02{width: 406px; padding: 0 10px; height: 140px; line-height: 34px; border: solid 2px #fff; color: #fff; font-size: 16px; background: none; font-family: "微软雅黑";}
textarea.mess_02::-webkit-input-placeholder{color:#fff;}
textarea.mess_02:-moz-placeholder{color:#fff;}
.con{float: left; width: 270px; padding-left: 74px; color: #fff; line-height: 38px;}
.con h4{font-size: 18px; font-weight: normal; line-height: 26px; margin-bottom: 12px;}
.con h4 span{line-height: 20px; display: block;}
.foot{float: left; width: 195px; margin-left: 35;}
.foot h4{font-size: 18px; font-weight: normal; color: #fff; line-height: 26px; margin-bottom: 12px;}
.foot h4 span{line-height: 20px; display: block;}
.foot li{line-height: 38px;}
.foot a{color: #fff;}
.bot_bg{min-width: 1200px; background: #11110f;}
.bot{width: 1200px; height: 50px; line-height: 50px; color: #fff; margin: 0 auto;}
.bot a{color: #fff;}


/*product*/
.pro_bg{min-width: 1200px; padding: 37px 0 52px 0; background: url(../images/join_bg.jpg) no-repeat center top #ad0000;}
.pro_tb{width: 100%; border-bottom: solid 1px #faa500; margin-bottom: 30px;}
.pro_top{width: 1200px; height: 58px; margin: 0 auto;}
.pro_tit{float: left; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 38px;}
.pro_tit h3{font-size: 24px; float: left;}
.pro_tit span{color: #fac601; font-size: 24px; padding: 0 8px;}
.path{float: right; line-height: 38px; color: #fff; font-size: 14px;}
.path a{color: #fff;}
.main{width: 1200px; min-height: 700px; _height:700px; margin: 0 auto;}
.pro_list{width: 100%; margin-bottom: 10px;}
.pro_list li{float: left; width: 148px; height: 38px; line-height: 38px; text-align: center; border: solid 1px #faa500; color: #fff; font-size: 17px; margin: 0 15px 20px 15px; border-radius: 50px; cursor: pointer;}
.pro_list .pro_on{background: #faa500;}
.pro{width: 1176px; margin: 0 auto;}
.pro li{float: left; width: 280px; margin: 0 7px 20px 7px;}
.pro h4{height: 40px; line-height: 40px; text-align: center; background: #ebebeb; font-size: 16px; font-weight: normal;}
.pro a{color: #666;}
.pro_pic{width:280px; height:202px; overflow:hidden; margin-bottom: 10px;}
.pro_pic img{width:280px; height:202px; transition:all 0.4s; -webkit-transition:all 0.4s;}
.pro_pic img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);}
.page{width: 100%; text-align: center; padding-top: 32px; font-size: 14px; font-weight: bold;}
.page a{padding: 5px 15px; color: #fff;}
.page a:hover{color: #f5c700;}
.page span a{background: #faa500; color: #fff; padding: 5px 30px; border-radius: 50px; margin: 0 30px;}
.page span a:hover{color: #fff;}


/*news*/
.news{width: 1200px;}
.news li{margin-bottom: 20px;}
.news_pic{float: left; width:330px; height:220px; overflow:hidden;}
.news_pic img{width:330px; height:220px; transition:all 0.4s; -webkit-transition:all 0.4s;}
.news_pic img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);}
.news_r{float: right; width: 820px; padding-top: 18px;}
.news_rt{height: 48px; background: url(../images/news_line.gif) no-repeat left bottom; margin-bottom: 22px;}
.news_rt_fon{float: left; width: 660px; line-height: 35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #fff; font-size: 21px;}
.news_r_more{float: right; line-height: 48px; font-size: 18px; text-transform: uppercase;}
.news_r_more a{color: #f5c700;}
.news_text{color: #fff; font-size: 14px; line-height: 36px; height: 108px; overflow: hidden;}

/*三级页面*/
#news_con {	width: auto;	min-height: 360px;	padding: 15px;	padding-right: 0px;	color:#fff;	text-align:justify;}
#news_con .h1 {	text-align: center;	font-size: 16px;	height: 35px;	line-height: 35px;}
#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: #fff;	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-bottom:15px;}

/*在线留言*/
.gbook{width:1200px;margin:0px auto 140px auto;color: #fff;}
.gbook form{margin-left:360px;float:left;}
.gbook_p{width:450px;font-size:24px;color:#fffc00;font-weight:bold;margin:65px 0px 40px 360px;}
.gbook form input{width:380px;height:40px;line-height:40px;float:left;margin-left:20px;outline-color: #A9A9A9;}
.form_solo{width:480px;margin-bottom:10px;}
.main_ly_t1,.main_ly_t1{float:left;font-size:16px;line-height:40px;}
.form_solo textarea{width:380px;height:212px;float:left;margin-left:20px;outline-color: #A9A9A9;}
.main_ly_t2{float:left;margin:8px 0px 0px 100px;}
.main_but{width:120px;margin:30px 0px 0px 100px;}
.gbook_right{width:500px;height:455px;margin:80px 0px 0px 15px;background:url('../images/gbookbg1.jpg') no-repeat;float:left;}

.gbook_list{width:1200px;margin:45px auto;}