/*! * @ 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;}
img{max-width: 100%;}
#prev_next{border-top: 1px dotted #868686;margin:2rem 0;padding:2rem 0;}
.btn-primary{background-color:#c20809;border-color: #fb0606;}
.main{background: #f0f0f0;position: relative;padding-bottom: 20px;}
.main > img{position: absolute;left:0;top:0;}
.location{padding:15px 0;background: #fff; position: relative; z-index: 3; }
.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;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:#fb0606;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:#fb0606;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;}
.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;}
/* 自定义样式*/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: #fff;border-bottom: 1px solid #ededed;padding:1rem 0;}
.h-tool p{font-size: 1.2rem;color: #666666;}
.h-tool ul{float: right;}
.h-tool li{float: left;margin-right: 3.4rem;font-size: 1.2rem;color: #666666;}
.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;width: 21rem;}
.h-tool li h3{font-size: 2rem;color: #fb0606;font-family: impact;line-height: 17px;}
.m-header{padding:1rem 0 .9rem;background: #fff;}
.navbar-brand img{ max-height: 100%; }
@media (min-width: 768px){.m-header{padding:1.5rem 0;}}
/* 菜单*/.navbar-brand{height: 60px;padding:0;}
.navbar-toggle{margin:5px 0 0;}
.navbar{margin-bottom: 0;}
.navbar-toggle .icon-bar{background: #fb0606;}
.navbar-nav{float: right;margin:0;}
.navbar-nav > li > a{border-bottom: 2px solid #fff;width: 100%;text-align: center;padding: 18px 22px;}
.navbar-nav > li > a:hover{border-bottom: 2px solid #fb0606;color: #fb0606;}
/* 底部COPYRIGHT*/#footer{position: relative;padding:3.8rem 0 3rem;background: #000207;text-align: center;}
#footer > img{position: absolute;right: 0;bottom:0;}
#footer a{font-size: 1.4rem;color: #fff;line-height: 1.4rem;}
.f-copy{margin-top: 1.8rem;}
.f-copy p{font-size: 1.4rem;color: #717173;}
/* 首页效果
--------------------------------------------------*/.carousel-inner img{margin: 0 auto;}
/* 公司简介*/.m-about{padding:4.2rem 0 0;}
.about-hd{text-align: center;}
.about-bd{padding: 3.6rem 0 3rem;}
.about-bd img{position: relative;z-index: 2;}
.about-bd .intro-txt{background: #f6f6f6;height: 312px;margin-top: 2.4rem;padding-left: 2.8rem;}
.about-bd .intro-txt h3{margin: 72px 0 16px;font-size: 18px;color: #333333;}
.about-bd .intro-txt hr{width: 52px;height: 4px;background: #3a3a3a;float: left;border:none;clear: right;}
.about-bd .intro-txt p{clear: both;font-size: 14px;line-height: 24px;color: #666666;}
.about-bd .intro-txt a{display: inline-block;width: 100px;height: 21px;background: url(../img/a.jpg) no-repeat;margin-top: 26px;}
/* 产品中心*/
.h-type{padding:10px 0;text-align: center;margin:10px 0 0;background: #fff; position: relative; z-index: 3;}
.h-type a{display: inline-block;padding:15px;font-size: 16px;color: #343434;margin:0 10px; position: relative; }
.h-type a + a:before{ content:""; display: inline-block; height: 16px; width: 1px; border:0; background: #d4d4d4; position: absolute; left: -10px; top: 50%; margin-top: -8px; }
.h-type a:hover{background: #fb0606;color: #fff;}
.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;}
/* 产品中心*/.m-pro{padding:4rem 0;margin-top: -30rem;}
.pro-hd{text-align: center;}
.pro-bd{padding-top: 3rem;}
.tz-gallery{ padding-top:0; }
.pro-bd li{overflow: hidden;margin-bottom: 3rem;}
.pro-bd li .img{ text-align: center; }
.pro-bd li img{width: 100%;height: 267px;object-fit: contain; transition: all .3s; }
.pro-bd li:hover img{ transition: all .3s; transform: scale(1.1); }
.tz-gallery li img{height: 170px;}
.pro-bd li h3{padding:1.6rem 0;text-align: center;font-size: 1.6rem;color: #121315;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.m-4{background: url(../img/m-4.png) no-repeat center;height: 1074px;margin-top: -476px;padding-top: 532px;}
.m-4 li{width: 25%;text-align: center;height: 220px;float: left;}
/* 新闻中心*/.m-news{padding:4rem 0 4.8rem;background: #f8f8f9;}
.news-hd{text-align: center;}
.news-hd img{margin:0 auto;}
.news-bd{padding:5rem 0 0;}
.news-bd > span{display: inline-block;line-height: 26px;color: #666666;font-size: 16px;margin-bottom: 12px;}
.news-bd h3{height: 52px;line-height: 52px;font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-bd p{font-size: 14px;line-height: 24px;color: #666666;}
.news-bd .item{padding:20px 20px 0;width: 100%;overflow: hidden;}
.news-txt{padding:15px 20px;margin:32px -20px 0;border-top:1px solid #d6d1d1;overflow: hidden;}
.news-txt span{font-size: 1.4rem;color: #333333;float: left;line-height: 3.2rem;}
.news-txt i{float: right;display: inline-block;width: 32px;height: 32px;background: url(../img/ico-r.png) no-repeat;}
.news-bd .item:hover{background: #323236;}
.news-bd .item:hover i,
.news-bd .item:hover h3,
.news-bd .item:hover span,
.news-bd .item:hover p{color: #fff;}
.news-bd .item:hover .news-txt{background: #c20809;}
.news-bd .item:hover i{background: url(../img/ico-r-h.png) no-repeat;}
/* 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;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#banner .hd h3{font-size: 26px;color: #fefefe;}
#banner .hd span{font-size: 32px;font-family: "Mongolian Baiti";text-transform: uppercase;color: #fefefe;}
#banner .hd span:after{content: "";display: block;width: 58px;height: 2px;background: #fb0606;margin:10px auto;}
#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: #fb0606;color: #fff;}
/* 内页文章样式*/.article .container{margin: 2.5rem auto 0;background: #ffffff;padding:2rem; position: relative; z-index: 3; }
.article p{color: #6b6b6b;font-size: 1.6rem;line-height: 3rem;}
.article p img{max-width: 100%;}
.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:5px auto;max-width: 100%;}
.article .text-center img{ max-width: 50%; }
.a_tit{background: #f0f0f0;margin:20px 0;}
.a_tit h3{padding:12px 20px;background: #fb0606;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: #fb0606;}
/* 媒体查询*/
@media screen and (max-width: 1200px){
	.main > img,#footer > img{display: none;}
	.about-bd img{width: 100%;}
	#banner > img{width: auto;}
	#footer > img{right:-100px;}
	.main > img,#footer > img{display: none;}
	.navbar-nav{width: 100%;}
	.h-tool li:nth-child(1){display: none !important;}
	.navbar-toggle{display: none;}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img{height: 480px;object-fit: cover;}
	.about-bd .intro-txt{margin-top: 0;height: 284px;}
	.about-bd .intro-txt h3{margin:42px 0 16px;}
	.pro-bd li img{height: 212px;}
	.tz-gallery li img{height: 170px;}
	.nav>li{ width: 25%; float: left; border: 1px solid #ededed; }
	.nav>li:nth-child(1),.nav>li:nth-child(2),.nav>li:nth-child(3),.nav>li:nth-child(4){ border-bottom: 0; }
	.nav>li:nth-child(1),.nav>li:nth-child(2),.nav>li:nth-child(3){ border-right: 0; }
	.nav>li:nth-child(5),.nav>li:nth-child(6),.nav>li:nth-child(7){ border-right: 0; }
	.m-header{ padding:0; }
	.m-header .container{ width: 100%!important; padding:0; }
	.navbar-brand{ height: 120px; display: block; padding:20px 0; text-align: center; width: 100%; }
	.navbar-brand img{ margin:0 auto; }
}
@media screen and (max-width: 992px){
	.carousel-inner>.item>img, .carousel-inner>.item>a>img{height: 290px;object-fit: cover;}
	.about-bd img{display: none;}
	.m-4{height: auto;margin-top: 0;padding:20px 0;}
	.m-4 li{height: auto;}
	.m-4 img{max-width: 100%;}
	.m-pro{padding:20px 0;margin-top: 20px;}
	.pro-bd li img{height: 345px;}
	.pro-bd li{margin-bottom: 15px;}
	#banner .hd{ margin-left: 15px; }
}
@media screen and (max-width: 768px){
	.carousel-inner>.item>img, .carousel-inner>.item>a>img{height: 240px;}
	.pro-bd li img{height: 298px;}
	.about-bd .intro-txt{margin-top:0;}
	.about-bd .intro-txt h3{padding: 42px 0 16px;margin:0;}
	#banner .hd{bottom: 0;}
	#footer{padding:10px 0 30px;margin-bottom: 50px;}
	.about-hd img, .pro-hd img, .news-hd img{width: 70%;}
	#banner > img{width: auto;object-fit: cover;height: 100%;}
	#banner{height: 200px;}
	.m-4{  background: #f6f6f6; padding-top: 30px; }
	.m-4 li{ width: 50%; margin-bottom: 15px; }
	.article .container{ padding:15px 0; }
}
@media screen and (max-width: 640px){
	.navbar-brand{ height: 100px; }
	.navbar-brand img{ height: 100%; }
	.pro-bd li img{height: 280px;}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img{height: 220px;}
	.f-ewm{margin:20px 0;padding-bottom: 60px;}
	#banner .hd h3{font-size: 2.4rem;}
	.article p img{ width: 100%; }
}
@media screen and (max-width: 360px){
	.navbar-brand{ height: 90px; }
	.navbar-nav > li > a{ padding:18px 0; }
	.carousel-inner>.item>img, .carousel-inner>.item>a>img{ height: 130px; }
	.about-hd img, .pro-hd img, .news-hd img{ width: 90%; }
	.about-bd{ padding:20px 0; }
	.about-bd .intro-txt{ height: 320px; }
	.pro-bd li img{height: 148px;}
	.tz-gallery li img{ height: 100px; }
}