@charset "utf-8";
/**************************banner**************************/
.pc-1{
	background:url(../images/1.jpg);
	}
.pc-2{
	background:url(../images/2.jpg);
	}
.pc-3{
	background:url(../images/3.jpg);
	}
.pc-4{
	background:url(../images/4.jpg);
	}
.pc-5{
	background:url(../images/5.jpg);
	}
.pc-6{
	background:url(../images/6.jpg);
	}
.pc-7{
	background:url(../images/7.jpg);
	}
.banner{
	height:0;
	padding-bottom: 15.5%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	margin-top:90px;
	}
@media (max-width:1024px) {
.banner{
	padding-bottom: 20%;
	background-size:cover;
	margin-top:60px;
	}
	}
@media (max-width:980px) {
.banner{
	padding-bottom: 30%;
	background-size:cover;
	margin-top:60px;
	}
	}


/*==============PC内页导航=====================*/

.n_title{ position:relative; height:60px; line-height:60px; z-index: 2; background: #000; width:100%;}
.main_box{ max-width:1200px; margin:0 auto;}
.n_title dl{ width: 20%; float: left; position: relative;} 
.n_title dt a{ font-size:15px; text-align: center; display:block; color:#ccc; margin-bottom:0px; line-height:60px; font-weight:normal; }
.n_title dl dd{ position: absolute; width: 100%; display: none;   overflow: hidden; background: #CCC;}
.n_title dl dd a{font-size:14px;  width: 100%; text-align: center; display: block; color:#30353a; line-height:40px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}
.n_title dl dd a:hover,.n_title dl dd a.on{ color: #c70000;}
.n_title dt i{ display: none;  transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);}
.n_title dl.title_nav dt i{ display: inline-block;}
.n_title dl:hover dt{background: #c70000;}
.n_title dl:hover dt a,.n_title dl:hover dt a i{  color: #fff;}
.n_title dl.title_nav:hover dd{ box-shadow: 0 5px 10px #333; }
.n_title dt.on{ background: #c70000; }
.n_title dl dt.on a,.n_title dl dt.on a i{  color: #fff;}



/*==================移动端内页导航=================*/

#m_n_nav{ background: #C70000;  display: none; line-height: 50px; position: relative; z-index: 99; }
#bnt_back{ position:absolute; left: 1rem; top:0;  color: #fff; font-size: 26px;}
#m_n_nav i{}
#m_n_nav h1{ font-size: 18px; color: #fff; text-align: center;line-height: 50px;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 3px; cursor: pointer; color: #fff; font-size: 30px; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #d2b068;}



#sub_nav_content dt{height:50px;line-height:50px;position:relative;background:#fafafb;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 50px; font-size:14px; font-weight: 400;  }
#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100); font-size:30px; line-height:55px;}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#1798d7; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #1798d7; font-size:30px; line-height:55px; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{ color:#C70000;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#1798d7}



@media (max-width:980px) {

.n_title{ display: none;}
#m_n_nav{display: block;}
}

.con{
	max-width:1200px; margin:0 auto;
	min-height:200px;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:50px;
	}

@media (max-width:1660px) {
.con{margin-top:20px; padding:0 2%;}

}
@media (max-width:768px) {
.con{margin-top:20px; padding:0 4%;}
}	



.text{ margin-top:10px;}
.text p{
	font-size:15px;
	color:#999;
	line-height:24px;
	padding-bottom:20px;
	}
	
.text .img{ float:right; margin-left:20px;}	
@media (max-width:768px) {
.text p{
	font-size:14px; line-height:24px;
	}	
.text img{ width:100%;}	
}	


.left{ box-sizing:border-box; margin:0px 30px 0 0px; float:left;width: 260px;}
.left ul{float:left;width: 100%;box-sizing:border-box;background-color:#000;}
.left ul li{ float:left; width:100%; line-height:50px; position:relative; border-bottom:1px solid #333;background-color:#000;}
.left ul li a{ font-size:15px; /*color:#343536;*/ display:block; box-sizing:border-box; padding:0 0 0 30px; color:#fff; }
.left ul li a:hover,.n-container .left ul li.on a{ color:#fff; background-color:#C70000;}
.left ul li a i{ position:absolute; bottom:0; left:10px; right:10px; height:1px; background:#000}
.left ul li a:hover i,.n-container .left ul li.on a i{ background:none;}




.right { width: 75%; float:right;}
@media (max-width: 1200px){
.n-container{ padding:  2%; padding-bottom:30px;}
.right{width: 72%;}
}
@media (max-width: 1100px){
.right{width: 70%;}
}
@media (max-width: 1050px){
.right{width: 68%;}
}
@media(max-width: 1000px){
   .n_main_box, .left{ display:none;}
   #m_n_nav{ display:block}
  .right { width: 96%; float:none; padding-left:2%; margin-top:2%;}
   
}


/* 分页 */
.f_page { margin-top: 20px; text-align: center; }
.f_page a, .f_page span { display: inline-block; width: 26px; height: 26px; background: #efefef; margin: 0 2px; border-radius: 20px; line-height: 26px; padding: 5px; }
.f_page a.now { color: #fff; background: #3F9BB2; font-weight: 500; }
@media (max-width:768px) {
.f_page { margin-top: 0px;}
.f_page a, .f_page span{width: 20px; height: 20px;line-height: 20px;}
}

/*联系*/
.contact{ margin-top:20px; border-bottom:1px solid #434343; padding-bottom:20px;}
.contact:nth-child(2){border-bottom:none;}
.contact .way{
	width:45%;
	float:left;
	overflow:hidden;
	padding-bottom:10px;
	}
.contact p{
	font-size:15px;
	color:#999;
	line-height:24px;
	padding-bottom:5px;
	}
.contact .way2{ 
	width:45%;
	float:right;
	overflow:hidden;
	padding-bottom:10px;}
	
#map{height:0; padding-bottom:30%;width:100%;border:1px solid #ccc;}	
@media (max-width:980px) {
.contact{ border-bottom:none;}
.contact .way{
	width:100%;
	float:none;
	border-bottom:1px solid #434343;padding-bottom:20px;
	}
.contact .way2{
	width:100%;
	float:none;
	border-bottom:1px solid #343434;padding-top:20px;
	}	
	}	
@media (max-width:768px) {	
#map{height:0; padding-bottom:60%;}
}


/***放大图***/
.tpimg{
	width:100%;
	}
.tpimg ul{
	}
.tpimg ul li{
	width:31.5%;
	text-align:center;
	font-size:14px;
	color:#333;
	line-height:30px;
	float:left;
	margin:0.6%
	}
.tpimg ul li .photo{
	width:100%;
	background:#fff;
	cursor:pointer;
	overflow:hidden;
	border:1px solid #fff;
	}
.tpimg ul li .photo img{
	max-width:100%;
	min-width:100%;
	display:block;
	}
.tpimg ul li:hover{
	color:#8403A6;
	}
.tpimg ul li:hover .photo{
	border:1px solid #8403A6;
	}
@media (max-width:768px) {
.tpimg ul li{
	width:48%;
	margin:1%
	}
	}
	

/*新闻列表*/
.news{margin-top: 0px;}
.news ul{}
.news li{margin-top: 30px;}
.news li .pic{float: left;margin-right: 30px;width: 25%;overflow:hidden; position:relative;}
.news .pic img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
.news .pic:hover img {
	transform: scale(1.1);
}
.news li .pic img{width: 100%;}
.news li .li_r{}
.news li .li_r h2{font-size: 24px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;padding:20px 0;}
.news li .li_r .txt{line-height: 24px; font-size:14px; color:#999;text-overflow:ellipsis; overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;}
.news li .li_r .more{margin-top: 20px; font-size:16px; color:#666;}



@media (max-width:1200px) {
.news li .li_r h2{ padding:0px; padding-bottom:10px;}
}
@media (max-width:1000px) {
.news li .li_r .more{margin-top: 10px;font-size:14px;}
.news li .li_r .txt{line-height: 24px; font-size:14px;}
}
@media (max-width:880px) {
.news{margin-top: 20px; padding-left:1%; width:99%;}
.news li .pic{float: none;margin-right: 0px;width: 100%;}
.news li .li_r h2{ font-size:16px; font-weight:bold; padding:10px 0;}
}		

/*新闻详情*/

.news-title{border-bottom: 1px dotted #555;padding-bottom: 20px; margin-top:10px; margin-bottom:30px; text-align:center;}
.news-title h2{ font-size:24px; float:none; color:#ccc; margin-bottom:10px; font-weight:bold;}
.news-title p span{margin:0 5px;color: #666;}

.fh{width: 120px;line-height: 40px;text-align: center; margin-top:30px; margin-bottom:30px;}
.fh a{display: block;color:#FFF; font-size:15px;background: #999;border-radius: 20px;}
.fh a:hover{display: block;color:#FFF;text-decoration: none; background:#333;border-radius: 20px;transition:all 1.5s;}

@media (max-width:800px) {
.news-title{ }
.news-title h2{ font-size:18px;}
.news-title p{ font-size:14px;}	
.fh{ margin:30px auto 30px auto;}
}

.pages{
	line-height:30px;
	border-top:1px dotted #555;
	font-size:14px;
	color:#666666;
	padding-top: 20px;
	margin-top: 30px;
} 
.pages a{
	text-decoration:none;
	margin-left:3px;
	padding:2px 2px;
	color:#666666;
	}
.pages a:hover{
	text-decoration:underline;
	color:#999;
	}
@media (max-width:980px) {
.pages{ font-size:14px;line-height:22px;}
}

/*================视频样式======================*/
.videos { margin-top:20px;}
.videos li{float:left;width:32%;margin:0 2% 3% 0;text-align:center;}
.videos li:nth-child(3n){ margin-right:0;}
.videos li p{line-height:30px; height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#999; margin-bottom:10px; font-size:15px;}
@media (max-width:980px) {
.videos li{float:none; width:100%; margin:0;}
}

/* 产品中心 */
.products{ padding-top:22px;}
.index-product { padding-bottom: 0px; }
.index-product li { width: 32.3%; height:260px; float: left; margin-right: 1%; margin-bottom: 10px; position: relative; }
.index-product .border { margin-right: 0; }
.index-product li .hover { width: 100%; height: 100%; display: none; position: absolute; top: 0;  }
.index-product li:hover .hover { display: block; transition: all 0.5s ease-in-out;}
.index-product li img { width: 100%; }
.index-product p {position: relative; color: #ccc; font-size: 18px; margin-top: 10px; margin-bottom: 10px; text-align:center; display: block;}

@media screen and (max-width: 980px) {
.products{ padding:30px 0;}
.index-product li { width: 46%; margin: 0 2% 20px; }
}
@media screen and (max-width: 600px) {
.index-product li { width: 100%;  }
}


/*产品详情*/	
.product_con_t{ margin-top:20px;}
.product_con_t .t_r{ float:right; width:46%; margin-right:10px; color:#999;}
 .bt{ font-size:26px; border-bottom:1px solid #434343; padding:10px 0;color:#fff; margin-top:20px; margin-bottom:20px;}
.product_con_t .t_r .box{ margin-top:20px; line-height:30px; }
.product_con_t .t_r .box h3{ font-size:24px; margin-bottom:3%; color:#ccc;}
.product_con_t .t_r .more{ width:200px; height:45px; line-height:45px; text-align:center;  background:#333; border-radius:30px; margin-top:5%;}
.product_con_t .t_r .more a{ display:block; color:#FFF;}
.product_con_t .t_r .more a:hover{ display:block; color:#FFF; text-decoration:none;}

@media screen and (max-width: 720px){
.sp-wrap {
    float: none;
    width: 100%;
}
.product_con_t .t_r .bt{ font-size:20px; font-weight:bold;}
.product_con_t .t_r {
    float: none;
    width: 100%;
	margin-left:0px;
}
.product_con_t .t_r .box h3{ font-size:20px; margin-bottom:3%;}
}

.product_cont{ width:100%; margin-top:4%; overflow: hidden;}
.product_cont h2{ font-size:16px; color:#000; font-weight:600;}

/**************************在线购买**************************/
.mopop{  font-size: 16px; color: #ccc;  margin-top:30px;display: block; height:50px; line-height: 50px;  background: #000;  width: 180px;  border-radius: 3px; text-align: center;}
.mopop:hover{ background: #c70000; color: #fff; cursor:pointer; text-decoration:none;}
@media (max-width:1024px) {
.mopop{  margin-top:20px;}

}



/**faqs**/
#n_news { }
#n_news ul{ margin:-18px; overflow:hidden; }
#n_news li{ width:30%; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:18px; padding-bottom:40px;}
#n_news li a{ display:block;}
#n_news li .pic_box{ position:relative; background:#000; }
#n_news li img{width:100%;display:block;  }
#n_news li .text_box{ position:relative; padding:25px; }
#n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; margin-bottom:20px;}
#n_news li p{ font-size:12px; line-height:24px; height: 48px; color:#777777;}
#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}
#n_news .fot_box span{color:#a1a1a1; font-size:12px; }
#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:12px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}
#n_news li img:hover{  }
#n_news li:hover{  box-shadow:0 0 5px #aaa; background:#8403A6; }
#n_news li:hover h1 a{ color:#fff; }
#n_news li:hover p{ color:#fff;}
#n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; color:#fff;}
#n_news li:hover .fot_box span{ color:#fff;}
#n_news li a:hover{ text-decoration:underline; }

#n_news h2{ text-align:center;color:#555; margin-top:50px;}

#n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } 

@media (max-width:1200px) {
#n_news li{ width:46%;}
}
@media (max-width:920px) {
#n_news li{ width:44%;}
}
@media (max-width:800px) {
#n_news li{ width:92%; }
}	


/*job*/
.join{ margin-top:10px;}
.faq-box {
	position: relative;
	margin-bottom: 20px;
}
.faq-box .faq-top {
	height: 50px;
	padding-left: 19px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	background-color: #fff;
	background-image: url(../images/icon-dd4.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	cursor: pointer;
}
.faq-top span {
	display: block;
	width: 90%;
	padding-left: 12px;
	background: url(../images/sj.png) no-repeat left center;
	float: left;
}
.faq-box .faq-block {
	padding-top: 12px;
	background: url(../images/icon-dd5.png) no-repeat 19px top;
	margin-top: 20px;
	display: none;
}
.faq-block .faq-con {
	padding: 25px;
	color: #666666;
	line-height: 30px;
	background-color: #fff;
	position: relative;
	font-size:14px;
}
.faq-box .faq-top.cur {
	background-color: #8403A6;
	color: #fff;
	background-image: url(../images/icon-dd4-2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}



/*留言*/
.zxly_er{ max-width:1400px; margin: 0 auto;margin-top: 10px; }
.zxly_er ul{}
.zxly_er li{ width:49%; margin-bottom:2%;}
.zxly_er li.zxly_left{ float:left;}
.zxly_er li.zxly_left{ float:right;}
.zxly_er li .input_txt{ width:95%; height:40px; border:1px solid #434343; outline:medium; padding:0 2%; background:#ccc; }
.zxly_er li.textarea{ width:100%; margin:0;}
.zxly_er li.textarea textarea{ width:97.5%; height:100px; border:1px solid #434343; outline:medium; padding:1%;background:#ccc; }
.zxly_er .more{margin-top:20px;}
.zxly_er .input_btn{ width:120px; height:40px; border:0 none; margin-right:5px; color:#fff; background:#c70000;}
.zxly_er .input_btn2{ width:120px; height:40px;  border:0 none; margin-left:5px; color:#ccc; background:#000;}
@media screen and (max-width: 720px){
.zxly_er li {
    width: 100%;
    margin-bottom: 2%;
}
}