/*!
 * @ 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:#f1f1f1; 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;}
#prev_next{
	border-top: 1px dotted #868686;
	margin:2rem 0;
	padding:2rem 0;
}
.location{
	padding:15px 0;
	background: #fff;
}
.location p{
	padding-left: 24px;
	background:url(../img/ico-home.png) no-repeat left center;
	background-size: 16px 16px; 
	font-size: 14px;
	color: #666;
}
/* go top */
.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;}
}
.p_order{ background: #f1f1f1; padding:15px; overflow: hidden; margin-top: 15px; }
.order-content{padding: 20px 30px; background: #fff;}
.order-content .order-line{color: #333; height: 30px; line-height: 30px; margin-bottom: 12px; font-size: 14px;}
.order-content .order-line:after{display: block; content: ''; clear: both; height: 0; width: 0;}
.order-content .order-line lable{width: 70px; margin-right: 5px; display: inline-block; float: left; text-align: right;}
.order-content .order-line .order-zhi{float: left; padding: 10px; line-height: 30px; padding: 0px 10px; max-width: 380px; border: 1px solid #d2d2d2;}
.order-content .order-line .order-zhi.noborder{border:none;}
.order-content .order-line .order-zhi.overword{height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.order-line.bz-line{height: auto;}
.order-content .order-line .beizhu{padding: 10px; float: left; border: 1px solid #d2d2d2;}
.order-content .order-line .dwid{width: 70%;}
.order-content .order-line img{display: inline-block; float: left; margin-left:15px;}
.order-content .go-sub{margin-left:70px; border: none; color: #fff; background: #ff5e25; font-size: 14px; padding: 8px 28px; margin-top:8px; border-radius: 5px; outline: none;}
.order-content .go-sub:hover{background: #FE4200;}
.go_order{padding: 8px 25px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff5e25; border: none; margin-top: 30px; outline: none;}
.go_order:hover{background: #FE4200;}
/* 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:#0a95e3;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:#0a95e3;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;}
.f-m-nav{ background-color: #222; margin:0; line-height: 50px; position: fixed;z-index: 9999; bottom: 0; width: 100%; overflow: hidden; display: none; }
.f-m-nav li{ float: left; width: 25%; text-align: center;}
.f-m-nav li a{ color: #fff;}

/* 自定义样式 */
a:hover{ text-decoration: none; }
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: @screen-sm-min) { 
	html{ font-size: 16px; }
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) { 
	html{ font-size: 14px; }
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) { 
	html{ font-size: 10px; }
}
/* 网站头部 */
.h-tool{
	background: #313d4d;
	border-bottom: 1px solid #313d4d;
	padding:1rem 0;
}
.h-tool p{
	font-size: 1.2rem;
	color: #d0cfcf;
}
.h-tool ul{
	float: right;
}
.h-tool li{
	float: left;
	margin-right: 3.4rem;
	font-size: 1.2rem;
	color: #d0cfcf;
}
.h-tool li i{
	display: inline-block;
	width: 1.7rem;
	height: 17px;
	float: left;
	margin-right: 1.4rem;
}
.h-tool li:nth-child(1) i{ background: url(../img/ico.png) no-repeat 0 0; }
.h-tool li:nth-child(2) i{ background: url(../img/ico.png) no-repeat 0 -17px; }
.h-tool li:nth-child(3) i{ background: url(../img/ico.png) no-repeat 0 -34px; }
.h-tool li:nth-child(3){
	margin-right: 0;
}
.h-tool li h3{
	font-size: 2rem;
	color: #0a95e3;
	font-family: impact;
	line-height: 17px;
	display: inline-block;
}
.m-header{ padding:1rem 0 .9rem; background: #fff; }
@media (min-width: 768px){
	.m-header {
	    padding:1.5rem 0;
	}
}

/* 菜单 */
.navbar-brand{
	padding: 1px 0px;
	margin: 18px 0 0;
}
.navbar-brand img{
	max-height: 100%;
}
.navbar-toggle{
	margin:35px 10px 0 0;
}
.navbar{ margin-bottom: 0; }
.navbar-toggle .icon-bar{
	background: #fb0606;
}
.navbar-nav{ float: right; height: 100%; margin:-1.6rem 0; }
.navbar-nav > li > a{
	width: 100%;
	text-align: center;
	padding:48px 12px;
	font-size: 16px;
	color: #040000;
}
.navbar-nav > li > a:hover{
	color: #fff;
	background: #0a95e3;
}

/* 底部COPYRIGHT */
#footer{ 
	position: relative; 
	padding:2.3rem 0 2.3rem;
	background: #242e3a;
	text-align: center;
}
.f-logo{
	margin-top: 3.6rem;
}
.f-nav{
	margin-top: 2.6rem;
}
#footer a{
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.4rem;
}
.f-copy{margin-top: 1.8rem; text-align: left; padding-left: 1.4rem; }
.f-copy p{
	font-size: 1.4rem;
	color: #fff;
	line-height: 2.6rem;
}




/* 首页效果
-------------------------------------------------- */
.carousel-inner img{ margin: 0 auto;}

/* 搜索 */
.m-keys{
	margin:3.2rem 1.8rem;
	background: url(../img/key-bg.jpg) no-repeat right center;
	height: 46px;
}
.m-keys .left{
	width: 50%;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.m-keys .input-group{
	background: #0071db;
	height: 46px;
}
.m-keys .form-control{
	height: 46px;
	background: #0071db;
	border:none;
	color: #fff;
}
.m-keys .input-group-addon{
	border:none;
	cursor: pointer;
	background: none;
}
.m-keys .input-group-addon button{
	background: none;
	border:none;
	width: 20px;
	height: 16px;
	background: url(../img/ico-search.png) no-repeat center;
}

.m-keys .glyphicon-search{
	color: #fff;
	border:none;
}
.m-keys h3{
	font-size: 14px;
	color: #666666;
	float: left;
	line-height: 4.6rem;
}
.m-keys a{
	font-size: 14px;
	color: #999999;
	margin-right: 1.8rem;
	line-height: 4.6rem;
}
/* 产品中心 */
.pro-type li{
	height: 58px;
	line-height: 58px;
	background: #2e394b url(../img/ico-li-r.png) no-repeat 86% center;
	padding-left: 30px;
	border-bottom: 1px solid #fff;
}
.pro-type li:hover{
	background: #0071db url(../img/ico-li-r.png) no-repeat 86% center;
}
.pro-type li:first-child{
	background: #0071db url(../img/ico-li-r.png) no-repeat 86% center;
}
.pro-type li h3{
	font-size: 16px;
	color: #fff;
	line-height: 58px;
	width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pro-bd li{
	overflow: hidden;
	margin-bottom: 3rem;
	height: 220px;
	
}
.pro-bd li a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.pro-bd li .img{
	width: 100%;
	height: 100%;
}
.pro-bd li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pro-bd li .txt{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:100%;
	transition: all .3s;
	background: rgba(4,96,193,.72);
	padding:10% 20%;
}
.pro-bd li .txt h3{
	font-size: 1.6rem;
	color: #fff;
	line-height: 5rem;
	border-bottom: 1px solid #fff;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.pro-bd li .txt p{
	font-size: 1.4rem;
	line-height: 3rem;
	color: #fff;
}
.pro-bd li:hover .txt{
	top:0;
}
/* 公司简介 */
.m-about{
	background: #fff url(../img/about_bg.jpg) no-repeat top center;
	background-size: cover;
	padding:6rem 0 0;
}
.about-hd{
	text-align: center;
}
.about-hd span{
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-family: "arial";
}
.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.6rem;
	line-height: 3.2rem;
	color: #ffffff;
	padding:0 10px;
}
.about-bd a{
	display: inline-block;
	margin:2rem 0 0;
	padding:1rem 3rem;
	border:1px solid #fff;
	font-size: 16px;
	color: #fff;
}
.about-bd a:hover{
	background: #2e394b;
	border-color: #2e394b;
}
.m-honor{
	margin-top: -6rem;
	position: relative;
	z-index: 2;
}
/* 成功案例 */
.m-honor{
	margin-top: -6rem;
	position: relative;
	z-index: 2;
}
.honor-bd .swiper-slide{
	overflow: hidden;
	padding:20px;
	background: #fff;
}
.honor-bd .swiper-slide img{
	width: 100%;
	height: 172px;
	object-fit: contain;
}

/* 新闻中心 */
.m-news{
	overflow: hidden;
	padding-bottom: 2rem;
	background: #fff;
}
.nq-tit{
	width: 100%;
	overflow: hidden;
	margin-bottom: 26px;
}
.nq-tit h3{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	display: inline-block;
	float: left;
	border-bottom: 3px solid #0071db;
	padding:16px 0;
}
.nq-tit a{
	font-size: 14px;
	color: #0071db;
	float: right;
	display: inline-block;
	padding:16px 0;
} 
.news-bd li{
	overflow: hidden;
	/*padding:10px 10px 20px;
	margin:0 15px;*/
	/*padding:10px 0;*/
}
.news-bd li a{
	display: block;
	width: 100%;
	padding:1rem 1rem 2rem;
	background: #f1f1f1;
	overflow: hidden;
}
.news-bd li a .news_img{
	width: 100%;
	height: 138px;
	margin-bottom: 2rem;
}
.news-bd li a .news_img img{
	width: 100%;
	height: 138px;
	object-fit: cover;
}
.news-bd li .news_txt h3{
	font-size: 1.6rem;
	color: #333333;
	line-height: 2.8rem;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.news-bd li .news_txt p{
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}
.news-bd li a:hover{
	background: #2e394b;
}
.news-bd li:hover h3{ color: #fff; }
.news-bd li:hover p{ color: #fff; }
.qa-bd li h3 span{
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #0e77da;
	border-radius: 2px;
	color: #fff;
	margin:10px 20px 10px 0;
}
.qa-bd li h3{
	border-bottom: 1px solid #e7e7e7;
	font-size: 14px;
	color: #333333;
}
.qa-bd li p span{
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #2e394b;
	border-radius: 2px;
	color: #fff;
	margin:10px 20px 10px 0;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}
.qa-bd li p{
	border-bottom: 1px solid #e7e7e7;
	font-size: 14px;
	color: #666666;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 46px;
}

/*联系我们*/
.m-contact{
	background: url(../img/contact-bg.jpg) no-repeat top center;
}
.m-contact .hd{ text-align: center; padding:64px 0 84px;}
.m-contact .hd span{
	font-size: 48px;
	font-weight: bold;
	font-family: arial;
	color: #fff;
}
.m-contact .hd h3{
	font-size: 24px;
	color: #fff;
}
.m-contact .hd h3:before{
	content: "";
	display: inline-block;
	width: 28px;
	height: 2px;
	background: #fff;
	position: relative;
	bottom: 10px;
	right: 20px;
}
.m-contact .hd h3:after{
	content: "";
	display: inline-block;
	width: 28px;
	height: 2px;
	background: #fff;
	position: relative;
	bottom: 10px;
	left: 20px;
}
.m-contact .bd li > div{
	padding:25px 0 30px 25px;
	background: #242e3a;
	color: #fff;
}
.m-contact .bd li p{
	line-height: 24px;
}
.m-contact .bd li p > i{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	position: relative;
	top:3px;
}
.m-contact .bd li:nth-child(1) p > i{ background: url(../img/ico-contact.png) no-repeat 0 0; }
.m-contact .bd li:nth-child(2) p > i{ background: url(../img/ico-contact.png) no-repeat 0 -18px; }
.m-contact .bd li:nth-child(3) p > i{ background: url(../img/ico-contact.png) no-repeat 0 -36px; }
.m-contact .bd li:nth-child(4) p > i{ background: url(../img/ico-contact.png) no-repeat 0 -54px; }
.m-contact .bd li:hover > div{
	background: #0071db;
}
.link{
	margin:30px 0;
}
.link h3{
	font-size: 16px;
	color: #333333;
	display: inline-block;
	float: left;
	font-weight: bold;
}
.link a{
	font-size: 16px;
	color: #333333;
	margin-right: 20px;
	line-height: 20px;
}

/* chrome input placeholder style */
::-webkit-input-placeholder { 
	color:#fff !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: #fff;
}
#banner .hd span{
	font-size: 5rem;
	font-family: "Mongolian Baiti";
	text-transform: uppercase;
	color: #fff;
}
#banner .bd{
	width: 100%;
	/*position: absolute;*/
	bottom:0;
	text-align: center;
}
#banner .bd a{
	display: inline-block;
	margin:1rem 1.5rem;
	padding:1.5rem 2rem;
	background: #fff;
	color: #343434;
	font-size: 1.6rem;
}
#banner .bd a:hover{
	background: #0a95e3;
	color: #fff;
}

/* 内页文章样式 */
.article .container{
	margin: 2.5rem auto;
	background: #ffffff;
	padding:2rem;
}
.article p{
	color: #6b6b6b;
	font-size: 1.6rem;
	line-height: 3rem;
}

.article .container > 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;
}
.a_tit{
	background: #f0f0f0;
	margin:20px 0;
}
.a_tit h3{
	padding:12px 20px;
	background: #004a98;
	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;
}

/* 新闻列表 */
.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: #0a95e3;
}



/* 媒体查询 */
@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: 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 (max-width: 768px){
	.f-ewm{ margin:20px 0; padding-bottom: 60px;}
	.navbar-nav{
		width: 100%;
	}
	.navbar-brand{
		width: 70%;
		padding-top: 20px;
	}
	.navbar-nav > li > a{
		padding:15px 0;
	}
	.m-pro{
		margin-top: 0;
	}
	.m-keys{
		display: none;
	}
	#banner .hd { top:38%; left: 0; }
	#banner .hd span{
		display: none;
	}
	#banner .bd{ position: relative; }
	#banner .bd a{
		width: 40%;
		margin:0 1rem 1rem 0;
		word-wrap: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.pro-bd{ padding-top: 20px; overflow: hidden; }
	.pro-bd li{
		height: 150px;
	}
	.pro-type li{
		border-right: 1px solid #fff;
	}
	.pro-type li h3{
		width: 80%;
		word-wrap: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.navbar-toggle{ margin: 4px 2px 0 0;}
	.navbar-brand{
		height: 40px;
		margin: 10px 0 0 10px;
		padding-top: 0;
	}
	.m-contact .bd li > div{
		margin-bottom: 2px;
	}

}
@media screen and (max-width: 640px){
	#banner .hd { top:24%; left: 0; }
	.f-ewm{ margin:20px 0; padding-bottom: 60px;}
	#banner .hd h3{ font-size: 2.4rem; }
	.m-pro .container{ padding:0; }
	.pro-bd{ margin:0 -15px; }
	.pro-bd li{ height: 140px!important; }
}