/*鏍峰紡鍒濆鍖?/
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}
a:active{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%;}
.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;}
.p_order{ background: #f1f1f1; padding:15px; overflow: hidden; margin-bottom: 10px; }
.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;}
/*header*/
.header{overflow: hidden;}
.header .navbar{float: left;}
.h-top{background: #0174cd;float: left;width:100%;color: #ffffff;line-height: 36px;}
.h-top h1{float: left;color: #ffffff;width:100%;overflow: hidden;font-size: 14px;height: 30px;line-height: 30px;}
.h-top .tel{display: none;float: right; color: #ffffff;}
.h-top .tel1{display: none;float: right;}
.h-mid{width:100%;float: left;background: #ffffff;padding:20px 0; text-align: center;}
.h-mid img{max-width: 80%;}
.h-tel{float: right;display: none;}
#h-nav{width:100%;background: #ffffff;line-height: 53px; border-top:solid 1px #f7f6f6; overflow:hidden;}
#h-nav li{float: left;padding:0; }
#h-nav li a{color: #333333;text-align: center;display: inline-block;height: 53px;padding:0;width:24%;line-height: 53px; border-right:solid 1px #f7f6f6;}
#h-nav li a:hover{color: #ff9900;}
@media(min-width: 768px){
.header{position: relative;}
.h-top h1{width:50%;}
.h-top .tel1{display: block;}
.h-tel{display: block;}
.h-mid{padding:25px 0 15px; text-align: left;}
.h-mid img{max-width: 100%;}
#h-nav{width:100%;float: left;background: #ffffff;font-size: 16px;overflow: hidden;display: block;}
#h-nav li a{width:24%;}
#h-nav li a:hover{color: #ffffff;background: #1269cc; line-height: 53px; height: 53px; margin-top: -1px; margin-bottom: -1px;}
}
@media (min-width: 992px){
.header .navbar{float: left;}
.h-top span{width:500px;}
.h-top .tel{color: #ffffff;display: block;}
.h-top .tel1{display:none;}
.h-top a{color: #ffffff;font-size: 14px; margin:0 5px;}
.h-top a:hover{color: #8f8f8f;color: #ff9900}
/* .h-tel{margin: 5px 0;}*/
}
/*banner*/
.banner{width:100%;float: left;overflow: hidden; }
.banner .swiper-slide img{width:100%;height: auto;}
@media(min-width:768px){
.banner{margin-top:0px }
}
/*m-pro*/
.m-pro{width:100%; margin-top: 10px;overflow: hidden; background: url(../Image/pro-bg.jpg) no-repeat;padding-bottom: 40px;background-size: 100% 100%;}
.m-pro-hd{width:100%;overflow: hidden;margin-top: 30px; text-align: center;}
.m-pro-hd a{text-align: center;padding:10px 25px;font-size: 16px;background: #ffffff;color: #333333; display:inline-block;overflow: hidden;border-radius: 30px; margin:30px 15px 5px;}
.m-pro-hd a:hover{background: #37c4ff;color: #ffffff;}
.m-pro-hd h1{font-size: 28px; color: #ffffff;}
.m-pro-hd span{font-size: 40px; color: #ffffff;}
.m-pro-hd h2{font-size: 14px; margin-top: 23px; color: #ffffff; line-height: 30px;}
.m-pro-bd{margin-top:15px;width:100%;overflow: hidden;}
.m-pro-bd a.more{width: 220px;height: 43px; border: solid 3px #ffffff;border-radius: 30px; display:block; text-align: center; line-height: 33px; color: #fff; margin:50px auto 0px;}
.m-pro-bd a.more:hover{ border: solid 3px #37c4ff; color: #37c4ff}
.m-pro-left{float: left;overflow: hidden;margin-top: 15px;}
.m-pro-right{overflow: hidden; width: 100%;}
.m-pro-right li{margin:25px 0 0; }
.m-pro-right li img{object-fit: cover;}
.m-pro-right li a{text-align: center;display: block;}
.m-pro-right li a h1{font-size: 16px;color: #ffffff;line-height: 40px; background: #212222; opacity: 0.6; margin-top: -40px;}
.m-pro-right li:hover a{border-color: #ff9600}
.m-pro-right li:hover a h1{color: #ffffff;background: #164899;}
/*m-com*/
.m-com{width:100%;background: url(../Image/m-part2-bg.jpg) center no-repeat #ffffff;margin-top: 50px; overflow: hidden;}
.m-com-hd{width:100%;text-align: center;margin-top: 50px;overflow: hidden;}
.m-com-hd h1{font-size: 28px; color: #333333;}
.m-com-hd span{ font-size: 40px; color: #cccccc; }
.m-com-hd h2{ font-size: 24px; margin-top: 23px; color: #333333; }
.m-com-bd{width:100%;overflow: hidden; text-align: center; padding-bottom: 20px;}
.m-com-bd p{line-height: 32px;font-size: 16px;color: #656565;margin-top: 30px;overflow: hidden;width:100%;max-height: 155px;overflow: hidden;}
.m-com-pic{ text-align: center; margin-top:15px; }
@media (min-width: 1200px){
.m-com-hd h1{font-size: 36px;}
.m-pro-hd h1{font-size: 36px;}
.m-part3-hd h1{font-size: 36px;}
}
@media (min-width: 992px){
.m-com-hd h1{font-size: 36px; }
.m-pro-hd h1{font-size: 36px;}
.m-part3-hd h1{font-size: 36px;}
}
/*m-news*/
.m-part3{width:100%;overflow: hidden;padding:40px 0;}
.m-part3-hd{width:100%;overflow: hidden; text-align:center;}
.m-part3-hd h1{font-size: 28px; color: #333333;}
.m-part3-hd span{ font-size: 40px; color: #cccccc; }
.m-part3-hd h2{ font-size: 16px; margin-top: 23px; color: #333333; line-height: 30px; }
.m-news-left{ background: #f2f2f2; overflow: hidden; margin-top:35px; padding: 40px;}
.m-news-left h1{font-size: 16px; color: #666666; font-weight: bold; }
.m-news-left p{margin-top: 20px; color: #666; line-height: 28px; }
.m-news-left a.xinwen2{ float: right; margin-top: 20px; }
.m-news-left a.xinwen2:hover{text-decoration: underline; }
.m-news-left img{float: left; margin-right: 20px;object-fit: cover;}
.m-news-right{background: #0074cd; margin-top:35px; padding: 20px 25px 40px; }
.m-news-right li{ background: url(../Image/dot.png) 0px 20px no-repeat; text-indent: 1em; border-bottom:dotted 1px #ffffff; line-height: 45px; }
.m-news-right li a{color: #ffffff;}
.m-news-right li a:hover{ color: #37c4ff }
.m-news-right a.xinwen:hover{text-decoration: underline;}
.m-news-right a.xinwen{color: #fff; margin-top: 15px; display: block;}
@media(min-width:992px){
.m-wd{margin-top:0;}
.m-wd-bd li p{line-height: 22px}
.m-new01{padding: 0px;}
}
@media(min-width:1200px){
.m-wd-bd li p{line-height: 27px}
}
/*footer*/
.footer{width:100%; overflow:hidden; }
.f-hd-01{background: #1e1e1e; height: 140px; padding: 30px 30px; color: #fff;}
.f-hd-01pic{ float: left; margin-right: 15px; }
.f-hd-01txt{}
.f-hd-01txt h1{font-size: 16px; font-weight:bold;}
.f-hd-01txt h2{font-size: 16px; font-weight:normal; margin-top: 5px;}
.f-hd-01txt p{ margin-top: 10px; }
.f-hd-02{ height: 140px; padding: 30px 30px; color: #fff; background: -moz-linear-gradient(left top, #2a76f6, #1449a6);
background: -webkit-linear-gradient(left top, #2a76f6, #1449a6);
background: -o-linear-gradient(left top, #2a76f6, #1449a6);}
.f-hd-02pic{ float: left; margin-right: 15px; }
.f-hd-02txt{}
.f-hd-02txt h1{font-size: 16px; font-weight:bold;}
.f-hd-02txt h2{font-size: 16px; font-weight:normal; margin-top: 5px;}
.f-hd-02txt p{ margin-top: 10px; }
.f-hd-03{background: #f1f1f1; height: 140px; padding: 30px 30px; color: #333;}
.f-hd-03pic{ float: left; margin-right: 15px; }
.f-hd-03txt{}
.f-hd-03txt h1{font-size: 16px; font-weight:bold;}
.f-hd-03txt h2{font-size: 16px; font-weight:normal; margin-top: 5px;}
.f-hd-03txt p{ margin-top: 10px; }
.f-hd01{ padding-left: 0px; padding-right: 0px; }
.f-hd-01txt a,.f-hd-02txt a,.f-hd-03txt a{color: #fff; display: block; }
.f-hd-01txt a:hover,.f-hd-02txt a:hover,.f-hd-03txt a:hover{margin-top: -3px;}
.f-hd-03txt a{ color: #333; }
.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{color: #b4b4b4;margin:20px 0 40px;}
.down{display: none;}
}
@media(min-width: 992px){
.footer ul a{width:18.8%;}
.f-con li{text-align: left;}
}
.f-mid{width: 100%; background: #303030; margin-top: -50px; overflow:hidden; padding-top: 100px; padding-bottom: 30px;}
.f-mid h1{font-size: 16px; color: #fff; margin-bottom: 20px;}
.f-mid p{ color: #6c6c6c; line-height: 30px; }
.f-bottom{background: #000000; overflow: hidden; padding: 15px 0px; font-size: 12px; color: #fff; margin-bottom: 50px;}
.f-bottom .left{float: left;}
.f-bottom .left a{margin:0px 10px; color: #fff;}
.f-bottom .right{text-align: center;}
@media(min-width: 992px){
.f-bottom{margin-bottom:0px;}
.f-bottom .right{float: right; text-align: right;}
}
@media(min-width: 768px){
.f-bottom{margin-bottom:0px;}
}
/*list-banner*/
.list-banner{width:100%;float: left;padding:80px 0 60px;max-height: 357px;overflow: hidden;background: url(../Image/l-banner.jpg) center no-repeat;margin-top: 100px; }
.list-banner h1{width:100%;text-align: center;color: #ffffff;font-size: 28px;}
.list-banner h2{width:100%;text-align: center;color: #ffffff;font-size: 30px;text-transform : uppercase;margin-top: 10px;}
@media(min-width: 768px){
.list-banner{padding:110px 0;overflow: hidden; margin-top: 0}
.list-banner h1{font-size: 34px;}
.list-banner h2{font-size: 50px;}
}
@media(min-width: 992px){
.list-banner{padding:130px 0;}
}
/*sidebar*/
.sidebar{width:100%;overflow: hidden;}
.s-hd{width:100%;float: left;background: #1269cc url(../Image/side-bg.jpg) no-repeat;color: #ffffff;font-size: 20px;padding:35px 0px;}
.s-bd{width:100%;float: left;background: #ffffff;padding:15px 15px 30px;box-sizing: border-box;border-left:solid 1px #1269cc;border-right:solid 1px #1269cc;}
.s-bd li{width:100%;float: left;border: solid 1px #cecece;border-radius: 30px;padding:5px 10px;margin-top:10px;}
.s-bd li a{width:95%;float: left;display: block;;overflow: hidden;color: #666666;text-indent: 20px;font-size: 14px;}
.s-bd li span{width:5%;float: right;font-weight: bold;font-family: 瀹嬩綋;color: #dfdfdf;}
.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: #1269cc;color: #ffffff;}
.s-con h1{width:100%;float: left;font-size: 18px; margin-bottom: 15px; }
.s-con p{width:100%;float: left;font-size: 14px; line-height: 1.5;}
.glyphicon b{font-size: 27px;}
/*l-position*/
.l-position{width:100%;float: left;overflow: hidden;font-size: 14px;line-height: 30px;background: #ffffff;margin-bottom: 15px; }
.l-position .container{background: url(../Image/home.jpg) 10px center no-repeat; padding-left:35px;}
@media(min-width: 768px){
.l-position{line-height: 50px;}
}
/*list*/
.list{width:100%;float: left;padding:0px 0 30px;}
.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;}
.list .container{background: #ffffff;overflow: hidden;padding:0px 15px;line-height: 260%;min-height: 300px;}
.l-right{overflow: hidden;line-height: 260%; border:solid 1px #eeecec; padding:20px 20px;}
.page{float: left;border-top:solid 1px #cccccc;width:100%;text-align: right;margin-top: 30px;}
.tz-gallery{padding:0;}
.page{float: left;border-top:solid 1px #cccccc;width:100%;text-align: right;margin-top: 30px;}
/*浜у搧鍒楄〃椤?/
.side-pad{padding-left: 0px;}
.list-pad{ padding-right: 0px; }
.pro{overflow: hidden;float: left;width:100%;}
.pro li{margin-bottom: 15px;}
.pro li img{border:solid 1px #cccccc;object-fit: cover;}
.pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;height: 40px;overflow: hidden;width:100%;}
.pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;}
.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:35px; overflow: hidden; background-color: #f0f0f0;}
.p-content .title h2{ width: 100px; text-align: center; height: 35px; overflow: hidden; color: #fff; font-size: 15px; line-height: 35px; font-weight: 700; background: #1269cc;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 50px 0; overflow: hidden;}
/*鏂伴椈棣栭〉鏍峰紡*/
.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;}
.list-title{font-size: 24px; color: #1268cb; margin-bottom: 10px;}
/* 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:.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: #1269cc;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.message #submit:hover{
background: #0075c5;
}
/* go top */
.plugin-fixed-call{position:fixed;bottom:260px;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:260px;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;}