/*!
 * @ Description: custom style
 * @ Author: weiwei
 * @ Date: 2018-05-24;
 */

/*
 **********************
 * common style 
 ********************** 
 * 缃戠珯澶撮儴
 ********************** 
 * 鑿滃崟
 **********************
 * 搴曢儴COPYRIGHT
 ********************** 
 * 棣栭〉鏍峰紡
 **********************
 * 鍐呴〉鏍峰紡
 **********************
*/

/* common style */
html{background:#FFF;color:#000; font-size: 10px; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{font-family: "Microsoft YaHei"; margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.page{margin:2rem;}
.main{ overflow: hidden; margin:25px auto; }
.title{
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #d3d3d3;
	overflow: hidden;
	margin-bottom: 20px;
}
.title h3 strong{
	font-size: 30px;
	color: #ff9702;
	font-weight: bold;
	line-height: 54px;
}
.title h3 small{
	font-size: 16px;
	color: #1f1a17;
	text-transform: uppercase;
	line-height: 54px;
}
.title .right{
	text-align: right;
}
.title .right p,
.title .right a{
	font-size: 14px;
	color: #a3a3a3;
}
.title a:hover{ color: #ff9702; }
#prev_next{
	border-top: 1px dotted #868686;
	margin:2rem 0;
	padding:2rem 0;
}
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block;}
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){
	.footer{margin-bottom: 0}
	.down{display: none;}
}
iframe{ width: 100%; height: 460px; }
/* go top */
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#ff9702;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}

.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#ff9702;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.scrolledDown{
  	display: block;
}
/* 鑷畾涔夋牱寮� */
a:hover{ text-decoration: none; }

/* 缃戠珯澶撮儴 */

.h-tool{
	background: #f3f3f3;
	border-bottom: 1px solid #e7e7e7;
	height: 30px;
	line-height: 30px;
}
.h-tool p{
	font-size: 14px;
	color: #9a9a9a;
}
.h-tool p span{
	color: #eb6100;
}
.h-tool ul{
	float: right;
}
.h-tool li{
	float: left;
	margin-right: 10px;
	font-size: 14px;
	color: #666666;
}
.h-tool li:nth-child(2) a{
	border-left: 1px solid #666;
	padding-left: 10px;
}
.m-header{ padding:3.2rem 0 2.6rem; background: #fff; }
@media (min-width: 768px){
	.m-header {
	    padding:2.5em 0;
	}
}
.brand img{ margin-top: 20px; }
#h-tel img{
	float: right;
}
/* 鑿滃崟 */
.m-menu{
	background: #201b17;
}
.m-menu .navbar{
	margin-bottom: 0;
}
.m-menu .container,
#m-nav{
	padding:0;
}
.m-menu .navbar-header{
	width: 100%;
	text-align: center;
	margin-left: 0;
}
.m-menu .navbar-toggle{
	margin-right: 0;
	position: static;
	float: none;
}
.m-menu .navbar-toggle .icon-bar{
	background: #ff9702;
}
.navbar{ border: none; }
.navbar-nav > li{ margin:0; }
.navbar-nav > li > a{
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	width: 100%;
	padding:10px ;
		
}
.nav>li>a:focus, 
.nav>li>a:hover{
	background: url(../img/li-h.png) no-repeat center;
}
@media (min-width: 768px ){
	.navbar-nav > li > a{
		text-align: center;
		font-size: 16px;
		color: #ffffff;
		width: 100%;
		padding:15px 14px;
			
	}
	.nav>li>a:focus, 
	.nav>li>a:hover{
		background: url(../img/li-h.png) no-repeat center;
		background-size: contain;
	}
}
@media (min-width: 992px) {
	.navbar-nav > li > a{
		font-size: 16px;
		color: #ffffff;
		padding: 15px 35px;
	}
	.nav>li>a:focus, 
	.nav>li>a:hover{
		background: url(../img/li-h.png) no-repeat center;
		background-size: contain;
	}
}
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

/* 搴曢儴COPYRIGHT */
#footer{ background: #2b2b2b; padding:27px 0 0;}
#footer .row{
	padding:4rem 0;
}
.f-nav h3{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 3rem;
	text-transform: uppercase;
}
.f-nav a{
	display: inline-block;
	font-size: 1.4rem;
	color: #d6d6d6;
	margin-bottom: 18px;
	margin-right: 20px;
}

.f-contact h3{
	font-size: 20px;
	color: #ff9702;
	font-weight: bold;
	margin-bottom: 3rem;
	text-transform: uppercase;
}
.f-contact p{
	font-size: 14px;
	color: #fff;
	line-height: 34px;
	margin:0;
}

