﻿
body{padding:0px;margin:0px;font-family: "微软雅黑"; color: #333; font-size: 14px;}
* {-webkit-text-size-adjust: none;}
a{cursor:pointer;word-break: break-all;text-decoration:none; color: #333; }
p,ul,li,dl,dt,dd,div,h1,h2,h3,h4{list-style-type:none;padding:0;margin:0;word-break: break-all;}
img{ max-width: 100%; }
h3{ font-size: 16px; }
h2{ font-size: 20px; }
h1{ font-size: 26px; }
.clear{ clear: both; }
.clearfix:after{ 
	content: '';
	clear: both;
	display: table;
	height: 0; 
}
.f-left{ float: left; }
.f-right{ float: right; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.text-left{ text-align: left; }
.m-t60{ margin-top: 60px !important; }
.m-t40{ margin-top: 40px !important; }
.m-t30{ margin-top: 30px !important; }
.color6{ color: #666; }
.line{ display: inline-block; width: 300px;height: 1px; }

.head{ margin-bottom: 30px; }
.top-right-inner{ float: right;line-height: 66px;height: 70px; }
.tel{ margin-top: 7px; margin-right: 20px; }
.lang{ position: relative; top: -9px; }
.lang span{ position: relative; top: -9px; }

.web-chat span{ display: inline-block;margin-right: 40px; }

/* 导航 */
.top-nav{
	width: 100%; 
	background-color: #f3f3f3;
	box-shadow: 0 0 7px #4D4D4D;
}

.nav-list-wrap{
	position: absolute;
	top: 0;
	width: 100%;
	height: 43px;
	z-index: 9;
	background: rgba(255, 255, 255, 0.5);
}
.nav-list{float:right; margin: 5px auto;}
.nav-list li{
	position: relative;
	float: left;
	height: 32px;
	line-height: 32px;
	text-align: right;
	margin-left: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.nav-list li:hover{
	border-bottom: 1px solid #eb8236;
}

.nav-item:hover{
	color: #eb8236;
}
.nav-item{
	
}

.i-line{ display: inline-block; margin: 0 7px; }

.banner-box{ position:relative; width:100%;margin:2px auto 0; }
.banner{width:100%; overflow:hidden;position:relative; }
.banner-list{
	position:relative; 
	
	-webkit-transition: left 0.3s ease;
}
.banner-list li{position: absolute;top:0; width:100%;  }
.banner-list li img{width:100%;}
.banner-index{ text-align: center; margin-top: 20px; }
.banner-index a{
	display: inline-block;
	width:22px;
	height:22px;
	margin: 0 5px;
	border-radius: 50%;
	background-color: #e5e5e5;	
}
.banner-index a.active{
	background-color: #FFC266;
}

.container{
	width: 1200px;
	margin: 0 auto;
}

.head-wrap{ margin-top: 50px; text-align: justify; }
.head-item{
	display: inline-block;
	width: 320px;
	text-align: center;
}
.head-item a{ display: block; }
.head-item a:hover{ color: #fc0; }
.head-item a:hover .sp{ border-color: #fc0;  background: #fc0; color: #444; }
.head-item .sp{ 
	display: inline-block;
	width: 190px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	border: 1px solid #ddd; 
	margin: 10px auto 20px;
	background: #f0f0f0; 
	border-radius:36px;
}

.head-item  p{color: #777; line-height: 28px;}

/* 分割线 */
.fengexian{ margin: 30px auto;text-align: center; }
.fengexian img{ }

/* 视频 */
.video-flash{ float: right; width: 500px;text-align: right; }
.video-flash object{ 
	width: 100%;
	height: 340px; 
}

.video-text{
	float: left;
 	width : 680px;
	height: 330px;
	overflow: hidden;
}
.video-text .introd{ 
	position: relative;
	top: -9px;
	margin-bottom: 10px; 
	line-height: 30px; 
	color: #333; 
	font-size: 14px; 
}

.wh-mtop{ margin-top: 130px;  }
.box-wrap{ text-align: justify; }
.box-wrap .box-item{  
	display: inline-block;
	width: 570px;
margin-top: 15px;
}
.box-item img{ width: 100%; }

.news-cover{ 
	width: 120px;
}

.news-inner{ 
	margin-left: 140px;
}
.news-inner .title{
	height: 24px;
	overflow: hidden;
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

.news-inner .time{
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #777;
}
.news-inner .introd{
	line-height: 24px;
	color: #777;
	height: 90px;
	overflow: hidden;
}

.read-more{ margin-top: 50px;}

.break-nav{margin-bottom: 40px; }

.type-wrap{
	position: relative;
	width: 220px;
	float: left;
}
.type-title{
	position: absolute;
	top: -130px;
	height: 110px;
	background-color: #2a66ae;
	border-radius: 5px;
	width: 100%;
	text-align: center;
	color: #fff;
}

.type-title span{ display: block; }
.type-title-cn{ font-size: 26px; margin-top: 20px;letter-spacing: 5px; }
.type-title-en{ font-size: 16px; margin-top: 10px;}
.type-list li{ height: 32px;margin-bottom: 10px; line-height: 32px; text-align: center;}
.type-list li:hover,
.type-list li.active{ background-color: #e8e8e8; border-left: 2px solid #eb8236; }
.containter-wrap{
	width: 950px;
	float: right;
}

/* 团队 */
.team-introd{ background: #f5f5f5; padding-bottom: 120px; }
.team-h{ font-size: 40px; margin: 15px 0; font-weight: normal;text-align: center; }
.team-p{ line-height: 32px; }

.team-list{position: relative; height: 450px; margin-top: -60px; text-align: justify; }
.team-item{
	overflow: hidden;
	position: absolute;
	width: 278px;
	height: 425px;
	display: inline-block; 
	border: 1px solid #ddd;
	cursor: pointer;
	background: #fff;
	-webkit-transition-property: width,left;
	-webkit-transition: 0.5s ease;
}
.team1{ left: 0; }
.team2{ left: 307px; }
.team3{ left: 614px; }
.team4{ left: 920px; }
.team-item img{ width: 278px; }
.team-item.current{ 
	z-index: 9;
	left: 0;
	width: 100%;
	border-color: #fc0; 
	background: #fc0;
}

.team-inner{ 
	position: absolute; 
	top: 0;
	left: 300px;
	width: 880px;	
}
.team-inner h1{ margin: 50px 0 20px; }
.team-inner p{  line-height: 30px;text-align: justify; }

/* 愿景、口号 */
.vision-introd{
	background: #f5f5f5; 
}
.vision-introd h1{ font-size: 40px; font-weight: normal; }
.vision-introd p{ line-height: 36px; font-size: 16px; }
	
.vision-wrap{ 
	float: left;
	width: 55%;
	height: 325px;
	text-align: right;
	background: #fc0;
}
.vision-inner{ margin: 50px 30px 0 0; }
.slogan-wrap{ 
	float: right;
	width: 45%;  
	height: 325px;
	text-align: left;
}
.slogan-inner{ margin: 50px 0 0 30px; }
.vision-img{ width: 100%; }

.set-mtop{ margin-top: 30px; }
.join-us-btn{  
	display: inline-block;
	width: 300px;
	padding: 10px 0;
	border: 2px solid #fc0;
	font-size: 30px;
	color: #fc0;
}
  
/* 联系我们 */
.contact-us-phone{ 
	height: 90px;
	margin-bottom: 20px;
	line-height: 90px;
	background: #f5f5f5; 
	text-align: center;
}
.contact-us-phone h1{ font-size: 40px; color: #fc0; font-weight: normal; }

.contact-wrap{ margin-top: 20px; }
.contact-left{ float: left; width: 570px; }
.contact-l-inner{ position: relative; margin: 20px 10px; text-align: right; }
.contact-l-inner p{ font-size: 16px; line-height: 40px; }
.contact-l-inner img{ position: absolute; right: -220px;top: 5px; }
 
.contact-right{ float: left; width: 380px; height: 350px; }
.contact-r-inner{ margin: 0px 0 0 30px;}
.contact-r-inner p{ margin-bottom: 10px; }

/* 新闻资讯 */
.news-list{ text-align: justify; }
.news-list .news-item{ margin-bottom: 70px; }
.news-item .cover{ display: block; overflow: hidden;margin: -2px; border: 2px solid #fff; }
.news-item .cover:hover{ border: 2px solid #fc0; }
.news-item .news-infor .time{float:left; width: 85px; border: 1px solid #666;text-align: center; }
.news-item .news-infor .time .day{ display:block; height: 60px;line-height: 60px; border-bottom: 1px solid #666; font-size: 40px;  }
.news-item .news-infor .time .year{ display:block; height: 40px; line-height: 40px;  }
.news-infor-outer{ margin-left: 110px; height: 126px; }
.news-infor-inner h3 a{ color: #eb8236; }
.news-infor-inner p{ line-height:28px;height: 56px; overflow: hidden; }
.news-infor-inner .read{ margin-top: 5px;}

.news-title{ padding-bottom:  5px; border-bottom: 1px dashed #ccc; color: #666; }
.news-time-p{ margin-top: 20px; }
.container-sm{ width: 980px;  margin: 0 auto; }
.container-sm h2{ position: relative; top: 27px; font-size: 34px; font-weight: normal;  }
.news-detail-text{ margin-top: 20px;}
.news-detail-text p{ margin-bottom: 10px; }
.next-prev{ margin-top: 20px; }
.next-prev a{ display:block; line-height: 30px;}

.containter-title{ padding-bottom:  5px; border-bottom: 1px dashed #ccc; color: #666; }
.containter-title h2{ font-weight: normal; }

/* 产品展示 */
.product-list{ text-align: justify; margin-top: 30px; }
.product-list:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.product-item{
	width: 300px;
	margin-bottom: 20px;
	display: inline-block;
}
.product-item p{margin-top: 10px; text-align: center; }
.product-a{ display: block;border: 1px solid #e5e5e5;text-align:center;height:300px; line-height: 296px; }
.product-img{ vertical-align: middle;max-height: 300px; }

.pro-pic{ float: left;width: 50%;text-align: center; }
.pro-pic-sm{ 
	margin: 0 auto;
	line-height: 300px;
	display: block;
}

.pro-pic-sm img,
.show_big{ 
	cursor: url(../image/big.cur),default;
	
}
.pro-pic-bg{ 
	display:none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 50px; 
	z-index : 190;
}

.pro-pic-bg img{
	max-width : none;
	max-height : none;
	padding: 30px;
	background-color: #fff;
	cursor: url(../image/small.cur),default;
	
}

.lock_bg{
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:#111;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index : 99;
}

.pro-info{ float: left;width: 50%; }
.pro-info table{ margin-left:40px; }

.next-prev{ margin-top:30px; }
.next-prev p{margin-left:40px; }
.next-prev-product{ margin-top:10px;color:#666; }
.next-prev-product a{color:#666;}
.next-prev-product a:hover{color:#F00;}

.line-list{ margin-left: 65px; }
.line-list li{
	height: 40px;
	background-image: url("../image/line.png");
	background-repeat: no-repeat;
	padding-left: 40px;
}
.line-list li span{
	position: relative;
	top: -6px;
}

/* 品牌故事 */
.company-detail-text p{ line-height: 30px; margin: 10px 0; }

/* 照片 */
.job-h{
 	line-height: 80px; 
	padding-bottom: 30px;
	border-bottom: 1px solid #666;
	font-size: 40px; 
	text-align: center; 
	font-weight: normal;  
}

.job-item{
 	margin: 20px 0;
	padding-bottom: 20px;
}
.job-title{ position: relative; margin-bottom:10px;font-size: 18px; font-weight: normal;color: #000; }
.job-title.active{ color: #fc0; }
.job-title .arrow{ position: absolute; right: 0; }
.job-title .arrow.rotate{ -webkit-animation: rotate .3s ease forwards; }
.job-title .arrow.rotate-start{ -webkit-animation: rotate-start .3s ease forwards; }

.job-disc{ margin-top: 10px; line-height: 30px; }
.job-disc p{ color: #666 !important; }

.job-bottom{ margin-top: 20px; }  
.job-bottom h3{display: inline-block; padding: 5px; margin-bottom: 10px; font-size: 18px; font-weight: normal;background-color: #222;color: #fff;  }
.job-bottom p{ line-height: 30px; }

@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(180deg);}
}
@-webkit-keyframes rotate-start {
  from {-webkit-transform:rotate(180deg);}
  to {-webkit-transform:rotate(360deg);}
}

.technology-item-box{ margin-bottom: 30px; }
.technology-item-box p{ margin-top:5px; height: 30px; text-align: center; }
.technology-item{ width: 400px; height: 280px; overflow: hidden; margin-right: 45px;}
.technology-item img{ width: 100%; }

/*----------分页------------*/
.page_list{text-align: right;border-top:1px solid #ddd;clear:both;padding-top:5px;  }
.page_list li{ margin:0 2px;display:inline-block; }
.page_list li.onpage a{ color:#bbb; }
.page_list li a{ font-size:12px;color:#666; }

/* 页脚 */

/* 页脚 */
.footer{ margin-top: 80px; border-top: 8px solid #eb8236; background-color: #494949;color: #aaa; }
.footer-nav{ float:right; width: 700px; margin-top: 40px; }
.footer-nav .nav-list a{ color: #aaa; }
.footer-nav .nav-list li{ margin-left: 15px; }
.f-nav-long{ float:left; width: 500px; margin-top: 40px; margin-bottom: 40px; }
.f-nav-long p{ margin-bottom: 10px; }

.footer-tip{ background-color: #333; line-height: 46px; height:46px; }


