@charset "utf-8";

/*d全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust:none;background: #fff;}
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,textarea{font-size:12px;line-height:16px;font-family:"微软雅黑";outline: 0;}
img{border:0;vertical-align:top;width:100%;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;}
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;}
.ov{overflow: hidden;}


/*header*/
.max_w{max-width: 750px; margin: 0 auto;}
.top_bg{background: #333; position: relative; z-index: 999;}
.logo{width: 45%; margin: 0 auto;}
.search{width:7%; line-height: 0; position:absolute; top: 30%; left: 3%; z-index:1;}
.ss{width:0;height:35px;position:absolute;left:14%;top:26%;overflow:hidden;z-index:2;}
.ss_bd{width:48%;height:35px;border:none;background:#fff;float:left;color:#333;padding:0 0 0 3%;font-size:14px; border-top-left-radius:3px;border-bottom-left-radius:3px;}
.ss_btn{width:18%;float:left;line-height:35px;background:#f1dd56;border:none;color:#fff;font-family:"微软雅黑";font-size:14px; border-top-right-radius:3px;border-bottom-right-radius:3px;}

.nav_btn a{ color:#fff;}
.cd-nav-trigger {
  position: absolute;
  display: inline-block;
}
.cd-nav-trigger a{ color:#fff;}
.cd-nav-trigger {
  top:30%;
  right: 4%;
  height:30px;
  width: 30px;
  z-index: 500;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  z-index: 1000;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-nav-trigger .cd-icon::before {
  content: '';
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  content: '';
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
  content: '';
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger::after {
  content: '';
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  color:#000;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
content: '';background:url(../images/nav_close.png) no-repeat #000; background-size:cover;
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  content: '';
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
background:none;
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: white;
  content: '';
}
.cd-nav-trigger.close-nav .cd-icon::before {
  content: '';
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  content: '';
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
/*黑色2*/
.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 60px 0;
  z-index: 300;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
  margin: 1.1em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1; background:#000;
}
/*黑色*/
.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 200;
}
.cd-overlay-nav span {
  /*background:url(../images/main.jpg);*/
  background-color:#000;
}
/*黑色结束*/
.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 400;
}
.cd-overlay-content span {
  background-color: #ddd;
}

.slideBox {
	position: relative;
	width: 100%;
}
.slideBox .hd {
	width: 100%;
	text-align: center;
	position: absolute;
	height: 4px;
	line-height: 0;
	bottom: -5%;
	right: 0;
	z-index: 1;
}
.slideBox .hd li {
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #000;
	text-indent: -9999px;
	overflow: hidden;
	margin: 1px 8px;
}
.slideBox .hd li.on {
	width: 24px;
	height: 3px;
	margin: 0 5px;
	background: url(../images/banner_dot.png) no-repeat center center;
	background-size: 100% 3px;
}
.slideBox .bd {
	position: relative;
	z-index: 0;
}
.slideBox .bd li {
	position: relative;
	text-align: center;
}


/*mainbody*/
.mainbody{padding-bottom: 10%; overflow: hidden;}
.about_part{padding: 10% 0;}
.about_top{padding-bottom: 7%;}
.about_tl{float: left; width: 70%;}
.about_title{color: #333; font-size: 14px; line-height: 30px; margin: 0 0 12% 5%;}
.about_title i{width: 30px; height: 1px; line-height: 0; background: #000; display: block; margin-bottom: 2%;}
.about_title span{font-size: 12px; padding-right: 3%;}
.about_fonts{background: url(../images/about_icon.png) no-repeat left top; background-size: 20px 6px; padding-top: 6%; color: #333; font-size: 14px; line-height: 26px; margin-left: 10%;}
.about_fonts h4{line-height: 26px; font-weight: normal;}
.about_fonts h4 span{font-size: 24px;}
.about_tr{float: right; width: 85px; color: #333; line-height: 24px; letter-spacing: 2px; writing-mode:tb-rl;}
.about_tr i{width: 2px; height: 30px; background: #000; display: block; margin: 0 6px;}
.about_tr h4{font-size: 14px; font-weight: normal; text-align: center; line-height: 34px; background: url(../images/about_tr.png) no-repeat left bottom; background-size: 100% 60px; letter-spacing: 12px;}
.about_area{width: 95%; min-height: 100px; padding: 0 6% 12% 6%; box-sizing: border-box; background: url(../images/about_bg.png) no-repeat left bottom; background-size: 50px 50px; position: relative; margin: 0 auto;}
.about_more{width: 52px; height: 30px; padding-top: 32px; text-transform: uppercase; background: url(../images/about_more_bg.png) no-repeat right top; background-size: 12px 100%; position: absolute; right: 0; bottom: 0;}
.about_more a{color: #333; text-decoration: underline;}
.about_pic{width: 100%; margin-bottom: 5%;}
.about_fon{line-height: 24px; height: 72px; color: #333; overflow: hidden;}

.product_part{padding-bottom: 8%;}
.product_title{width: 100%; text-align: center; text-transform: uppercase; color: #333; line-height: 24px; margin: 0 auto 4%;}
.product_title h4{font-size: 16px; font-weight: normal;}
.product_title span{color: #ff9f00;}
.product_title p{letter-spacing: 4px;}
.product{width: 95%; margin: 0 auto;}
.product ul{margin-right: -3%;}
.product li{float: left; position: relative; margin: 0 3% 3% 0;}
.product_tm{width: 100%; text-align: center; height: 26px; line-height: 26px; background: rgba(0,0,0,0.5); color: #fff; font-size: 14px; position: absolute; left: 0; bottom: 0;}
.product li:nth-child(1){width: 49%;}
.product_01{width: 100%; position: relative; margin-bottom: 10px;}
.product_01 img{height: 200px;}
.product_02{width: 100%; position: relative;}
.product_02 img{height: 130px;}
.product li:nth-child(2){width: 45%;}
.product li:nth-child(2) img{height: 340px;}
.product li:nth-child(3){width: 40%;}
.product_04{width: 100%; position: relative; margin-bottom: 10px;}
.product_04 img{height: 150px;}
.product_05{width: 100%; position: relative;}
.product_05 img{height: 152px;}
.product li:nth-child(4){width: 54%;}
.product_06{width: 100%; position: relative; margin-bottom: 10px;}
.product_06 img{height: 262px;}
.product_more{width: 100%; text-align: center; height: 36px; line-height: 36px; border-top: solid 2px #000; border-bottom: solid 2px #000; font-size: 14px; letter-spacing: 6px;}

.stre_part{padding-bottom: 4%;}
.stre{width: 100%; padding: 6% 0; box-sizing: border-box; background: url(../images/stre_bg.jpg) no-repeat center top; background-size: cover; overflow: hidden;}
.stre li{float: left; width: 31.333%; text-align: center; padding: 0 1%;}
.stre h1{font-size: 12px; font-weight: normal; line-height: 26px; margin-bottom: 4%;}
.stre h4{font-size: 12px; font-weight: normal;}
.stre_fon{width: 80px; text-align: center; height: 80px; line-height: 80px; background: url(../images/stre_fon.png) no-repeat center top; background-size: 100% 100%; font-size: 14px; margin: 0 auto 4%;}
.stre_fon span{font-size: 24px; font-weight: bold; font-family: arial;}

.work_part{padding-bottom: 5%; overflow: hidden;}
.work_left{float: left; width: 50%; height: 200px; background: #f1f1f1; padding:2% 2% 3% 2%; box-sizing: border-box;}
.work_fon{background: url(../images/about_icon.png) no-repeat left top; background-size: 20px 6px; color: #333; padding-top: 8%; margin-bottom:5%; overflow:hidden;}
.work_fon h4{font-size: 15px; line-height: 24px; margin-bottom: 3%; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.work_more{width: 30%;}
.work_pic{float: left; width: 50%;}
.work_pic img{height: auto;}
.work{width: 100%;}
.work li{float: left; width: 33.333%;}

.news_part{padding-bottom: 2%;}
.news{width: 95%; margin: 0 auto;}
.news li{padding: 4%; box-sizing: border-box;}
.news li:nth-child(2){background: #f7f7f7;}
.news i{display: block; width: 32px; height: 2px; line-height: 0; background: #000; margin-bottom: 3%;}
.news h4{color: #333; font-size: 14px; font-weight: normal; height: 24px; line-height: 24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news h4 span{font-weight: bold;}
.news_fon{color: #666; line-height: 20px; height: 40px; overflow: hidden; margin: 2% 0 2% 14%;}
.news_date{background: url(../images/news_icon.png) no-repeat left center; background-size: 14px 14px; color: #000; height: 30px; line-height: 30px; padding-left: 30px; margin-left: 5%;}


/*footer*/
footer{width: 100%; position: fixed; bottom: 0; left: 0; z-index: 99;}
.foot{max-width: 750px; background: #000; padding: 3% 0 2% 0; margin: 0 auto;}
.foot li{float: left; width: 20%; text-align: center; font-size: 13px;}
.foot img{width: 38%; margin-bottom: 3%;}
.foot a{color: #fff;}


/*关于我们*/
.main{padding: 3% 0 10% 0;}
.path{width: 100%; text-align: right; padding: 0 3%; box-sizing: border-box; margin-bottom: 5%;}
.list{width: 98%; text-align: center; margin: 0 auto 3%;}
.list li{display: inline;}
.list a{ border: solid 1px #999; border-radius: 10px; height: 28px; line-height: 28px; color: #666; display: inline-block; margin: 0 3% 4% 3%; padding:0 3%;}
.list a:hover{border: solid 1px #000; background: #000; color: #fff;}
.list .list_on a{border: solid 1px #000; background: #000; color: #fff;}
.about{width: 94%; color: #666; text-align: left; margin: 0 auto; font-size:14px; line-height:30px;}
.about img{ width:auto; max-width:100%;}
.about h4{color: #000; font-size: 18px; margin-bottom: 4%;}


/*环境展示*/
.env{width: 94%; margin: 0 auto;}
.env ul{margin-right: -2%;}
.env li{float: left; width: 31.333%; text-align: center; margin: 0 2% 2% 0;}
.env h4{font-weight: normal; height: 40px; line-height: 40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page{width: 100%; text-align: center; padding-top: 3%;}
.page a{width: 25%; height: 30px; line-height: 30px; background: #000; color: #fff; border-radius: 6px; display: inline-block; margin: 0 3%;}


/*新闻中心*/
.news_02{width: 100%;}
.news_02 li{background: #f4f4f4; padding: 3%; margin-bottom: 5%;}
.news_02 li:hover{box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
.news_02 img{float: left; width: 28%; height: 70px; margin: 2% 0;}
.news_con{float: left; width: 46%; margin: 2% 0 0 3%; color: #666; font-size: 13px;}
.news_con h4{color: #333; font-size: 14px; font-weight: normal; height: 20px; line-height: 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_text{color: #666; font-size: 12px; line-height: 20px; height: 20px; margin-top: 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_r{float: right; width: 20%; height: 75px; border-left: solid 1px #ccc; padding: 8% 0 0 2%; box-sizing: border-box;}
.news_more{width: 100%; height: 26px; line-height: 26px; text-align: center;}
.news_more a{display: block; background: #000; color: #fff; border-radius: 10px;}


/*人才招聘*/
.rec{width: 94%; margin: 0 auto;}
.rec li{padding-bottom: 4%;}
.rec_top{background: #eee; color: #000; height: 34px; line-height: 34px; text-align: center; margin-bottom: 2%;}
.rec_t01{float: left; width: 35%;}
.rec_t02{float: left; width: 30%;}
.rec_t03{float: left; width: 35%;}
.rec_bot{background: #f8f8f8;}
.rec_bl{float: left; width: 4%; padding: 5% 7% 5% 4%; box-sizing: border-box; text-align: center; color: #000; font-size: 13px; line-height: 26px; font-weight: bold; writing-mode:lr-tb;}
.rec_br{float: left; width: 89%; min-height: 120px; border-left: solid 4px #fff; padding: 3%; box-sizing: border-box; color: #666; line-height: 20px;}


/*在线留言*/
.message_part{padding-top: 3%;}
.message_bg{padding: 3% 3% 30% 3%; background: #f4f4f4;}
.name{width: 100%; height: 40px; line-height: 40px; padding: 0 3%; box-sizing: border-box; border: solid 1px #ccc; background: #fff; border-radius: 15px; color: #666; margin-bottom: 4%;}
input.name::-webkit-input-placeholder{color:#666;}
input.name:-moz-placeholder{color:#666;}
.font_con{width: 100%; height: 140px; line-height: 24px; padding: 2% 3%; box-sizing: border-box; border: solid 1px #ccc; background: #fff; border-radius: 15px; color: #666;}
textarea.font_con::-webkit-input-placeholder{color:#666;}
textarea.font_con:-moz-placeholder{color:#666;}
.btn_part{width: 100%; text-align: center; padding: 6% 0 10% 0; box-sizing: border-box;}
.btn_submit{width: 30%; height: 30px; border: none; background: #000; font-size: 14px; color: #fff; border-radius: 30px; cursor: pointer;}
.btn_reset{width: 30%; height: 30px; border: none; background: #666; font-size: 14px; color: #fff; border-radius: 30px; margin: 0 22px; cursor: pointer;}
.message_fon{width: 100%; text-align: center; color: #333; font-size: 14px; line-height: 30px;}


.prod-con{
  width: 92%;
  margin: 0 auto;
}
.prod-title{
  font-size:18px;
  text-align:center;
 }
 .h10{width:1px;height:10px;clear:both;overflow:hidden}
 .prod-rd{
  font-size: 14px;
  color:#a2a2a2;
  height: 34px;
  border-bottom:1px solid #555555;
}
.prod-js p{
  font-size: 14px;
  color: #000000;
  line-height: 200%;
}
.prod-sx{
  height: 78px;
  border-top: 1px solid #555555;
}
.h20{width:1px;height:20px;clear:both;overflow:hidden}

.prs-con-last1 a{
  color:#000000;
  font-size: 14px;
}
.prs-con-last2 a{
  color:#000000;
  font-size: 14px;
}