.f-ewm{
	padding-top: 0px;
}
.f-logo,.f-ewm{
	text-align: center;
}
.f-copy{
	text-align: center;
	border-top: 1px solid #535353;
	padding:18px 0;
	margin-top: 30px;
}
.f-copy p{
	color: #797d80;
	font-size: 14px;
}

/* 棣栭〉鏁堟灉
-------------------------------------------------- */
.carousel-inner img{ margin: 0 auto;}

/* 鎼滅储 */
.m-keys{
	background: url(../img/key-bg.jpg) no-repeat right center;
	height: 68px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.m-keys .input-group{
	height: 68px;
	width: 342px;
	height: 48px;
	float: right;
	margin-top: 10px;
}
.m-keys .form-control{
	background: url(../img/search-bg.png) no-repeat;
	border:none;
	width: 342px;
	height: 48px;
	outline: none;
	padding-left: 20px;
}
.m-keys .input-group-addon{
	background: none;
	border:none;
	position: relative;
	left: -60px;
	z-index: 2;
}
#submit{
	display: inline-block;
	width: 25px;
	height: 25px;
	border:none;
	background: url(../img/search_btn.png) no-repeat center;
}
.m-keys .glyphicon-search{
	color: #7e7e7e;
	border:none;
}
.m-keys h3{
	font-size: 14px;
	color: #666666;
	float: left;
	line-height: 68px;
}
.m-keys a{
	font-size: 14px;
	color: #999999;
	margin-right: 1.8rem;
	line-height: 68px;
}
/* 浜у搧涓績 */
.pro-type{
	overflow: hidden;
	background: #1f1a17 url(../img/pro-type-hd.png) no-repeat top center;
	background-size: contain;
}
.pro-type > h3{
	padding:70px 0 0 20px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 54px;
}
.pro-type ul{
	padding:0 25px;
}
.pro-type li{
	height: 38px;
	margin-bottom: 10px;
	background: url(../img/ico-r.png) no-repeat 94% center;
	padding-left: 16px;
}
.pro-type li a h3{
	line-height: 38px;
	font-size: 16px;
	color: #c9c9c9;
	line-height: 38px;
}
.pro-type li:hover{
	background:#ff9702 url(../img/ico-rd.png) no-repeat 94% center;
}
.pro-type li:hover h3{
	color: #1f1a17;
}
.pro-type > img{
	border-top:1px solid #5c5755;
	padding:25px;
	width: 100%;
}
.m-pro{
	margin:20px 0;
}
.pro-tit{
	border-bottom: 1px solid #d3d3d3;
	overflow:hidden;
	padding-top: 14px;
}
.pro-tit > div{
	display: inline-block;
	float: left;
}
.pro-tit > div h3{
	font-size: 30px;
	color: #ff9702;
	font-weight: bold;
	line-height: 30px;
}
.pro-tit > div p{
	font-size: 18px;
	color: #1f1a17;
	text-transform: uppercase;
}
.pro-tit > a{
	display: inline-block;
	width: 31px;
	height: 50px;
	background: url(../img/pro-more.jpg) no-repeat;
	float: right;
}
.pro-bd{
	padding-top: 24px;
}
.pro-bd li{
	overflow: hidden;
	margin-bottom: 20px;
	overflow: hidden;
}
.pro-bd li .img{
	width: 100%;
	height: 225px;
	position: relative;
}
.pro-bd li .img:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(251,135,5,.35) url(../img/ico-search.png) no-repeat center;
	position: absolute;
	bottom: 100%;
	transition: all .3s;
}
.pro-bd li:hover .img:before{
	bottom:0;
}
.pro-bd li .img img{
	width: 100%;
	height: 100%;
	background: #fff;
	object-fit: cover;
}
.pro-bd li h3{
	height: 42px;
	line-height: 42px;
	background: #e4e2e2;
	font-size: 14px;
	color: #555555;
	text-align: center;
}
.pro-bd li:hover h3{
	background: #f3a952;
	color: #fff;
}
/* 鍏徃绠€浠� */
.m-about{
	background: #fff url(../img/about_bg.jpg) no-repeat top center;
	padding:4rem 0 0;
}
.about-hd{
	text-align: center;
}
.about-hd span{
	font-size: 30px;
	font-weight: bold;
	color: #ff9702;
	text-transform: uppercase;
}
.about-hd h3{
	font-size:24px;
	color: #fff;
}
.about-bd{
	padding:3rem 0 8rem;
	text-align: center;
}
.about-bd h3{
	font-size: 2.4rem;
	color: #0288de;
	margin-bottom: 4rem;
}
.about-bd p{
	font-size: 1.4rem;
	line-height: 2.4rem;
	color: #cfcfcf;
}
.about-bd a{
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../img/more.png) no-repeat;
}

