.ban-about{ background:url(../images/ban-about.jpg) center top no-repeat; height:300px;}
.ban-video{ background:url(../images/ban-video.jpg) center top no-repeat; height:300px;}
.ban-contact{ background:url(../images/ban-contact.jpg) center top no-repeat; height:300px;}
.ban-news{ background:url(../images/ban-news.jpg) center top no-repeat; height:300px;}
.ban-service{ background:url(../images/ban-service.jpg) center top no-repeat; height:300px;}
.ban-support{ background:url(../images/ban-support.jpg) center top no-repeat; height:300px;}
.ban-product{ background:url(../images/ban-product.jpg) center top no-repeat; height:300px;}


/*=====面包屑===*/
.n_position{ height:50px; background:#f7f7f7;}
.n_position ul{ float:left;}
.n_position ul li{ height:50px; line-height:50px; padding:0 50px; text-align:center; float:left; display:inline-block; position:relative;}
.n_position ul li a{ display:block; position:relative; z-index:1; text-align:center; font-size:14px; color:#323339;}
.n_position ul li.on{ background:#016fc5;}
.n_position ul li.on a{ color:#fff;}
.n_position ul li:hover a{ color:#fff;}
.n_position li i { position: absolute; left: 0; top: 0; display: block; height:0; width:100%; background:#016fc5; transition:all ease 300ms; z-index:0;display:block;}
.n_position li:hover i { height:50px;}

.n_position .li2{ height:50px; line-height:50px; padding:0 18px; text-align:center; float:left; display:inline-block; position:relative;}


.n_position p{ font-size:12px; line-height:50px; display:inline-block; float:right; color:#969697;}
.n_position p:before{ content:url(../images/icon_home.png); }
.n_position p a{ margin:0 2px; display:inline-block; color:#969697;}
.n_position p a:hover{ color:#016fc5;}
.n_position p em{ color:#016fc5; margin-left:2px; font-style:normal;}



/*=========内页开始==========*/
.ny_content{ padding:50px 0;}

/*================内容样式======================*/
.ar_article{ font-size:14px; color:#666; text-align:justify;}
.ar_article p{font-size:14px; color:#666; line-height:30px; text-align:justify;}    
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#666;}


/*================视频样式======================*/
.videos li{float:left;position:relative;width:22%;margin:0 0.8% 3% 0;text-align:center;border:1px solid #dcdcdc;padding:1% 1% 3%;}
.videos li img{width:264px; height:221px;}
.videos li p{position:absolute;width:100%;left:0;height:20px;margin-top:5px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.videos li p span{ display:inline-block; padding:0 2%; background:#fff;}
.videos .li{ margin-right:0;}

/*==============新闻列表=====================*/
#n_news { padding-bottom:20px;  }
#n_news ul{ margin:-18px; overflow:hidden; }
#n_news li{ width:30.8%; position:relative; display:block; overflow:hidden; background:#f7f7f7; float:left; margin:1.2%; padding-bottom:20px;}
#n_news li a{ display:block;}
#n_news li .pic_box{ position:relative; background:#000; overflow:hidden;}
#n_news li img{width:100%;display:block;  }
#n_news li .text_box{ position:relative; padding:20px 20px; }
#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;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#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{ transform:scale(1.1); }
#n_news li .pic_box img{ transition: all ease 500ms;}
#n_news li:hover{  box-shadow:0 0 20px #ccc;  }
/*#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; color:#016FC5; }

#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; } 



/*==============新闻详情右侧=====================*/
.n_news .right{ float:right; width:26%;}

.n_news .right .con{padding:30px;background:#f6f6f6;position: relative;margin-bottom: 1.25rem;}

.n_news .right .con h2{font-size:1.375rem;color:#016FC5; font-weight:bold;margin-bottom: 1rem;}

.n_news .right .swiper-container ul li{width:100%;}

.n_news .right .swiper-container ul li h5{font-size: 0;line-height: 2.625rem;height: 2.625rem;border-bottom: #dedede 1px solid;}

.n_news .right .swiper-container ul li i{float:right;font-size: 1rem;color: #929292;}

.n_news .right .swiper-container ul li span{font-size:0.9375rem;color:#444;display: inline-block;vertical-align: top;}

.n_news .right .swiper-container ul li a{font-size:14px;color:#444;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news .right .swiper-container ul li a:hover{ color:#016FC5; text-decoration:underline;}

.n_news .right .swiper-container ul li i span{ color:#929292; font-size:0.75rem}

.n_news .right .swiper-container{ position:static;}

.n_news .right .swiper-container .button-next02{position:absolute;top: 2.5rem;w;width: 5rem;height: 2rem;line-height: 2rem;text-align:center;font-size: 0.875rem;color: #7e7e7e;cursor:pointer;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_news .right .swiper-container .button-next02{right: 2rem;}

.n_news .right .swiper-container .button-next02 svg{width:1.6rem;height: 1.1rem;vertical-align: middle;}


/*==============新闻详情左侧=====================*/
.n_news01 .left{ float:left; width:69%;}

.n_news01 .ar_title{border-bottom: #f0f0f0 3px solid;padding-bottom: 0;margin-bottom: 5%;}

.n_news01 .ar_title h3{font-size: 1.4375rem;color: #424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 15px;}

.n_news01 .ar_title h6 span{position:relative;font-size: 0.75rem;color: #7e8080;display:inline-block;height: 3.5rem;line-height: 3.5rem;font-weight:normal;}

.n_news01 .ar_title h6 span i{position:absolute;left:0;bottom: -3px;width:100%;height: 3px;background-color: #016FC5;}

.n_news01 .ar_title h6{ display:inline-block;} 





/*新闻内页开始*/
.news-tit{text-align:center;font-size:18px;color: #333;padding-top: 10px;font-weight: bold;}
.news-tit span{ text-align:center;  display:block; line-height:25px;}
.news_detail {padding-top: 15px;}
.news_detail p {font-size: 14px;line-height: 24px;color: #434343;padding-top: 6px;}

.pages{line-height:30px;border-top:1px dotted #ccc;margin-top:25px;padding-top:12px;font-size:14px;color:#666666;margin-right: 12px;} 
.pages a{text-decoration:none;margin-left:3px;padding:2px 5px;border:1px solid #E5E5E5; color:#666666; }
.pages a:hover{text-decoration:none;border:1px solid #01A94A;color:#fff; background-color:#01A94A;}


/*产品列表*/
.products ul li{ width:390px; height:255px; float:left; margin-right:15px; margin-bottom:20px; position:relative; }
.products ul li img{ width:100%; height:100%; }
.pro_text{ display: inline-block; position: relative; overflow: hidden;}
.products ul li:nth-child(3n){ margin-right: 0px;}
.pro_text .pro_text_img{ position: relative; overflow: hidden;}
.pro_text .pro_text_img .pro_text_title{ position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 46px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.5);transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; font-weight:bold; font-size:18px;}
.pro_text:hover .tra{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
	cursor:pointer;
	
}
.pro_text .pro_text_more{ position: absolute; top: 0; color: #fff; background: rgba(0,0,0,0.5); height: 100%; padding: 40px 40px; left: -312px; width: 312px; opacity: 0;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}
.pro_text .pro_text_more dd{ font-size: 18px; font-weight:bold;}
.pro_text .pro_text_more p{ font-size: 14px; line-height: 26px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; margin: 20px 0px;}
.pro_text .pro_text_more dt{ font-size: 13px; line-height: 35px; padding: 0px 20px; border: 1px solid #fff; width: 60px;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}
pro_text .pro_text_more dt:hover{ background: #fff; color: #333;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}
.pro_text .pro_text_more dt .fa-angle-right{ padding-left: 10px;}
.pro_text:hover .pro_text_more{ left: 0; opacity: 1;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}
.pro_text:hover .pro_text_title{ opacity: 0;transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;}

/*产品详情缩略图切换开始*/
.pc-slide {
	width: 650px; float:left;
}

.view .swiper-container {
	width: 650px;
	height: 425px;
}
.view .swiper-container img{ width:100%; height:100%;}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 44px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 44px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 650px;
	height: 89px; 
}

.preview .swiper-slide {
	width: 153px;
	height: 88px; 
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 8px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	width: 146px;
    height: 84px;
}
.preview .active-nav {box-sizing:border-box; 
}
.preview .active-nav img {width: 142px;
    height: 80px;
	padding: 0; border: 2px solid #016FC5;
}
/*缩略图切换end*/

/*right_txt*/
.right_txt{ float:right; width:512px; margin-top:60px;}
.right_txt .txt{ }
.right_txt h1{ font-size:16px; font-weight:600; padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.right_txt h1 a{ color:#323339; font-size:20px;}
.right_txt h1 a:hover{ text-decoration:none; color:#f5ca6b;}
.right_txt .txt p{ font-size:14px; color:#5e5e60; line-height:30px;  overflow:hidden; }
.right_txt .txt div{ margin-top:30px;}
.right_txt .txt div span{ display:block; float:left; width:62px; height:26px; line-height:26px; text-align:center; font-size:12px; color:#323339; border:1px solid #6b6e78; margin-right:18px;}
.right_txt b{ font-size:30px; color:#e09f0f;  line-height:117px; float:right; }
.right_txt .txt2{ padding-top:35px; margin-top:35px; border-top:1px solid #e4e5e9;}
.right_txt .txt2 p{ font-size:12px; color:#7c7d80; line-height:26px; height:104px; overflow:hidden;}
.right_txt .btn{ width:100px; height:35px; font-size:14px; background:#016FC5; line-height:35px; text-align:center; display:block; color:#fff; margin-top:45px;}
.n_ershoufang_xq h2.tt{font-size:18px; color:#323339; font-weight:600; height:55px; line-height:55px; background:#f7f7f7; border-left:3px solid #016FC5; padding-left:13px; margin-top:68px; margin-bottom:35px;}

#ar_fot2{ height:66px; line-height:66px; border-top:1px dashed #dadada; margin-top:60px; }
#ar_fot2 div a{ font-size:14px; color:#797979;}
#ar_fot2 div a span:hover{ text-decoration:underline;}

.tuijian{ background:#f7f7f7; padding-bottom:60px;}
.tuijian .tt2{ font-size:18px; color:#323339; line-height:90px; font-weight:600;}
.tuijian ul{}
.tuijian ul li{ width:390px; float:left; margin-right:15px; background:#fff;}
.tuijian ul li:hover{ box-shadow:2px 3px 12px 0px rgba(0,0,0,0.2);}
.tuijian ul li:nth-child(3n){ margin-right: 0px;}
.tuijian ul li .img { overflow:hidden;}
.tuijian ul li .img img{ height:255px; width:390px; }
.tuijian ul li .txt{ padding:26px;}
.tuijian ul li .txt h5 a{ font-size:15px; color:#333; padding-bottom:10px; display:block; font-weight:bold;}
.tuijian ul li .txt h5:hover a{ color:#016FC5;}
.tuijian ul li .txt p{ font-size:13px; color:; line-height:23px; height:46px; overflow:hidden;}
.img img{ transition: all ease 500ms;}
li:hover .img img
{ transform:scale(1.1);}

/* 分页 */
.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: #016FC5; font-weight: 500; }



/******************留言样式************************/
.message {
}
.message h3 {
	font-size: 24px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 10px;
}

.message li {
	list-style-type: none;
	line-height: 24px;
	color: #666666;
	font-size: 14px;
	float: left;
	text-align: right;
	margin-top: 10px;
	width: 50px;
}
.message .txt_wb {
	width: 560px;
	text-align: left;
}
.message .txt_wb2 {
	width: 560px;
	text-align: left;
	float:right;
}
.message .txt_wz {
	text-align: left;
}

.message .box {
	height: 32px;
	width: 560px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
}

.message .box2 {
	width: 1200px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	height: 130px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;  font-family:"微软雅黑";
}
.s_more{  font-size: 16px; color: #fff;  margin:30px auto 0 auto;display: block; height: 50px; line-height: 50px;  background: #016FC5;  width: 180px;  border-radius: 30px; text-align: center;}
.s_more:hover{ border-radius: 30px; background: #6CB8DF; color: #fff; box-shadow: 0 0 16px #fff;}