@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
* html body {overflow:visible;}
* html iframe, * html frame {overflow:auto;}
* html frameset {overflow:hidden;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr , {margin:0; padding:0;}
body { background-color: #FFFFFF; color:#000000; font-family: "微软雅黑"; font-size:14px; line-height:24px; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{ font-weight: bold; margin: 0;}
input, select {font-size:12px; vertical-align:middle;outline:none;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px; font-family:Arial, Helvetica, sans-serif;}
ul li {list-style:none;}
em { font-style:normal;}
a {color:#000; text-decoration:none; outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
a:hover {text-decoration:none; color: #000000;}
p {margin: 0px;}
img {border: none; max-width: 100%; outline: none;}
.warp { width: 100%; max-width: 1200px; margin: auto;}
.fn_l { float:left; }
.fn_r { float:right; }
.o-hidden { overflow:hidden; }
.hidden { display:none; }
.block { display:block; }
.clear { clear:both; }
.te_c { text-align:center;}
.te_r { text-align:right;}
.pos-rel { position: relative;}
.pos-abs { position: absolute;}
.clearfix {	*zoom:1;}
.clearfix:after { clear:both; height:0;	overflow:hidden; display:block;	visibility:hidden; content:"."}




/*banner*/
.swiper-container1 {width: 100%; height: 100%; position: relative;}
.swiper-slide {background-position: center;background-size: cover; text-align: center;}
.swiper-slide-inner { width: 50%; color: #FFFFFF; font-size:14px; line-height: 34px; position: absolute; left: 25%; top:35%;}
.add { width: 100%; height: 100%; display: block;}
.swiper-slide-inner h2 { font-size:36px;font-weight: bold;}
.swiper-slide-inner h3 { font-size: 30px; color: #0ab13d;}
.swiper-slide-inner hr {width: 40%; margin:0px auto;height:1px;border:0px; background: rgba(255,255,255,0.6);}

/*产品分类*/
.product_list { padding: 50px 0; font-size: 12px;}
.product_list .swiper-slide { border-right: 1px #d6d6d6 solid;}

/*关于我们*/
.index_title { padding: 40px 0; text-align: center; font-size: 24px; line-height: 36px; color: #333333;}
.about_box {color: #FFFFFF;}
.about_bg { background: url(../images/about_bg.jpg) no-repeat;}
.video_bg { background: #000000;}
.about { float: right; padding: 90px 0; width: 530px; height: 530px; font-size: 12px; letter-spacing: 0.2rem; line-height: 26px; margin-right: 70px; }
.about_title { margin-bottom: 50px; padding-bottom: 20px; background: url(../images/about_line.png) no-repeat left bottom; font-size: 18px; font-weight: 400; text-transform:uppercase; position: relative;}
.about a { width: 125px; height: 30px; margin-top: 60px; border: 1px #fabebb solid; background: url(../images/more.png) no-repeat center; display: inline-block;}
.video { float: left;  padding: 90px 0; width: 590px; height: 530px; margin-left: 10px;}

/*产品展示*/
.product {}
.product dt { background: url(../images/index_27.jpg) no-repeat center; text-align: center; padding:15px 15px; display: table;}
.product dt p {display: table-cell; vertical-align: middle;}
.product dt img {max-width: 100%; max-height: 100%;}
.product dd {}
.product dd h3 {font-size: 16px; margin: 10px 0;}
.product dd p {font-size: 12px; color: #888888;}
.product a.more { margin: 40px auto; padding: 5px 20px; border: 1px #ed281e solid; color: #ed281e; display: inline-block;}

/*优势*/
.adv_bg { background: url(../images/adv_bg.jpg) #000000 no-repeat top; overflow: hidden;}
.adv dl {padding: 80px 60px 100px;}
.adv dl a {  padding: 60px 20px; background: #ec1c12; color: #FFFFFF; text-align: center; display: block; overflow: hidden;}
.adv dd h3 { font-size: 18px;font-weight: 400; margin: 30px auto; position: relative;}
.adv dd h3:after { content: ""; position: absolute; width: 20px; height: 2px; left: 50%; top: 30px; background: #FFFFFF; margin-left: -10px;}


.news dl {margin-bottom: 40px; overflow: hidden;}
.news dt {padding: 0 !important;}
.news img {background: url(../images/news_bg.png) no-repeat bottom right; padding-right: 6px; padding-bottom: 6px;}
.news dd h3 { font-size: 16px; font-weight: 400; color: #333333;}
.news dd p {font-size: 12px; color: #757575; margin: 5px 0; line-height: 20px;}
.news dd em {font-size: 12px; color: #bebebe;}



.link li {margin-bottom: 15px; padding: 0 10px !important;}
.link img{ border: 1px #e5e5e5 solid;}


.foot {background: #000000; padding: 59px 0 30px; color: #FFFFFF; margin-top: 30px;}
.foot_l img { padding-right: 30px; border-right: 1px #848484 solid; margin-right: 30px;}
.foot_r {}
.foot_r .erw {float: right; width: 110px; text-align: center; margin-left: 15px; display: inline-block;}
.foot_r .erw img {border: 5px #FFFFFF solid; margin-bottom: 5px;}




.inside_ban { height: 476px;}
.inside_nav_box { height: 98px; line-height: 96px; border-bottom: 1px #ededed solid; font-size: 18px;}
.inside_nav a {display: inline-block;}
.inside_nav a.active { color: #ec1c12; border-bottom: 2px #ec1c12 solid;}
.product_search { padding: 20px 0; border-bottom: 1px #EDEDED solid;}
.product_search h3 { font-size: 18px; font-weight: 400;}
.product_search li { padding: 0 15px 0 0; margin-top: 25px; height: 17px; line-height: 17px;}
.ds2-hidden-field {  opacity: 0;  position: absolute;}
.ds2-label--checkbox {cursor: pointer; display: inline-block;  padding-left: 27.5px; position: relative;}
.ds2-label--checkbox:before {content: ""; display: block; height: 20px; left: 0; position: absolute;top: -1px;  width: 20px;}
.ds2-icon--checkbox-checked:before,.ds2-label--group input[type=checkbox]:checked+.ds2-label--checkbox:before,.form-requests .nn-ui-input__checkbox:checked+span::before,.icon-checkbox-checked{background-image:url("../images/product_06.jpg");background-repeat:no-repeat}
.ds2-icon--checkbox:before,.icon-checkbox{background-image:url("../images/product_05.jpg");background-repeat:no-repeat}
.product_search li label {font-weight: 400;}
.product_all {}
.product_all i {margin: 20px 0; color: #f0f0f0; font-size: 36px; display: inline-block;}
.product_all li {padding:10px 30px; text-align: center;}
.product_all li p {font-weight: bold; margin-top: 10px;}
.product_all li em { color: #666666;}
.product_subnav {padding:0 5px !important;}
.product_subnav ul li { margin-bottom: 2px; padding: 0 2px !important; font-size: 16px; font-weight: bold; line-height: 40px; color: #FFFFFF;}
.product_subnav ul li a {color: #FFFFFF; background: #e5322a; padding-left: 25px; display: block; cursor: pointer;}
.product_subnav ul li ul {  width: 100%; border: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important;}
.product_subnav ul li ul li  {padding: 0 !important;}
.product_subnav ul li ul li a {background: #e6e6e6;font-size: 14px; color: #666666; margin-bottom: 1px; padding: 5px 20px;}
.weizhi {color: #333333;}
.weizhi a { color: #e5322a;}
.preview {width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container { margin-top: 20px;}
.preview .swiper-slide { width: 160px; padding: 10px 30px !important; margin-right: 15px; border: 1px solid #bdbdbd; padding: 10px 0; cursor:pointer;}
.pro_tab {margin-top: 30px;}
.pro_tab li {margin-right: 5px; font-weight: bold;}
.pro_tab li a { background: #e6e6e6; border-radius: 0;}
.pro_tab li.active a { background: #FFFFFF; border-top: 2px #e2231a solid;}
.pro_tab li.active a:hover { background: #FFFFFF; border-top: 2px #e2231a solid;}
.pro_tab .tab-content { padding: 15px; border: 1px #dddddd solid; border-top: none;}
.pro_tab .tab-content p {font-size: 16px; line-height: 36px; margin-bottom: 20px;}
.pro_tab .tab-content h3 {font-size: 16px;}
.inside_news {}
.inside_news li {margin-top: 40px;}
.inside_news li a {  background: #FFFFFF; font-size: 16px; color: #333333; box-shadow: 1px 3px 3px rgba(0,0,0,0.2); display: block;}
.inside_news li p { padding:5px 10px;}
.news-editor {position:relative; padding-left:90px; color:#666666;}
.news-editor .date-block {position:absolute; left:0; top:0;}
.news-editor h1 { font-size:18px; color: #000000;}
.news-editor h3 {margin:14px 0 15px 0; font-size:12px; font-weight:100;}
.date-block { float: left; padding: 0 10px; width: 75px; height: 75px; font: 400 14px/15px 'novecento' !important;  color: #444; background-color: #e1e1e1; text-align: center;}
.date-block .day {display: block;margin: 10px 0 3px 0; font: 400 30px/30px 'novecento' !important; color: #e62b1e;}
.down {}
.down ul li { height: 60px; line-height: 60px; border-bottom: 1px #d2d2d2 dashed; padding: 0 15px; background: url(../images/down_07.jpg) no-repeat left;}
.down ul li span { width: 24px; height: 60px; background: url(../images/down_04.jpg) no-repeat center;}
.contact {}
.contact h3 { font-size: 30px; font-weight: 400;}
.contact .address { margin: 30px 0; padding: 0 15px; height: 70px; line-height: 70px; font-size: 18px; color: #FFFFFF; background: url(../images/contact_04.jpg) no-repeat center;}
.contact h2 { font-size: 18px; font-weight: 400; margin-bottom: 30px;}
.contact h1 { font-size: 16px; font-weight: 400; line-height: 40px; margin-bottom: 5px;}
.tel {background: url(../images/contact_08.jpg) no-repeat left top; padding-left: 50px; line-height: 36px;}
.ads {background: url(../images/contact_10.jpg) no-repeat left top; padding-left: 50px; line-height: 36px;}
.email {background: url(../images/contact_14.jpg) no-repeat left top; padding-left: 50px; line-height: 36px;}
.contact_ewm {text-align: right;}
.messages { width: 800px; margin: auto;}
.messages li {margin-top: 10px;}
.messages input[type="text"],.messages input[type="email"],#ftel,.messages textarea { width: 100%; margin-right: 5px; padding: 10px 5px; border: 1px #DDDDDD solid;}
.messages button {padding: 5px 30px; background: #ec1c12; color: #FFFFFF; border: none;}
/*分页*/
.global_page {clear:both;width:100%;margin:20px auto;height:auto;text-align:center;padding:14px 0 10px;font-family:"宋体";font-size:12px;}
.global_page a, .global_page a:link, .global_page a:visited, .global_page a:hover, .global_page a:active {border:solid 1px #ccc;padding:5px 9px;color:#333;text-decoration:none}
.global_page a:hover {border:solid 1px #333;background-color:#FFF}
.global_page span {background-color:#272222;padding:6px 10px;color:#FFF}
.searchp{font-size:14px;font-family:Microsoft YaHei;color:#666;line-height:30px;background:#ddd;margin-top:10px;text-align:center}
.searchfont{font-weight:bold;color:#272222}
/*招聘*/

.job-message-container {
	margin-top: 20px;
	padding: 1px 11px 11px 11px;
	background-color: #fff;
}
.job-message-container p {
	margin: 2em 0;
}

.job-survey .depart {
	padding-left: 2.5%;
	margin-top:2%;
}

.job-survey ul,
.job-detail,
.job-demand {
	padding: 0 2.5% 0;
	font-size: 13px;
	list-style: none;
	color: #666;
}

.job-survey li {
	display: inline-block;
	width: 33%;
	line-height: 29px;
	margin: 1em 0;
}

.job-survey label {
	padding-right: 15px;
	text-align: justify;
	color:#333;
}

#job-detail-container .job-detail {
	padding-top: 0;
	border-top: 2px dotted #f5f5f5;
}

#job-detail-container .job-operation {
	padding-top: 1.5em;
	padding-bottom: .75em;
	border-top: 2px dotted #f5f5f5;
	margin-left: 10%;
}

.apply-job,
.collect-job {
	padding: 8px 16px;
	font-size: 14px;
	line-height: 30px;
	color: #fff !important;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

.apply-job,
.collect-job {
	background-color: #ec6738;
	border-radius: 5px;
}

.collect-job {
	margin-left: 90px;
}












.bg_gray {background: #f5f5f5;}
.color_white {color: #FFFFFF;}

.mt20 {margin-top: 20px;}
.pad0 {padding: 0 !important;}

.f16 {font-size: 16px; line-height: 30px;}

.color_999 {color: #999999 !important;}



@media (min-width:1024px) {
	.product_subnav ul li ul {position: relative;}
}

@media (max-width:767px) {
	.product_list {padding: 1rem 0;}
	.product_list img {width: 4rem;}
	.index_title  { padding: 1rem 0; font-size: 20px; line-height: 30px;}
	.about {width: 100%; height: auto; padding: 20px 0; margin: 0;}
	.about_title {margin-bottom: 1.5rem; padding-bottom: 1rem;}
	.about a {margin-top: 1rem;}
	.video { width: 100%; height: auto; margin: 0; padding: 20px 0;}
	.product dd h3 {margin-top: 0;}
	.product a.more {margin: 1rem;}
	.adv dl {padding: 10px;}
	.adv dl a{padding: 20px 10px;}
	.adv dl img {width: 3rem;}
	.adv dd h3 {margin: 2rem auto;}	
	.news dl {margin-bottom: 2rem;}
	.foot {padding: 1rem 0; text-align: center;}
	.foot_l div {width: 100% !important;}
	.foot_r .erw {float: none; margin-top: 15px;}
	.inside_nav_box {height: 60px; line-height: 58px;}
	.inside_tex { padding: 0 15px;}
	.inside_ban { height: 124px;}
	.product_search {padding: 20px 10px;}
	.product_all i {font-size: 24px;}
	.f16 {font-size: 14px; line-height: 26px;}
	.preview .swiper-slide {width: 80px; padding: 10px 10px !important;}
	.inside_news li {margin-top: 20px;}
	.contact_ewm {text-align: left; padding-left: 50px;}
	.messages { width: 100%}
	.news-editor { padding-right: 10px;}
}


@media (min-width: 768px) and (max-width: 1023px)  {
	.index_title  { padding: 1rem 0; font-size: 20px; line-height: 30px;}
	.about {width: 100%; height: auto; padding: 20px 0; margin: 0;}
	.about_title {margin-bottom: 1.5rem; padding-bottom: 1rem;}
	.about a {margin-top: 1rem;}
	.video { width: 100%; height: auto; margin: 0; padding: 20px 0;}
	.adv dl {padding: 10px;}
	.adv dl a{padding: 20px 10px;}
	.foot {padding: 20px 0;}
	.inside_tex { padding: 0 15px;}
	.inside_ban { height: 294px;}
	.contact_ewm {text-align: left; padding-left: 50px;}
	.messages { width: 100%}
	.news-editor { padding-right: 10px;}
}

@media (min-width: 1024px) and (max-width: 1199px)  {
	.about { float: right; padding: 90px 0; width: 460px; height: 530px; font-size: 12px; letter-spacing: 0.2rem; line-height: 26px; margin-right: 10px; }
	.about_title { margin-bottom: 50px; padding-bottom: 20px; background: url(../images/about_line.png) no-repeat left bottom; font-size: 18px; font-weight: 400; text-transform:uppercase; position: relative;}
	.video { float: left;  padding: 90px 0; width: 460px; height: 530px; margin-left: 10px;}
	.adv dl {padding: 10px;}
	.inside_tex { padding: 0 15px;}
	.inside_ban { height: 398px;}
	.news-editor { padding-right: 10px;}
}
.product_search li { padding: 0 15px 0 0; margin-top: 25px; height: 25px;}
.cpsx {width: 20px; height: 20px; background: #FFFFFF; border: 2px #DDDDDD solid;}