.m-honor{
	margin-top: -6rem;
	position: relative;
	z-index: 2;
}
.honor-bd .swiper-slide{
	padding:0;
}
.honor-bd .swiper-slide img{
	width: 100%;
}


/* 鏂伴椈涓績 */
.m-news{ margin: 36px 0; }
.m-news .news{
	background: url(../img/news.jpg) no-repeat;
	width: 100%;
    background-size: cover;
	height: 373px;
}
.m-news .news h3{
	font-size: 36px;
	color: #fff;
	padding: 67px 0 0 36px;
	text-transform: uppercase;
}
.m-news .news p{
	font-size: 18px;
	color: #fff;
	letter-spacing: 5px;
	margin: 20px 0 0 36px;
}
.m-news .news a{
	display: inline-block;
	padding:10px 20px;
	border:1px solid #fff;
	border-radius: 2px;
	margin: 90px 0 0 36px;
	color: #fff;
}
.first-news{
	padding-bottom: 16px;
	border-bottom: 1px dotted #cfcfcf;
	overflow: hidden;
}
.first-news img{
	width: 169px;
	float: left;
	margin-right: 28px;
}
.first-news h3{
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: #555555;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;	
}
.first-news span{
	display: block;
	font-size: 14px;
	color: #c4c4c4;
	margin-bottom: 10px;
}
.first-news p{
	font-size: 14px;
	color: #555555;
	line-height: 24px;
}
.news-bd li{
	padding:16px 0;
	border-bottom: 1px dotted #cfcfcf;
	overflow: hidden;
}
.news-bd li span{
	display: inline-block;
	padding:0 10px;
	font-size: 14px;
	color: #cfcfcf;
	font-weight: bold;
	float: left;
	margin-right: 20px;
}
.news-bd li strong{
	font-size: 48px;
	font-weight: bold;
	display: block;
}
.news-bd li h3{
	font-size: 16px;
	color: #555;
	margin:8px 0;
	font-weight: bold;
}
.news-bd li p{
	font-size: 14px;
	color: #555555;
	line-height: 24px;
}
.first-news:hover h3,
.first-news:hover p,
.news-bd li:hover h3,
.news-bd li:hover span,
.news-bd li:hover strong,
.news-bd li:hover p{
	color: #ff9702;
}
.m-message{
	width: 100%;
	height: 373px;
	background: url(../img/msg-bg.jpg) no-repeat;
	background-size: cover;
	padding:0 37px;
}
.content img{
	max-width: 100%;
}
.m-message .tit{
	background: url(../img/ico-msg.png) no-repeat left center;
	padding:20px 45px;
	color: #fff;
}
.m-message .tit h3{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
.m-message .tit p{
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.m-message .input-group{
	border:none;
	margin-bottom: 6px;
}
.m-message .input-group-addon{
	border-radius: 0;
	border-color: #d6d6d6;
}
.m-message .form-control{
	border-radius: 0;
	border-color: #d6d6d6;
}
.m-message .jy,
.m-message .jy .form-control{
	width: 100%;
	height: 65px;
}
.m-message .submit{
	width: 100%;
	height: 40px;
}
.m-message .submit .form-submit{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #ff9702;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	border:none;
}
.m-message .content > img{
	margin-top: 20px;
}

/* chrome input placeholder style */
::-webkit-input-placeholder { 
	color:#bbbbbb !important; 
} 

/* 鍐呴〉鏁堟灉 */
#banner{
	overflow: hidden;
	text-align: center;
	position: relative;
}
#banner > img{
	max-width: 100%;
}
#banner .hd{
	width: 100%;
	position: absolute;
	bottom:40%;
}
#banner .hd h3{
	font-size: 3.4rem;
	color: #595858;
}
#banner .hd span{
	font-size: 5rem;
	font-family: "Mongolian Baiti";
	text-transform: uppercase;
	color: #595858;
}
#banner .bd{
	width: 100%;
	position: absolute;
	bottom:0;
	text-align: center;
}
#banner .bd a{
	display: inline-block;
	margin:0 1.5rem;
	padding:1.5rem 2rem;
	background: #fff;
	color: #343434;
	font-size: 1.6rem;
}
#banner .bd a:hover{
	background: #ff9702;
	color: #fff;
}

