/*!
 * @ 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;}
html,body{overflow:hidden;overflow-y:auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.page{margin:2rem;}
.main{ overflow: hidden; margin:25px auto; }
a:hover{ text-decoration: none; }
iframe{ width: 80%!important; height: 420px!important; }
.title{
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background: #e4e4e4;
}
.title h3 strong{
	font-size: 22px;
	color: #c9151e;
	line-height: 50px;
}
.title .right{
	text-align: right;
	color: #333333;
}
.title .right p,
.title .right a{
	font-size: 14px;
	color: #333333;
}
.title a:hover{ color: #c9151e; }
#prev_next{
	border-top: 1px dotted #868686;
	margin:2rem 0;
	padding:2rem 0;
}
#order{ overflow: hidden; }
#order tr{ line-height: 46px; margin-bottom: 10px;}
#order .t_r{ width: 20%; text-align: right; font-size: 16px; color: #333;}
#order input{ height: 28px; width: 100%; }
#order #submit{ line-height: 28px; background: #c9151e; color: #fff; border:none; }
.p_order{ background: #f1f1f1; padding:15px; overflow: hidden; margin:15px 0; }
.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;}
/*#prev_next li+li{
	text-align: right;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}*/
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block; z-index: 999;}
.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:#c9151e;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:#c9151e;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; }

