@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%;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#444;
	background-size:100%;
	}
@media (max-width:1200px) {
.banner{
	padding-bottom: 20%;
	background-size:cover;
	}
	}
@media (max-width:980px) {
.banner{
	padding-bottom: 30%;
	background-size:cover;
	margin-top:0px;
	}
	}
	
/**************************当前位置**************************/
.n_main_box{ width:100%; }
.n_main_box .main_box{position:relative;margin: 0 auto; max-width:1200px;}
.n_nav_box{height: 50px;background:#fff;position:relative;}
.n_nav{ position:relative; }
.n_nav a{display:inline-block;margin-right:45px;height: 47px;font-size:14px;float:left;line-height:70px;color:#444444; }
.n_nav a strong{display:block;font-size: 18px;color: #1B6099;position:relative;z-index:4;height: 68px;line-height: 70px;font-weight: 100;background: url(../images/wz.png) left 20px no-repeat; padding-left:20px;}
.n_nav a:hover{border-bottom: 3px solid #1B6099;}
.n_nav .on{border-bottom: 3px solid #1B6099;}
.n_nav .on strong{height: 50px;line-height: 60px;font-weight:bold;}
.n_up_box{ position:relative; position:relative; }
.position{position:absolute;height: 50px;line-height: 60px;right: 0px;bottom:0px;color: #98989a;background: url(../images/icon_home.png) left 24px no-repeat;padding-left: 19px;font-size: 12px;}

.position span, .position a, .position i{ font-size:12px; color:#999999;}
.position i{ font-family:simsun; margin:0 6px; font-style:normal; }
.position em{font-size:12px;color: #1B6099;font-style: normal;}
.position a:hover{color: #1B6099;}
.n_main_box .main_box{height: 50px;position:relative;margin: 10px auto; box-sizing: border-box; background:#fff; padding:0;}
.n_main_box .main_box .bottom{ background-color:#d9d9dd; position:absolute; bottom:0; left:0px; width:100%; height:3px;}
.n_main_box .main_box .bottom01{ position:absolute; bottom:0; right:0px; width:30px; height:3px;}







/*==================移动端导航=================*/
#m_n_nav{background: #1B6099;display: none;line-height: 50px;position: relative;z-index: 1;}
#bnt_back{position:absolute;left: 1rem;top:0;color: #fff;font-size: 22px;}
#n_n_title{ height:50px;}
#m_n_nav h1{font-size: 16px;color: #fff;text-align: center;margin:0;line-height:50px;font-weight: normal;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #fff; 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 #0054a3; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #0054a3;}

#sub_nav_content dl{ margin:0}
#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; 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);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#bea88e; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #bea88e;  }
#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: #1B6099;}
#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:#bea88e}
.am-offcanvas{ z-index:1000000}




.n-container{padding: 50px 0 50px 0; max-width:1200px; margin:0 auto;}
.n-container .left{ box-sizing:border-box; margin:0px 30px 0 0px; float:left;width: 260px;}
.n-container .left ul{float:left;width: 100%;background-color:#f7f7f9;box-sizing:border-box;border:#e9e9ec 1px solid;}
.n-container .left ul li{ float:left; width:100%; height:50px; line-height:50px; position:relative; border-bottom:1px solid #eee;}
.n-container .left ul li a{ font-size:14px; color:#343536; display:block; box-sizing:border-box; padding:0 0 0 30px;}
.n-container .left ul li a:hover,.n-container .left ul li.on a{ color:#fff; background-color:#1B6099;}
.n-container .left ul li a i{ position:absolute; bottom:0; left:10px; right:10px; height:1px; background:#e9e9ec}
.n-container .left ul li a:hover i,.n-container .left ul li.on a i{ background:none;}

.main_prol_cont{width:260px;height:67px;float:left;margin-top:15px;background:url(../images/contbg.jpg) center no-repeat;text-align:center;padding-top:63px;color:#fff;}
.main_prol_cont span{font-size:15px;}
.main_prol_cont h3{font-size:20px; font-weight:bold;}


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


/*内容样式*/
.ar_article{ font-size:14px; color:#78787a; line-height:24px; text-align:justify;}
.ar_article p{font-size:14px;color:#78787a;line-height:24px;text-align:justify;padding-bottom: 10px;}	
.ar_article strong{ font-weight:bold;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article a:hover{ color:#F0B01C; text-decoration:underline;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold; color:#333; margin-bottom:10px;}
.ar_article table{
	font-size: 14px;
	margin-top:10px;
	color: #434343;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}

.ar_article tr {
	background-color: #f8f8f8;
	line-height: 36px;
	
}
.ar_article td {
	text-align: left;
	border: 1px solid #dbdbdb;
	line-height:36px;
	border-bottom:none;
	border-right:none;
	padding-left: 8px;
	background-color:#ffffff;
}
.contact{ float:left; width:45%; margin-right:5%;}
@media(max-width: 768px){
.ar_article{ font-size:14px; color:#78787a; line-height:24px; text-align:justify; }
.ar_article p{font-size:14px;color:#78787a;line-height:24px;text-align:justify;padding-bottom: 3%;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article td{ font-size:12px;}
.contact{ float:none; width:100%; margin-right:0;}
}




/*====产品 侧导航====*/
#n_nav{background:#f7f7f9;margin-bottom: 20px;border:1px solid #e9e9ec; overflow:hidden;}
#n_nav dt h1{ display:block;  padding: 0 25px;border-bottom: 1px solid #e9e9ec; line-height: 37px; margin-left: 9px; margin-right: 8px;}
#n_nav dt{position:relative;padding: 0 10px;display:block;line-height: 50px;height: 50px;overflow:hidden;margin-top:0px;}
#n_nav dt a{ float:left; width: 85%;font-weight: normal;font-size:14px; font-weight:bold;padding-left: 10px;color: #333;display:block;height: 51px;border-bottom: 1px solid #e7e9eb;border-top: 1px solid #e7e9eb;}
#n_nav dt a:hover{ color:#1B6099;}
#n_nav dt i{ float:right; display:block; height: 51px; width:10%; background:#1B6099; border-bottom: 1px solid #e7e9eb;border-top: 1px solid #e7e9eb;}
#n_nav dt.on{ border:none }
#n_nav dt.title i{background: url(../images/icon_jh.png) left center no-repeat;}
#n_nav dt.title_on{background:#1B6099}
#n_nav dt.title_on{ background:#1B6099 }
#n_nav dt.title_on a{border:none;color: #fff;}
#n_nav dt.title_on i{background: url(../images/icon_j_h.png) left center  no-repeat;color:#fff;border:none;}
#n_nav dd{padding: 0px 10px;display:none; border:none; font-size:12px;}
#n_nav dd .box{
    padding: 10px 0;
}
#n_nav dd a{padding-left:10px;line-height:40px;font-size:14px;color:#636060;display:block;height:40px;background: url(../images/icon_nav_sub_li.png) 11px center no-repeat;padding: 0 0 0 20px;}
#n_nav dd a:hover{ color:#1B6099; text-decoration:underline;}
#n_nav dd a.on{color: #1B6099;}
#n_nav dd a:last-child{}




.con{
	margin:0 auto;
	max-width:1200px;
	min-height:200px;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:50px;
	}
.ny_text_title{ font-size:24px; color:#333333; font-weight:bolder; margin-top:10px; text-align:center; margin-bottom:20px;}

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

}
@media (max-width:768px) {

.con{margin-top:20px; padding:0 4%;}
.ny_text_title{ font-size:20px;}
	}	

/*====留言====*/
.contact-form input.text{padding:1.5% 2.5%;background:#fff;border:1px #e6e6e6 solid;color: #999;width:95%;margin: 0 0 25px;}
.contact-form textarea.textarea{padding:20px 25px;background:#fff;border:1px #e6e6e6 solid;color:#999;width:94.5%;height:100px;margin: 0 0 15px; font-family:" 微软雅黑";}
.contact-form input.btn, a.btn{background:#D9D9DD;padding:1% 0;color:#000; font-size:14px;border:1px solid #D9D9DD; width:100%;}
.contact-form input.btn:hover, a.btn:hover{background:#1B6099; color:#fff;}
@media (max-width:1000px) {
.contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color: #999;width:89%; padding:2.5% 5%; margin-bottom:20px;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:93%;height:100px;padding:3%; margin-bottom:20px;}
.contact-form input.btn, a.btn{ line-height:30px;}

}


/*====最新资讯====*/
.news .news_xun{ display:inline-block; width:100%; border-bottom:1px solid #dcdcdc; padding:25px 0px; transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; overflow: hidden;}
.news .news_xun .news_xun_img{ width:22%; overflow:hidden; float:left;}
.news .news_xun .news_xun_img img{ width: 100%; height: 100%;transition: all 0.5s;display: block;}
.news .news_xun .news_xun_img:hover img {transform: scale(1.1);}
.news .news_xun .news_xun_wen img{ width:100%}
.news .news_xun .news_xun_wen{ width:74%; padding-left:28px; padding-top:10px; float:left;}
.news .news_xun .news_xun_wen dd{ padding-bottom:15px}	
.news .news_xun .news_xun_wen dd p:nth-child(1){ font-size:16px; color:#333333; font-weight:bold;}
.news .news_xun .news_xun_wen dd p:nth-child(2){ font-size:13px; color:#999999; background:url(../images/bn44.png) no-repeat 0% 50%; padding-left:20px; margin-top:10px}
.news .news_xun .news_xun_wen dt{ font-size:13px; color:#666666; line-height:24px}
.news .news_xun:hover{transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;}
.news .news_xun:hover .news_xun_wen dd p:nth-child(1){ font-size:16px; color:#1B6099}
.news .news_xun:last-child{ border-bottom:0px}
.news .news_xun:first-child{ padding-top:0px}

.news .news_xun .news_xun_wen2{ width:74%; padding-left:28px; padding-top:10px; float:left;}
.news .news_xun .news_xun_wen2 dd p{font-size:16px; color:#333333; font-weight:bold; padding-bottom:5px;}
.news .news_xun .news_xun_wen2 dt{font-size:13px; color:#666666; line-height:24px}

@media screen and (max-width:667px){
.news .news_xun{ background-image:none;}
.news .news_xun .news_xun_wen dd{ padding-bottom:5px}	
.news .news_xun .news_xun_wen dt,.news .news_xun .news_xun_wen dd p:nth-child(1){text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:14px}
.news .news_xun .news_xun_wen dd p:nth-child(2),.news .news_xun .news_xun_wen dt{ font-size:12px}
.news .news_xun .news_xun_img{ width:35%; height:100px;}
.news .news_xun .news_xun_img img{ width:100%}
.news .news_xun .news_xun_wen{ width:60%; padding-left:15px; padding-top:5px}
.news .news_xun .news_xun_wen2{ width:60%; padding-left:15px; padding-top:5px}
.news .news_xun .news_xun_wen2 dt{font-size:12px; color:#666666; line-height:22px;}
}
@media screen and (max-width:320px){
.news .news_xun .news_xun_wen{ width:58%;}
.news .news_xun .news_xun_wen2{ width:58%;}
}		

/*新闻详情*/
.news_details_nei{ padding-bottom:0px !important}
.news_details_nei_title{ text-align:center; border-bottom:1px dotted #dcdcdc; padding-bottom:20px}
.news_details_nei_title .nei_title_top{ font-size:24px; color:#333333; font-weight:bolder;}
.news_details_nei_title .nei_title_bottom{font-size:13px; color:#999999; margin-top:10px}
.news_details_nei_title .nei_title_bottom span{ margin:0px 20px}
.news_details_nei_title .nei_title_bottom span:nth-child(1){ background:url(../images/bn45.png) no-repeat 0% 50%;}
.news_details_nei_title .nei_title_bottom span:nth-child(2){ background:url(../images/bn46.png) no-repeat 0% 50%; padding-left:20px}
.news_details_nei_wen{ text-align:center;}
.news_details_nei_wen p{ font-size:14px; color:#666;  line-height:24px; padding-bottom:6px; text-align:left}
.news_details_nei_wen p div{ text-align:center}
.news_details_nei_wen .nei_wen_top{ border-bottom:1px dotted #dcdcdc; padding-top:25px; padding-bottom:20px; }
.news_details_nei_wen .nei_wen_top p{}
.news_details_nei_wen .nei_wen_bottom{ padding-top:25px;}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left{ text-align:left; float:left; font-size:14px; color:#666;}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left div{ padding:5px 0px}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left div a:hover{ color:#1B6099; text-decoration:underline;}


@media screen and (max-width:667px){

.news_details_nei_title .nei_title_bottom span{    margin: 0px 10px;}
.news_details_nei_title .nei_title_top{ font-size:18px}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_right{ width:100%; margin-top:20px}
.news_details_nei_wen .nei_wen_top img{ width:100%}
}

/*==============招聘====================*/
.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: #f5f5f5;
	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: #f5f5f5;
	position: relative;
	font-size:14px;
}
.faq-block .faq-con p{ font-size:14px;}
.faq-box .faq-top.cur {
	background-color: #1B6099;
	color: #fff;
	background-image: url(../images/icon-dd4-2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}



/*资源下载*/
.down_r_text{ }
.down_r_text h2{ font-size:18px; color:#F0B01C;}
.down_r_text li{float:left; line-height:44px; border-bottom:1px solid #e6e6e6; width:100%;}
.down_r_text li a{ float:left; background:url(../images/news_dot.png) left no-repeat;padding-left:12px; font-size:14px;transition:0.5s;}
.down_r_text li a:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0); color:#1B6099; text-decoration:underline;}
.down_r_text li span{float:right; color:#999; }
.down_r_text li span a{float:right; width:20px;height:20px; background:none; padding-top:5px;}
.down_r_text li span a:hover{-webkit-transform:translate(0px,0);transform:translate(0px,0); opacity:0.8;}
.down_r_text li span img{width:20px;height:20px;}
@media screen and (max-width: 640px) {
.down_r_text li a{ font-size:12px;}
}


/* 分页 */
.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: 4px; line-height: 26px; padding: 5px; }
.f_page a.now { color: #fff; background: #1B6099; font-weight: 500; }


/*产品列表*/
.ny_products{}
.ny_products ul{ margin-left:-3%;}
.ny_products li{ float:left; width:30.333%; margin-left:3%; margin-bottom:3%;overflow:hidden;}
.ny_products li .border{ border:1px solid #dadada;}
.ny_products li .border .pic{ border-bottom:1px solid #dadada;overflow:hidden; position:relative;}
.ny_products li img{ width:100%;transition:all 1.5s;}
.ny_products li:hover img{ transform:scale(1.1);}
.ny_products li .title{ padding: 15px; background:#FAFAFA;}
.ny_products li .title .bt{ font-size:14px; text-align:center;}
.ny_products li .title p{ font-size:14px; color:#8EC31F;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.ny_products li .title .more{ margin-top:20px;}
.ny_products li .title .more i{ width:20px; height:20px; line-height:20px; border-radius:30px; border:1px solid #999; font-size:12px; display:inline-block; text-align:center; color:#333; margin-right:5px;}

@media screen and (max-width: 640px) {

.ny_products ul{ margin-left:0%;}
.ny_products li{ float:left; width:47%; margin-left:1%; margin-right:2%; margin-bottom:5%;}
.ny_products li .title{ padding:10px 10px;}
.ny_products li .title .more{ margin-top:10px;}

}



/*产品分类*/
.Solutions li{padding:30px 0;border-top: 1px solid #e6e6e6;}
.Solutions li .box{margin:0 auto;}
.Solutions li .pic{float: left;width: 30%;overflow:hidden; position:relative;}
.Solutions li .pic:hover img {
	transform: scale(1.1);
}
.Solutions li .pic img{width: 100%;display: block;transition: all 0.5s;}
.Solutions li .title{float: right;width: 60%;}
.Solutions li h2{font-size: 18px;padding:5px 0;}
.Solutions li .title h2 a{ color:#333;}
.Solutions li .title h2 a:hover{color:#F0B01C; }
.Solutions li .txt{font-size: 14px;margin-top: 10px;line-height: 24px;}
.Solutions li .txt dl{ margin-top:10px;}
.Solutions li .txt dd{background:url(../images/news_dot.png) left no-repeat;padding-left:12px; }
.Solutions li .txt dd a:hover{color:#F0B01C; text-decoration:underline; }


/**************************产品详情**************************/
.prodetails{
	width:100%;
	margin:0 auto;
	}
.bigxq{
	overflow:hidden;
	font-size:14px;
	color:#333;
	line-height:30px;
	}
.bigxq h2{
	font-size:20px;
	color:#333;
	}
.bigxq hr{
	border:none;
	height:1px;
	background:#dbdbdb;
	margin:20px 0px;
	}
.smallxq h2{
	font-size:18px;
	color:#333;
	margin-bottom:15px;
	text-align:center;
	}
	

	
@media (min-width:1000px) {
.smallxq{
	display:none;
	}
	}
@media (max-width:1000px) {
.smallxq{
	display:block;
	}
#preview{
	display:none;
	}
.bigxq h2{
	display:none;
	}
.bigxq hr{ display:none;}	
	}
.bottom{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	}
.bottom p{
	font-size:14px;
	color:#333;
	}
.bottom img{
	max-width:100%;
	}
.bottom .bobt{
	border-bottom:1px solid #ed7f06;
	}
.bottom .bobt span.bo{
	display:inline-block;
	font-size:16px;
	color:#fff;
	background:#ed7f06;
	padding:10px 30px;
	}

@media (max-width:1000px) {
.prodetails{width:100%;}
	}


.mopop{  font-size: 16px; color: #fff; margin-left:430px; margin-top:20px;display: block; height:44px; line-height: 44px;  background: #999;  width: 160px;  border-radius: 3px; text-align: center;}
.mopop:hover{ background: #F0B01C; color: #fff; cursor:pointer;}
@media (max-width:1000px) {
.mopop{  margin-left:0px; margin-top:10px;}
}

.product_b{ padding:20px 0 0 0; }
.product_b .slideTxtBox{ max-width:1180px; margin:0 auto;}
.product_b .slideTxtBox .hd{ }
.product_b .slideTxtBox .hd ul{border-bottom:1px solid #ddd; }
.product_b .slideTxtBox .hd ul li{ float:left; cursor:pointer; line-height:50px; background:#e6e6e6; width:33.333333%; text-align:center; font-size:16px;}
.product_b .slideTxtBox .hd ul li.on{ background:#1B6099; color:#FFF;}
.product_b .slideTxtBox .bd{ margin-top:20px;}


@media screen and (max-width: 980px){
.product_b .slideTxtBox .hd ul li{font-size:14px;}

}

@media screen and (max-width: 320px){
 .product_b .slideTxtBox .hd ul li{ white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
}