/*样式初始化*/
html{overflow:auto;overflow-y:scroll;height:100%; }
body{font-size:14px; color:#333;background:#fff;font-family:microsoft yahei;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;color: #1951ae}
ul,li{list-style:none;margin:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;font-family:microsoft yahei;}
img{max-width: 100%;}
input{ outline:none;}
.clear{clear: both;}
.navbar{background:none;margin:0; }
.navbar-default{border:none;}
.navbar-collapse{max-height: 100%!important;}
.container-fluid{padding:0;}
.tz-gallery{padding:0;}
/*header*/
.header{overflow: hidden;position: fixed;z-index: 999;width:100%;}
.header .navbar{float: left;}
.header .navbar-toggle{margin-top: 12px;}
.h-top{background: #f4f4f4;float: left;width:100%;color: #8f8f8f;}
.h-top span{float: left;color: #8f8f8f;display: none;}
.h-top .tel{display: block;float: right;}
.h-top .tel1{display: none;float: right;}
.h-mid{width:100%;float: left;background: #ffffff;}
.h-tel{display: none;}
.h-logo{float: left;width:auto;margin:8px 0;}
#h-nav{width:100%;background: #333333;line-height: 50px;}
#h-nav li a{color: #ffffff;text-align: center;display: block;height: 50px;padding:0;border-bottom: dashed 1px #8f8f8f;width:100%;float: left;}
#h-nav li a:hover{color: #ff9900;}
@media(min-width: 768px){
.header{position: relative;}
.h-logo{display: block;margin:15px 0;}
.h-tel{display: block;float: right;margin:25px 0;}
.h-top span{display: block;}
.h-top{line-height: 30px;}
.h-top .tel1{display: none;}
#h-nav{width:100%;float: left;background: #1951ae;font-size: 16px;overflow: hidden;display: block;opacity: .9;}
#h-nav li a{color: #ffffff;text-align: center;border:none;line-height: 50px;width:12.5%;}
#h-nav li a:hover{color: #ffffff;background: url(../Image/h-nav-hover.jpg) center 0px no-repeat;background-size: 100% 100%;}
}
@media (min-width: 992px){
.h-top{height: 35px;line-height: 35px;}
.h-top span{width:500px;}
.h-top .tel{color: #8f8f8f;display: block;}
.h-top .tel1{display:none;}
.h-top a{color: #8f8f8f;width:100%;}
.h-top a:hover{color: #8f8f8f;color: #ff9900}
.h-logo{margin:30px 0}
.h-tel{float: right;display: block;margin:30px 0;}
#h-nav li a{line-height: 60px;height: 60px;}
}
/*banner*/
.banner{width:100%;float: left;overflow: hidden;margin-top: 100px;}
.banner .swiper-slide img{width:100%;height: auto;}
@media(min-width:768px){
.banner{margin-top:-60px }
}
/*m-search*/
.m-search{width:100%;background: #f2f2f2;overflow: hidden;}
.m-keywords{float: left;width:100%;overflow: hidden;color: #555555;line-height: 30px;margin:12px 0;height: 30px;}
.m-keywords span{color: #555555;font-weight: bold;}
.search{ width: 100%; margin: 12px auto; overflow: hidden;height: 30px;background: #ffffff;}
#input_search{ width:85%; border:none; float: left; background-color: #f0f0f0; height:30px;text-indent:15px; color: #adb2b2; background: #ffffff;}
#btn_search{ width:15%; height:30px; float: right; border:none; background:url(../Image/search_btn.jpg) center no-repeat; text-indent:-9999px; }
/*m-pro*/
.m-pro{width:100%;margin-top: 45px;overflow: hidden;}
.m-pro-hd{width:100%;overflow: hidden;text-align: center;}
.m-pro-hd h1{width:100%;overflow: hidden;color: #0b63c8;font-size: 30px;font-weight: bold;}
.m-pro-hd h2{width:100%;overflow: hidden;color: #333333;font-size: 20px;font-weight: bold;line-height: 40px;}
.m-pro-mid{overflow: hidden;text-align: center;padding:12px 0;}
.m-pro-mid li{margin-bottom: 15px;display: inline-block;float: none;}
.m-pro-mid li a{width:100%;display: block; color: #ffffff;font-size: 16px;background: #c1c1c1;border-radius: 50px;height: 40px;overflow: hidden;line-height: 40px;}
.m-pro-mid li a:hover{background: #3488ea;}
.m-pro-bd{padding:0px 0 15px;width:100%;overflow: hidden;text-align: center;}
.m-pro-bd li{margin:15px 0;overflow: hidden;text-align: center;position: relative;}
.m-pro-bd li img{border:solid 1px #eeeeee;}
.m-pro-bd li .txt{width:100%;overflow: hidden;position: absolute;bottom: 15px;z-index: 999;text-align: center;box-sizing: content-box;transition:all .5s;}
.m-pro-bd li .txt h1{float: left;width:100%;font-size: 18px;color: #fff;overflow: hidden;}
.m-pro-bd li .txt a{width:115px;height: 40px;text-align: center;line-height: 40px;color: #ffffff;background: #3488ea;display: none;overflow: hidden;margin:15px auto 0;}
.m-pro-bd li .box-content{position: relative;}
.m-pro-bd li .box-content:before{
content: "";
width:100%;height: 100%;
background: #000;opacity: .25;
position: absolute;
top: 0;
left: 0;
box-sizing: content-box;
}
.m-pro-bd li:hover .txt{bottom:25%;}
.m-pro-bd li:hover .txt h1{color: #fff;}
.m-pro-bd li:hover .txt a{display: block;}
@media(min-width: 992px){
.m-pro-bd li:hover .txt{bottom:30%;}
}
@media(min-width: 1200px){
.m-pro-bd li:hover .txt{bottom:35%;}
}
/*m-box*/
.m-box{width:100%;overflow: hidden;background: url(../Image/m-com-bg.jpg) center top no-repeat #f6f6f6;padding-top: 110px;}
.m-box .box{width:100%;float: left;background: #ffffff;}
/*m-com*/
.m-com{float: left;overflow: hidden;padding:30px;width:100%;}
.m-com-hd{float: left;overflow: hidden;background: url(../Image/m-com-hd.jpg) left bottom no-repeat;width:100%;}
.m-com-hd .left{width:90%;float: left;}
.m-com-hd .left h1{float: left;font-size: 24px;font-weight: bold;color: #0b63c8;margin:15px 0;width:100%;}
.m-com-hd .left h2{float: left;font-size: 20px;font-weight: bold;color: #333333;margin:0px 0 30px;width:100%;}
.m-com-hd .right{width:36px;height: 55px;float: right;text-align: center;line-height: 55px;border:solid 1px #eaeaea;display: block;font-family: 宋体;font-size: 30px;color:#eaeaea;margin-top: 15px;}
.m-com-hd .right:hover{background: #0b63c8;color: #ffffff;}
.m-com-mid{text-align: center;float: left;margin: 20px 0;width:100%;}
.m-com-bd{float: left;overflow: hidden;line-height: 36px;color: #555555;}
@media(min-width: 1200px){
.com{padding:30px 0 30px 30px;}
}
/*m-con*/
.m-con{float: left;overflow: hidden;padding:30px;width:100%;background:url(../Image/m-con-bg.jpg) center bottom no-repeat #f12c3e;background-size: 100% 20px;}
.m-con-hd{float: left;overflow: hidden;width:100%;}
.m-con-hd .left{width:60%;float: left;}
.m-con-hd .left h1{float: left;font-size: 24px;font-weight: bold;color: #ffffff;margin:15px 0;width:100%;}
.m-con-hd .left h2{float: left;font-size: 20px;font-weight: bold;color: #ffffff;margin:0px 0 25px;width:100%;}
.m-con-hd .left span{width:42px;height: 5px;background: #ffffff;float: left;display: block;}
.m-con-hd .right{float: right;width:40%;margin-top: 20px;text-align: right;}
.m-con-mid{width:100%;float: left;color: #ffffff;line-height: 36px;margin-top: 22px;}
.m-con-bd{width:230px;height: 63px;background: #fdc36f;line-height: 63px;text-align: center;font-size: 24px;color: #ffffff;display: block;margin:45px auto 0;}
@media(min-width: 1200px){
.m-con{height: 372px;}
}
/*m-news*/
.m-news{width:100%;overflow: hidden;background: #f6f6f6;padding-top: 30px;}
.m-news-hd{width:100%;overflow: hidden;text-align: center;padding-bottom: 20px;}
.m-news-hd h1{width:100%;overflow: hidden;color: #0b63c8;font-size: 30px;font-weight: bold;}
.m-news-hd h2{width:100%;overflow: hidden;color: #333333;font-size: 20px;font-weight: bold;line-height: 40px;}
.m-news-bd{float: left;width:100%;overflow: hidden;background: #ffffff;}
.m-news-bd li{border:solid 1px #f3f3f3;overflow: hidden;padding:30px;}
.m-news-bd li .left{float: left;color: #9a9a9a;text-align: right;width:100%;}
.m-news-bd li .left h1{float: left;width:100%;font-size: 72px;}
.m-news-bd li .left h2{float: left;width:100%;font-size: 18px;}
.m-news-bd li .right{float: right;width:100%;color: #555555;overflow: hidden;}
.m-news-bd li .right h1{float: left;width:100%;font-weight: bold;font-size: 16px;height: 17px;overflow: hidden;}
.m-news-bd li .right span{float: left;width:30px;height: 2px;background: #b2b2b2;display: block;margin:15px 0 20px;}
.m-news-bd li .right p{float: left;width:100%;line-height: 26px;max-height: 104px;overflow: hidden;}
.m-news-bd li .right a{padding:10px 25px;border:solid 1px #9a9a9a;font-size: 16px;border-radius: 5px;display: block;float: left;margin-top: 25px;color: #555555;}
.m-news-bd li:hover{background: #3488ea;}
.m-news-bd li:hover .left{color: #ffffff;}
.m-news-bd li:hover .right{color: #ffffff;}
.m-news-bd li:hover .right span{background: #ffffff;}
.m-news-bd li:hover .right a{border-color: #ffffff;color: #ffffff;}
/*@media(min-width: 1200px){
.m-news-bd li .left{width:35%;}
.m-news-bd li .right{width:60%;}
}*/
/*m-liuyan*/
.m-liuyan{width:100%;overflow: hidden;background: #373737;padding: 40px 0;}
.m-liuyan-hd{width:100%;overflow: hidden;text-align: center;padding-bottom: 20px;color: #ffffff;}
.m-liuyan-hd h1{width:100%;overflow: hidden;font-size: 30px;font-weight: bold;}
.m-liuyan-hd h2{width:100%;overflow: hidden;font-size: 20px;font-weight: bold;line-height: 40px;}
.m-liuyan-bd{width:100%;float: left;}
.m-liuyan-bd li{margin-top: 15px;}
.m-liuyan-bd li input{font-size: 16px;padding:15px;border-radius: 5px;background: #ffffff;border:none;width:100%;}
.m-liuyan-bd li textarea{width:100%;padding:15px;border-radius: 5px;background: #ffffff;}
.m-liuyan-bd li #submit{background: #f12c3e;color: #ffffff;}
/*footer*/
.footer{width:100%;background: #373737;float: left;}
.footer h1{width:100%;float: left;text-align: center;font-size: 30px;color: #9d9c9c;font-weight: bold;}
.footer ul{width:100%;float: left;margin:15px 0;text-align: center;color:#9d9c9c;}
.footer ul a{display: inline-block;padding: 0 4px;color:#9d9c9c; font-size:14px;}
.footer ul a:hover{color: #ffffff;}
.footer p{text-align: center;color: #b4b4b4;margin:20px 0 80px;}
.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;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){
.footer p{text-align: center;color: #b4b4b4;margin:20px 0 40px;}
.down{display: none;}
}
/*sidebar*/
.sidebar{width:100%;overflow: hidden;}
.s-hd{width:100%;float: left;background: #2b7ae8;color: #ffffff;font-size: 20px;padding:20px 30px;}
.s-bd{width:100%;float: left;background: #ffffff;padding:15px 15px 30px;box-sizing: border-box;border-left:solid 1px #2b7ae8;border-right:solid 1px #2b7ae8;}
.s-bd li{width:100%;float: left;border: solid 1px #cecece;border-radius: 20px;padding:8px 10px;margin-top:5px;}
.s-bd li a{width:95%;float: left;display: block;;overflow: hidden;color: #666666;text-indent: 5px;font-size: 16px;}
.s-bd li span{width:5%;float: right;font-weight: bold;font-family: 宋体;color: #dfdfdf;margin-top: 4px;}
.s-bd li:hover{background: #2b7ae8;color: #ffffff;}
.s-bd li:hover a{color: #ffffff;}
.s-bd li:hover span{color: #ffffff;}
.s-con{width:100%;float: left;padding:25px;background: #2b7ae8;color: #ffffff;}
.s-con h1{width:100%;float: left;font-size: 14px;}
.s-con h2{width:100%;float: left;font-size: 24px;font-weight: bold;margin-top: 5px;}
.s-con h3{width:100%;float: left;font-size: 24px;font-weight: bold;margin-top: 5px;/*letter-spacing:1px;*/}
/*list*/
.list{width:100%;float: left;padding:24px 0;overflow: hidden;}
.l-hd{width:100%;float: left;overflow: hidden;margin:30px 0;}
.l-hd li{float: left;overflow: hidden;}
.l-hd li a{overflow: hidden;width:100%;padding:5px 0;display: inline-block;border:solid 1px #2b7ae8;color: #2b7ae8;font-size: 16px;border-radius: 5px;text-align: center;}
.l-hd li a:hover{background: #2b7ae8;color: #ffffff;}
.l-right{overflow: hidden;line-height: 260%}
.page{float: left;border-top:solid 1px #cccccc;width:100%;text-align: right;margin-top: 30px;}
.tz-gallery{padding:0;}
@media(min-width:768px){
.l-com{font-size: 18px;}
}
/*产品内页样式*/
.l-right-hd{width:100%;float: left;overflow: hidden;}
.l-right-hd .lt{text-align: center;width:100%;float: left;overflow: hidden;}
.l-right-hd .lt img{width:100%;height: }
.l-right-hd .rt{width:100%;float: left;overflow: hidden;color: #555555;}
.l-right-hd .rt h1{width:100%;float: left;overflow: hidden;font-size: 24px;font-weight: bold;border-bottom:solid 1px #555555;padding:15px 0;text-align: center;}
.l-right-hd .rt p{line-height: 30px;margin: 15px 0 30px;float: left;overflow: hidden;height: 150px;display: none;width:100%;}
.l-right-hd .rt a{color: #ffffff;font-size: 24px;padding:6px 30px;display: none;background: #df354f;float: left;}
@media(min-width: 768px){
.l-right-hd .rt h1{text-align:left;}
.l-right-hd .rt p{display: block;}
}
@media(min-width: 992px){
/*.l-right-hd .lt img{height: 296px;object-fit: cover;}*/
}
@media(min-width: 1200px){
.l-right-hd .rt a{display: block;}
.l-right-hd .rt a:hover{border:solid 1px #df354f;color: #df354f;background: none;}
}
.l-right-bd{width: 100%;float: left;overflow: hidden;}
.l-right-bd .title{width: 100%;float: left;overflow: hidden;background: #f0f1f2;margin:15px 0;}
.l-right-bd .title span{padding:3px 5%;display: block;font-size: 16px;color: #ffffff;background: #2b7ae8;float: left;}
.l-right-bd .content{line-height: 260%;padding:15px;min-height: 400px;}
.l-right-bd .content .pro-xg li h1{text-align: center;font-size: 14px;color: #555555;line-height: 40px;}
/*新闻首页样式*/
.list-news{min-height: 100px;height: auto; }
.list-news li{height:50px; line-height: 50px; border-bottom: 1px dotted #bbb; padding:0 1%; width:100%;}
.list-news li span{float: right;}
.list-news li a{color: #595959;width:65%;height: 50px;overflow: hidden;display: block;float: left;}
.list-news li:hover{background-color: #eee;}
/*产品列表页*/
.pro{overflow: hidden;float: left;width:100%;}
.pro li{margin-bottom: 15px;text-align: center;}
.pro li img{border:solid 1px #cccccc;}
.pro li h1{font-size: 16px;text-align: center;color: #333333;height: 50px;overflow: hidden;width:100%;line-height: 20px;padding-top: 10px;}
.pro li:hover h1{color: #1b5da8;}
.pro li:hover img{border:solid 1px #1b5da8;}
/*产品内容页样式*/
.p-img{ width: 100%; padding: 5px 0 15px 0; text-align: center; color:#888787; font-size: 14px; }
.p-img h1{ font-size: 27px; color: #5f5f5f;margin-bottom: 15px;}
.p-fgx{width: 100%; border-bottom:dotted 1px #868686;margin-top: 5px;}
.p-content{ width: 100%; margin: 0 auto; overflow: hidden;}
.p-content .title{ width: 100%; height:30px; overflow: hidden; background-color: #f0f0f0;}
.p-content .title h2{ width: 100px; text-align: center; height: 30px; overflow: hidden; color: #fff; font-size: 15px; line-height: 30px; font-weight: 700; background: #2f6db2;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 50px 0; overflow: hidden;}
/* message styles */
.message{width:100%;float: left;overflow: hidden;}
.message ul{
overflow: hidden;
}
.message li{
float: left;
margin:10px 0;
}
.message input {
position: relative;
display: block;
float: left;
padding:0 .5em;
width: 100%;
border: solid 1px #cccccc;
border-radius: 0;
background: #fff;
color: #0075c5;
font-weight: bold;
}
.message textarea {
position: relative;
display: block;
float: left;
padding:.5em;
width: 100%;
border: solid 1px #cccccc;
border-radius: 0;
background: #fff;
color: #0075c5;
font-weight: bold;
resize:none;
}
.message textarea:focus {
outline: none;
}
.message input:focus {
outline: none;
}
.message #submit{
height: 35px;
line-height: 35px;
padding:0;
color: #fff;
background: #1b5da8;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.message #submit:hover{
background: #0075c5;
}
/* 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:#1d3fa0;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:#1d3fa0;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;}
.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: 210px;
}
.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;
}