/* 网站头部 */
.h-tool{
	background: url(../img/tool-bg.jpg) no-repeat center;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.h-tool span{
	color: #ffffff;
	font-size: 20px;
	padding-left: 28px;
	background:url(../img/ico-tel.png) no-repeat left center;
	background-size: contain;
	margin-left: -30px;
}
.h-tel{ text-align: right;  }
.h-tel a{ font-size: 14px; color: #999999; }
.h-tel a + a:before{ content: "|"; display: inline-block; margin:0 10px; }
.h-tel a:hover{ color: #fff; }
/* 菜单 */
.navbar{
	background: #ffffff;
	margin-bottom: 0;
	border:none;
	position: relative;
	z-index: 33;
}
.nav > li > a{
	padding:50px 16px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
	max-height:none;
}
.navbar-toggle .icon-bar{ background: #c9151e; }
.navbar-brand{
	height: auto;
	padding: 29px 0;
}
.navbar-brand img{ width: 100%; }
.nav-tel{
	margin:18px 0 0;
}
.navbar-nav > li > a{
	color: #333333;
	font-size: 16px;
}
.navbar-nav > li > a:hover{
	color: #c9151e;
	background: none;
}
/* 底部COPYRIGHT */
#footer{ background: url(../img/f-bg.jpg) no-repeat center; overflow: hidden; padding-top:42px;}
#footer a:hover{ color: #ff9600; }
.f-message{ overflow: hidden; }
.f-message label{ width: 16%; float: left; line-height: 32px; font-size: 14px; color: #ffffff; font-weight: normal; }
.f-message .form-group{ overflow: hidden; margin-bottom: 20px; }
.f-message input,.f-message textarea{ width: 84%; float: right; border-radius: 0;}
.f-message input{ height: 32px; line-height: 32px; }
.f-message textarea{ resize: none; }
.f-message .btn-primary{ margin-left: 16%; width: 32%; background: #000000; color: #fff; border:none; }
.f-copy{ clear: both; line-height: 50px; color: #ffffff;}
.f-copy a{ font-size: 14px; color: #ffffff; margin-right: 10px; padding-left: 10px;  }
.f-copy .right p{ text-align: right; font-size: 14px; color: #333333; }
.f-copy .right p a{ color: #333; }
.f-ewm,.f-contact{ padding-top: 22px; }
.f-contact > img{ margin:10px 0; }
.f-contact p{ font-size: 14px; color: #666666; line-height: 40px; }
/* 首页效果
-------------------------------------------------- */
/* 首页效果 */
.m-pro{ overflow: hidden; }
.m-pro .hd{ text-align: center; margin-bottom: 36px; }
.m-pro .hd > div{ border:1px solid #c9151e; display: inline-block; margin:42px auto 15px; padding:0 70px 10px;}
.m-pro .hd > div h3{ font-size: 26px; font-weight: bold; color: #333333; display: inline-block;  background: #fff; position: relative; top:18px; padding:0 10px; }
.m-pro .hd > span{ display: block; text-transform: uppercase; font-size: 26px; color: #c9151e; font-weight: bold;  }
.pro_li{ margin-bottom: 10px; overflow: hidden; display: inline-block; }
.pro_li:hover h3{ color: #c9151e; }
.pro_li img{ width: 100%; height: 100%; object-fit: cover; }
.pro_li h3{ height: 48px; line-height: 48px; font-size: 16px; color: #454545; text-align: center; }
.pro_li .img {
    position:relative;
    overflow:hidden;
    line-height: 0;
    text-align: center;
    width: 100%;
    height: 204px;
}
.pro_li .hover-bg {
    display: block;
    background-color: #000;
    width: 200%;
    height: 100%;
    position: absolute;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    top: 0;
    z-index: 4;
    overflow: hidden;
    text-align:center;
    opacity:0.5;
}
.pro_li .hover-bg.reset {
    left: -250%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.pro_li:hover .hover-bg.reset{
	left: -50%;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.pro_li .hover-bg.leave {
    left: 160%;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.pro_li .iconhover {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    line-height:100%;
    vertical-align:middle;
    font-size:20px;
    z-index:5;
    background-image: url(../img/Imagebox_hover.png) ;
    background-repeat:no-repeat;
    background-position:center;
    opacity:0;
    -moz-transition:opacity 500ms ease 0s;
	-o-transition:opacity 500ms ease 0s;
	-webkit-transition:opacity 500ms ease 0s;
	transition:opacity 500ms ease 0s;
}
.pro_li:hover .iconhover {
    opacity:1;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.hover-bg{background-color:#232323}
/* 成功案例 */
.m-case{ height: 577px; background: url(../img/case-bg.jpg) no-repeat center; background-size: cover; }
.m-case .hd{ text-align: center; }
.m-case .hd h3{ height: 76px; background: url(../img/case-tit.png) no-repeat center; background-size: contain; margin:58px 0 36px; }
.m-case .bd .swiper-slide img{ width: 100%; height: 178px; object-fit: cover; }
.m-case .bd .swiper-slide{ transition: all .3s; }
.m-case .bd .swiper-slide .c_txt{ padding:16px 12px; background: #fff;  }
.m-case .bd .swiper-slide .c_txt h3{ font-size: 16px; color: #333333; line-height: 1; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-case .bd .swiper-slide .c_txt p{ font-size: 14px; line-height: 28px; color: #666666; }
.m-case .bd .swiper-slide:hover{  transition: all .3s; margin-top: 20px; }
#case{ height: 340px;}
.m-case .bd{ position: relative; }
.swiper-button-prev{ left: -16px; background: url(../img/case-left.png) no-repeat center; width: 28px; height: 50px; top:50%; margin-top: -25px; }
.swiper-button-next{ right: -16px; background: url(../img/case-right.png) no-repeat center; width: 28px; height: 50px; top:50%; margin-top: -25px; }
.container{ padding-left: 0; padding-right: 0; }
/* 关于我们 */
.m-about{ overflow: hidden; padding:32px 0 44px; }
.m-about .hd{ height: 175px; background: url(../img/about-tit.png) no-repeat center; background-size: contain; margin-bottom: 26px; }
.m-about .about .img{ padding-right: 0; }
.m-about .about img{ width: 100%; }
.m-about .about p{ font-size: 14px; color: #333333; line-height: 30px; }
.m-about .about p a{ color: #c9151e; }
/* 新闻列表 */
.m-news{ overflow: hidden; }
.m-news img{ width: 100%; }
.m-news li{ padding:14px 0; border-bottom: 1px dotted #999999; overflow: hidden; }
.m-news li a > span{ font-size: 74px; line-height: 1; width: 15%; float: left; border-right:1px solid #999999; font-family: "黑体"; font-variant: 74px; color: #999999; display: inline-block; text-align: center; }
.m-news li div{ width: 81%; float: left; margin-left: 20px;}
.m-news li div h3{ width: 70%; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #333333; float: left; }
.m-news li div span{ font-size: 16px; width: 30%; float: right; color: #999999; text-align: right; }
.m-news li div p{ clear: both; font-size: 14px; color: #666666; line-height: 25px; padding-top: 8px; }
.m-news li:hover h3, .m-news li:hover span, .m-news li:hover a >span{ color: #c9151e; }
/* 产品分类 */
.s-type{ overflow: hidden; }
.s-type h3{ height: 103px; background: url(../img/s-type-h3.png) no-repeat center; border-radius: 5px 5px 0 0; }
.s-type ul{ background: #ececec; border-radius: 0 0 5px 5px; padding:0 16px 20px; }
.s-type li{ padding:6px 0; border-bottom: 1px dashed #999999; }
.s-type li a{ display: block; box-sizing: border-box; padding:11px 27px; background: url(../img/ico-li.png) no-repeat 6% center; font-size: 16px; color: #333333; }
.s-type li:hover a{  background:#c9151e url(../img/ico-li-hover.png) no-repeat 6% center; color: #fff; border-radius: 5px;}
.s-contact{ margin-top: 20px; }
.s-contact h3{ height: 103px; background: url(../img/s-contact-h3.png) no-repeat center;  border-radius: 5px 5px 0 0; }
.s-contact .bd{ background: #ececec; padding:22px; }
.s-contact .bd img{ margin-bottom: 15px; }
.s-contact .bd p{ font-size: 14px; color: #666666; line-height: 30px; }
/* chrome input placeholder style */
::-webkit-input-placeholder { 
	color:#bbbbbb !important; 
} 
.article{  padding:20px 0 0; overflow: hidden;}
.article h1{ font-size: 27px; color: #5f5f5f; margin:10px auto; text-align:center; }
.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;
	max-width: 100%;
}
.a_tit{
	background: #f0f0f0;
	margin:20px 0;
}
.a_tit h3{
	padding:12px 20px;
	background: #c9151e;
	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: #ff9702;
}
.btn-primary{
	background-color: #ff9702;
	border-color: #e37f00;
}


/* 媒体查询 */
@media (max-width: 1200px ){
	.m-news li a > span{ display: none; }
	.navbar-brand > img{
		height: 40px;
	    margin: 0 auto;
	    object-fit: contain;
	    float: left;
	}
	.navbar-toggle{ 
		margin-top: 18px;
		margin-bottom: 18px;
		margin-right: 0;
	}
	.navbar-brand img{ width: auto; }
	.nav > li > a{ padding: 12px 0; text-align: center; }
}
@media (max-width: 768px ){
	.navbar-brand img{ width: 60%; }
	.navbar-toggle{ margin-right: 10px; }
	.f-copy > div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.s-type ul{ overflow: hidden; margin-bottom: 20px; }
	.s-type li{ width: 50%; box-sizing: border-box; float: left; }
	.s-type li:nth-child(even){ border-left: 1px solid #fff; }
	.s-type li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	iframe{ width: 100%!important; height: 240px!important; }
}
@media (max-width: 640px ){
	#footer{ background: none; }
	.f-copy{ background: #000; overflow: hidden; color: #fff; }
	.f-copy p{ color: #fff; }
	.navbar-brand img {
	    width: auto;
	    margin-left: 20px;
	}
	.swiper-button-next{ right: 0; }
	.swiper-button-prev{ left: 0; }
	.m-about{ margin-bottom: 0; }
	#footer{ padding-top: 0; margin-bottom: 52px; }
	.tz-gallery .lightbox img{ height: 160px; }
	.pro_li .img{ height: 140px; }
	.carousel-inner>.item>img, .carousel-inner>.item>a>img{ height: 150px; object-fit: cover; }
	.navbar-toggle{ margin-top: 32px; margin-bottom: 32px; margin-right: 20px; }
	.navbar-brand img{ margin-left: 35px; }
}