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

/*
 **********************
 * common style 
 ********************** 
 * 网站头部
 ********************** 
 * 菜单
 **********************
 * 底部COPYRIGHT
 ********************** 
 * 首页样式
 **********************
 * 内页样式
 **********************
*/

/* common style */
html{background:#FFF;color:#000; font-size: 62.5%; }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;}
#prev_next{
	border-top: 1px dotted #868686;
	margin:2rem 0;
	padding:2rem 0;
}
.lightbox img{ height: 160px; object-fit: cover; }
/* go top */
iframe{ width: 100%; height: 460px; }
.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;}
}
/* 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:#2695e3;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:#2695e3;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;}

/* 自定义样式 */
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; }
}
.caption h3{
	text-align: center;
}
/* 网站头部 */
.header{ position: relative; }
.h-top{	padding:44px 0;	background: #fff; }
@media (max-width: 1200px){
	.h-top img{
		width: 100%;
	}
}
/* 菜单 */
.m-header{
	background: #2695e3;
	border-top: 4px solid #7ec912;
}
.navbar-brand{
	padding:0;
	height: 8.2rem;
}
.navbar-brand img{
	max-height: 100%;
}
.tel{ text-align: right; }
.navbar-toggle{
}
.navbar{ margin-bottom: 0; border-bottom: none; }
.navbar-toggle .icon-bar{
	background: #fb0606;
}
.navbar-nav > li > a{
	display: inline-block;
	text-align: center;
	padding:20px 19px;
	font-size: 18px;
	color: #fff;
}
.navbar-nav > li > a:hover{
	color: #fff;
	background: #7ec912 url(../img/li-up.png) no-repeat center bottom;
}

/* 底部COPYRIGHT */
#footer{ 
	position: relative; 
	background: url(../img/f-bg.jpg) no-repeat center;
	background-size: cover;
}
.f-tel img{
	float: right;
	margin-top: 7px;
}
.f-logo{
	margin-top: 2.3rem;
}
.f-nav{
	margin-top: 2.6rem;
	clear: both;
	border-bottom: 1px solid #0e8fe2
}
.f-nav a{
	display: inline-block;
	padding:20px 23px;
	font-size: 16px;
	color: #333333;
}
.f-nav a:hover{
	color: #f00;
}
.f-txt{
	padding:28px 0;
	overflow: hidden;
}
.f-txt p{
	font-size: 14px;
	color: #333333;
	line-height: 30px;
}
.f-txt div > img{
	float: right;
}



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