/* 鍐呴〉鏂囩珷鏍峰紡 */
.article .container{
	margin: 2.5rem auto;
	background: #ffffff;
	padding:2rem;
}
.article p{
	color: #6b6b6b;
	font-size: 1.6rem;
	line-height: 3rem;
}
.article p img{
	max-width: 100%;
}
.article h1{
	text-align: center;
	font-size: 2.7rem;
	line-height: 2.7rem;
	margin:2.8rem 0 1.6rem;
}
.article .meta_info{
	text-align: center;
	padding-bottom: 26px;
	border-bottom: 1px dotted #868686;
	margin-bottom: 30px;
	font-size: 1em;
	color: #888787;
}
.article img{
	text-align: center;
	margin:0 auto;
	width: 100%;
}
.a_tit{
	background: #f0f1f2;
	margin:20px 0;
}
.a_tit h3{
	padding:12px 20px;
	background: #1f1a17;
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
	margin:0;
}
.a_con{
	padding-bottom: 20px;
}
.a_con p{
	font-size: 16px;
	line-height: 36px;
}
#xgcp .swiper-slide{
	overflow: hidden;
	margin-bottom: 20px;
	overflow: hidden;
}
#xgcp .swiper-slide .img{
	width: 100%;
	height: 194px;
	position: relative;
}
#xgcp .swiper-slide .img:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(251,135,5,.35) url(../img/ico-search.png) no-repeat center;
	position: absolute;
	bottom: 100%;
	transition: all .3s;
}
#xgcp .swiper-slide:hover .img:before{
	bottom:0;
}
#xgcp .swiper-slide .img img{
	width: 100%;
	height: 194px;
	background: #fff;
	object-fit: cover;
}
#xgcp .swiper-slide h3{
	height: 42px;
	line-height: 42px;
	background: #e4e2e2;
	font-size: 14px;
	color: #555555;
	text-align: center;
}
#xgcp .swiper-slide:hover h3{
	background: #f3a952;
	color: #fff;
}
.info_top h1{
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #d7d7d7;
	font-size: 24px;
	color: #555555;
	font-weight: bold;
	margin-bottom: 20px;
}
.info_top p{
	font-size: 14px;
	color: #555555;
	line-height: 30px;
}
.info_top a{
	display: inline-block;
	padding:18px 90px;
	background: #ff9702;
	color: #fff;
	font-size: 24px;
	margin-top: 20px;
}
/* 鏂伴椈鍒楄〃 */
.news li{
	margin: 0 10px 0;
    padding: 1rem;
    border-bottom: 1px dotted #ccc;
}
.news li h3{
	font-size: 2rem;
	margin-bottom: 1rem;
}
.news li p{
	font-size: 1.4rem;
    color: #848282;
    line-height: 2.2rem;
}
.news li:hover{
	background: #f0f0f0;
}
.news li:hover h3{
	color: #ff9702;
}
.btn-primary{
	background-color: #ff9702;
	border-color: #e37f00;
}


/* 濯掍綋鏌ヨ */
@media screen and (max-width: 640px){
	#banner .hd { top:20%; }
	.pro-bd li .img,
	.pro-bd li .img img{
		height: 120px;
	}
	.about-bd p{
		padding:0 30px;
	}
	.pro-tit > div h3{
		font-size: 20px;
	}
	.pro-tit > div p{
		font-size: 14px;
	}

}
@media screen and (max-width: 990px){
	.navbar-nav{
		width: 100%;
	}
	.navbar-brand{
		width: 70%;
		padding-top: 20px;
	}
	.navbar-nav > li > a{
		padding:15px 0;
	}
	.m-pro{
		margin-top: 0;
	}
	.pro-type{
		background: none;
	}
	.pro-type > h3{ display: none; }
	.pro-type > img{ display: none; }
	.pro-type{ margin:0 -15px; }
	.pro-type li{
		width: 49%;
		float: left;
		background: #1f1a17;
		text-align: center;
		margin-right: 2px;
		padding-left: 0;
	}
	.pro-type li a h3{
		color: #fff;
		font-size: 20px;
		word-wrap: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.pro-type li:hover{
		background: #ef9a00;
	}
	.info_top a{
		width: 100%;
		font-size: 20px;
		text-align: center;
	}
}
@media screen and (max-width: 1199px){
	.navbar-nav{
		width: 100%;
		padding-top: 20px;
	}
	.navbar-brand{
		width: 70%;
	}
	.navbar-nav > li > a{
		padding:15px 0;
	}
	.m-pro{
		margin-top: 20px;
	}
	.m-keys{
		display: none;
	}
}
@media screen and (min-width:768px and max-width: 1200px){
	.navbar-nav{
		width: 100%;
	}
	.navbar-brand{
		display: inline-block;
		width:100%;
		text-align: center;
	}
	.navbar-brand img{
		height: 100%;
		margin:0 auto;
	}
	
}
@media screen and (max-width:640px){
	iframe{ width: 100%; height: 200px; }
}