/* 搜索 */
.m-keys{
	background:#ffffff url(../img/keys-bg.jpg) no-repeat center;
	padding:36px 0 ;
	height: 272px;
}
.m-keys .left{
	width: 50%;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.m-keys .input-group{
	height: 42px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.m-keys .form-control{
	height: 42px;
	border:none;
	outline: none;
	color: #fff;
}
.m-keys .input-group-addon{
	border:none;
	cursor: pointer;
	background: #fff;
}
.m-keys .input-group-addon button{
	background: none;
	border:none;
	width: 32px;
	height: 32px;
	background:#fff url(../img/ico-search.png) no-repeat center;
}

.m-keys .glyphicon-search{
	color: #fff;
	border:none;
}
.m-keys p{
	width: 112px;
	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;
}
/* 产品中心 */
.m-pro{
	background: url(../img/pro_bg.jpg) no-repeat top center;
	background-size: cover;
}
.m-pro .hd{
	border-bottom: 1px solid #dedede;
}
.m-pro .hd a{
	float: right;
	color: #333333;
	font-size: 14px;
	position: relative;
	top:-40px;
}
.pro-tit > div{ padding-left: 66px; display: inline-block; background:#fff url(../img/ico-p-tit.png) no-repeat left center; height: 55px; position: relative; top:3px;}
.pro-tit > div p{
	font-size: 30px;
	color: #1292de;
}
.pro-tit > div span{
	font-size: 14px;
	color: #9a9999;
}
.pro-type{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.pro-type a{
	display: inline-block;
	padding:12px 26px;
	border:1px solid #dedede;
	margin:15px;
	font-size: 18px;
	color: #666666;
}
.pro-type a span{
	display: block;
	height: 20px;
	background: url(../img/span-a.png) no-repeat center;
	margin-bottom: 10px;
}
.pro-type a:hover{
	background: #0c8fde;
	color: #fff;
}
.pro-type a:hover span{
	background: url(../img/span-a-h.png) no-repeat center;
}

.pro-bd li{
	overflow: hidden;
	margin-bottom: 3rem;
	height: 305px;
}
.pro-bd li .img{
	width: 100%;
	height: 265px;
}
.pro-bd li .img img{
	width: 100%;
	height: 265px;
	object-fit: cover;
}
.pro-bd li p{
	height: 40px;
	line-height: 40px;
	background: #fdfcf8 url(../img/pro-li.png) no-repeat 90% center;
	font-size: 16px;
	color: #0c8fde;
}
.pro-bd li p:before{
	content: "|";
	color: #0c8fde;
	display: inline-block;
	margin: 0 10px;
}
.pro-bd li:hover p{
	background: #0c8fde url(../img/pro-li-h.png) no-repeat 90% center;
	color: #fff;
}
.pro-bd li:hover p:before{
	color: #fff;
}
/* 公司简介 */
.m-about{
	background: #0c8fde;
	padding:36px 0;
}
.intro{ max-width: 100%; }
.m-about iframe{
	width: 100%;
	height: 410px;
}
.about-bd > h3{
	font-size: 30px;
	color: #fff;
	line-height: 52px;
	margin-left: -15px;
}
.about-bd > p{
	font-size: 16px;
	color: #ffffff;
	line-height: 24px;
	margin-left: -15px;
}
.m-honor{
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px dotted #fcfcfb;
	margin-left: -15px;
	overflow: hidden;
}

.honor-tit{
	height: 170px;
	background: #7ec912;
}
.honor-tit p{
	padding:22px 20px 0;
	font-size: 20px;
	color: #fff;
}
.honor-tit span{
	font-size: 10px;
	color: #ffffff;
	margin-top: 10px;
	display: block;
	text-align: center;
}
.honor-img img{
	width: 100%;
	height: 170px;
	object-fit: contain;
	background: #ccc;
}
.honor-img{
	position: relative;
}
.honor-img p{
	position: absolute;
	width: 88%;
	margin:0 15px;
	height: 32px;
	line-height: 32px;
	background: rgba(0,0,0,.65);
	text-align: center;
	font-size: 14px;
	color: #fff;
	left: 0;
	bottom: 0;
}
/* 成功案例 */
#indexPro{ width:100%; height:250px; margin-top: 30px; overflow:hidden;}
#indexPro li{width:320px; height:250px;  float:left; line-height:42px; }
#indexPro li img{ width: 280px; height: 210px; }

.news-hd{ background: #7ec912; padding: 18px 8px;overflow: hidden;}
.news-hd p{float: left; color: #fff; font-weight: 700; font-size: 18px;}
.news-hd a{ float: right; text-align: right; color: #fff; font-weight: 700; font-size: 16px;}
.news-hd a:hover{ color: #f00;}
.news-bd{ border: 5px solid #7ec912; overflow: hidden;}
.news-bd ul{ width: 90%; margin: 0 auto;}
.news-bd ul li{ line-height: 35px; background: url(../img/icon.jpg) no-repeat left center; text-indent: 15px; border-bottom: 1px dashed #ccc;}


.m-case-news{
	padding:30px 0;
	background: #fff;
}
.case-tit{
	border-bottom: 1px solid #dedede;
	margin-bottom: 38px;
}
.case-tit > div{ padding-left: 66px; background:#fff url(../img/ico-case.jpg) no-repeat left center;
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
	top:3px;
}
.case-tit h3{
	font-size: 30px;
	color: #1292de;
}
.case-tit span{
	font-size: 14px;
	color: #9a9999;
}
.m-case .swiper-slide{
	width: 100%;
	height: 252px;
}
.m-case .swiper-slide img{
	width: 100%;
	height: 202px;
	object-fit: cover;
}
.m-case .swiper-slide h3{
	font-size: 14px;
	color: #333333;
	line-height: 50px;
	text-align: center;
}
.caption h3{
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* 新闻中心 */
.news-time{    
	width: 13%;
    float: left;
    text-align: center;
    border: 1px solid #1292de;
    color: #1292de;
    height: auto;
}

.time-d{font-size: 37px;}
.time-y{font-size: 14px;padding: 3px;}

.news-content{
    float: right;
    width: 85%;
    font-size: 12px;
    color: #333333;
    overflow: hidden;
}
.news-content h2{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
}
.news-text{font-size: 12px;}
.news-text a{color: #e00024;}
.m-case-news li{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}








.m-news{
	overflow: hidden;
	border:4px solid #7ec912;
}
.m-news .hd{
	height: 56px;
	line-height: 56px;
	background: #7ec912;
	padding:0 10px 0 24px;
}
.m-news .hd h3{
	display: inline-block;
	float: left;
	font-size: 24px;
	color: #fff;
	line-height: 56px;
}
.m-news .hd a{
	font-size: 14px;
	color: #fff;
	float: right;
}
.m-news .bd{
	background: #fff;
	padding:17px 23px;
}
.m-news li{
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #e5e7e8;
	padding-left: 20px;
	background: url(../img/ico-news.png) no-repeat left center;
}
.m-news li h3{
	font-size: 14px;
	color: #333333;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 39px;
}

/* 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: #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: #0a95e3;
	color: #fff;
}

/* 内页文章样式 */
.article .container{
	margin: 2.5rem auto;
	background: #ffffff;
	padding:2rem;
}
.article h1{
	font-size: 27px;
	color: #5f5f5f;
	margin:20px auto;
	text-align: center;
}
.article p{
	color: #6b6b6b;
	font-size: 1.6rem;
	line-height: 3rem;
}
.article .text-center img,
/*.article p img{
	max-width: 60%;
}*/
.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;
	width: 100%;
}
.a_tit{
	background: #f0f0f0;
	margin:20px 0;
}
.a_tit p{
	padding:12px 20px;
	background: #2695e3;
	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;
}

/* 侧边栏 */
.main{ margin-top: 20px; }
.s-type{
	width: 100%;
	border:2px solid #2695e3;
	margin-bottom: 25px;
}
.s-type .hd{
	padding:10px 0 ;
	background: #2695e3;
	text-align: center;
}
.s-type .hd h3{
	font-size: 32px;
	color: #fff;
	line-height: 32px;
}
.s-type .hd p{
	font-size: 12px;
	color: #5da9e8;
	text-transform: uppercase;
	line-height: 12px;
	margin-top: 7px;
}
.s-type li{
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #ebeaea;
	text-align: center;
}
.s-type li a{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.s-type li:nth-child(2):hover,
.s-type li:hover{
	background: #7ec912 url(../img/li-ico.png) no-repeat 80% center;
}
.s-type li:nth-child(2):hover a,
.s-type li:hover a{
	color: #fff;
}
.s-type .bd{
	background: #2695e3;
	padding:25px 0;
	text-align: center;
	margin-top: 10px;
}
.s-type .bd img{
	margin:0 auto;
}

.title{
	padding:10px 20px;
	background: #2695e3;
	margin-bottom: 20px;
}
.title strong{
	font-size: 26px;
	line-height: 32px;
	color: #fff;
	font-weight: normal;
}
.title .right{
	text-align: right;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
}
.title a:hover{
	color: #7ec912;
}

/* 新闻列表 */
.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 (max-width: 1200px){
	.m-header{
		background: #fff;
		border-top: 4px solid #2695e3;
	}
	.m-header .container{ padding-left: 0; padding-right: 0; }
	.navbar-brand img{
		height: 80%;
	}
	.navbar-brand{
		width: 70%;
		padding-top: 18px;
		margin-left: 15px;
	}
	.navbar-toggle{
		margin-top: 28px;
		margin-right: 15px;
	}
	.navbar-nav{
		width: 100%;
		background: #2695e3;
		margin:0;
	}
	.navbar-nav > li > a{
		display: inline-block;
		width: 100%;
	}
	.m-pro{
		margin-top: 20px;
	}
	.m-keys{
		display: none;
	}
	.pro-bd{
		clear: both;
	}
}
@media screen and (max-width: 768px){
	.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:8%; }
	#banner .hd span{
		display: none;
	}
	#banner .bd{ position: relative; }
	#banner .bd a{
		width: 40%;
		margin:0 1rem 1rem 0;
	}
	#navbar{ width: 100%; margin:0; padding:0; }

	.f-logo{ overflow: hidden; }
	.f-logo > div img{ max-width: 100%; display: none; }
	.title .right{
		display: none;
	}
	.f-txt div+div{
		text-align: center;
	}
	.f-tel img{
		float: none;
	}
	.pro-bd{
		clear: both;
	}
	.pro-type{ width: 100%; }
	.pro-type a{ width: 41%; float: left; }
}
@media screen and (max-width: 640px){
	.navbar-brand img{
		height: 50%;
		margin-left: 10px;
	}
	.navbar-brand{
		width: 70%;
		padding-top: 30px;
	}
	#banner .hd { top:20%; }
	.case-tit,
	.pro-tit{
		height: 36px;
		margin: 10px;
	}
	.case-tit > div,
	.pro-tit > div{
		padding-left: 46px;
	    display: inline-block;
	    background-size: contain;
	    height: 36px;
	    position: relative;
	    top: 3px;
	}
	.case-tit > div h3,
	.pro-tit > div h3{
		font-size: 20px;
		color: #1292de;
	}
	.case-tit > div span,
	.pro-tit > div span{
		font-size: 12px;
		color: #9a9999;
	}
	.case-tit .hd a,
	.m-pro .hd a{
		top:-30px;
	}
	.about-bd > h3{
		font-size: 20px;
	}
	.title{ padding:10px; }
	.title strong{
		font-size: 14px;
	}
	.pro-bd li{
		overflow: hidden;
		margin-bottom: 3rem;
		height: 205px;
	}
	.pro-bd li .img{
		width: 100%;
		height: 165px;
	}
	.pro-bd li .img img{
		width: 100%;
		height: 165px;
		object-fit: cover;
	}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img{ height: 140px; object-fit: cover; }
	.m-case-news{ padding:0; }
	.m-case{ margin:0 -15px; }
	.case-tit{ margin-bottom: 20px; }
	.f-nav{ display: none; }
	.news li{ margin:0 -10px 0; }
	.pro-bd{ margin:0 -30px; }
	iframe{ width: 100%; height: 200px; }
}

