/*样式初始化*/
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;}
img{max-width: 100%;}
h1,h2,h3,h4,h5,h6{margin:0;}
.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;}
@media(min-width: 1200px){
.container{padding:0;}
}
/*header*/
.header{overflow: hidden;position: fixed;z-index: 999;width:100%;}
.h-mid{width:100%;float: left;background: #ffffff;}
.h-mid .h-logo{height: 100px;}
.h-mid .navbar-toggle{margin:0px;float: right;}
.h-mid .right{width:100%;float: left;}
.h-mid .right .hd{width:100%;float: left;}
.h-mid .right .hd .gg{width:100%;float: left;background: url(../Image/header-icon.png) left center no-repeat;padding-left: 30px;overflow: hidden;}
.h-mid .right .hd .gg li{line-height: 45px;color: #666666;overflow: hidden;width:100%;overflow: hidden;height: 45px;}
.h-mid .right .hd .rt{line-height: 45px;font-size: 14px;color: #0c64ea;font-weight: bold;text-align: right;}
.h-mid .right .bd{width:100%;float: left;}
.h-nav{display: none;}
#h-nav{width:100%;float: left;background: #282727;}
#h-nav li{width:100%;float: left;height: 40px;border-bottom: solid 1px #cecece;color: #ffffff;line-height: 40px;font-size: 16px;text-align: center;}
#h-nav li:hover{clear: #1457be;}
@media(min-width: 768px){
.header{position: relative;}
.header .navbar{height:110px;background: url(../Image/header-bg.jpg);width:100%;}
.h-mid{background:none;}
.h-mid .h-logo{height:auto;}
.h-mid .right .hd .rt{font-size: 16px;}
.nav{float: right;width:100%;}
.h-nav{width:100%;float: left;display: block;margin-top: 25px;}
.h-nav li{width:14.2%;float: left;}
.h-nav li h1{width:100%;float: left;color: #333333;font-size: 16px;text-align: center;font-weight: bold;}
.h-nav li span{width:100%;height: 3px;display: block;margin-top:15px;background: #fff;overflow: hidden;float: left;}
.h-nav li:hover h1{color: #0e3d9e;}
.h-nav li:hover span{background: #0e3d9e;}
#h-nav{display: none!important;}
}
@media (min-width: 992px){
.header .navbar{height:150px;}
.h-nav{margin-top: 48px;}
.h-nav li span{margin-top:34px;}
}
@media (min-width: 1200px){
.header .navbar{height:160px;}
}
/*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:0px }
}
/*m-type*/
.m-type{width:100%;float: left;margin-top: 35px;padding-bottom: 25px;}
.m-type-hd{width:100%;float: left;}
.m-type-hd .left{width:100%;float: left;background: url(../Image/m-type-icon.jpg) center #0954dc;font-size: 22px;color: #fff;height: 65px;line-height: 65px;text-indent: 120px;}
.m-type-hd .right{width:100%;float: left;background: #3675e8;height: 65px;}
.m-type-hd .right .lt{width:100%;float: left;padding-left: 30px;}
.m-type-hd .right .lt h1{width:100%;float: left;font-size: 14px;color: #fff;line-height: 30px;margin-top: 5px;}
.m-type-hd .right .lt h2{width:100%;float: left;font-size: 20px;color: #fff;font-weight: bold;background: url(../Image/m-type-icon2.png) left no-repeat;text-indent:25px;}
.m-type-hd .right .rt{width:100%;float:left;}
.m-type-hd .right .rt li{width:50%;float:left;height: 65px;}
.m-type-hd .right .rt li h1{width:100%;float:left;color: #fff;font-size: 12px;text-indent: 45px;line-height: 26px;margin-top: 10px;}
.m-type-hd .right .rt li h2{width:100%;float:left;color: #bce8ff;font-size: 12px;text-indent: 45px;}
.m-type-hd .right .rt .qq{background: url(../Image/m-type-icon3.png) left center no-repeat;}
.m-type-hd .right .rt .wx{background: url(../Image/m-type-icon4.png) left center no-repeat;}
.m-type-hd .right .rt .wb{background: url(../Image/m-type-icon5.png) left center no-repeat;}
.m-type-bd{width:100%;float: left;overflow: hidden;margin-top: 15px;}
.m-type-bd .bd{overflow: hidden;}
.m-type-bd .bd ul{padding: 0;margin-top: 15px;}
.m-type-bd .bd ul li{position: relative;padding:0;text-align: center;}
.m-type-bd .bd ul li img{width:100%;object-fit: cover;padding:0 15px ;}
.m-type-bd .bd ul li span{width:30px;height: 30px;background: url(../Image/m-type-icon6.png);display: block;position: absolute;top:0;right:15px;display: none;background-size: 30px 30px;}
.m-type-bd .bd ul li h1{width:100%;color: #701a00;font-size: 16px;text-align: center;position: absolute;display: none;font-weight: bold;}
.m-type-bd .bd ul li:hover span{display: block;}
.m-type-bd .bd ul li:hover h1{bottom:50px;left:0;display: block;}
.m-type-bd .hd{width:100%;height: 45px;background: url(../Image/jiantou.jpg) center no-repeat;text-align: center; float: left;}
.m-type-bd .hd a{width:45px;height: 45px;display: inline-block; }
@media(min-width: 768px){
.m-type-hd .right .rt li{width:33%;}
.m-type-hd .right .rt li h1{font-size: 14px;}
.m-type-bd .bd ul li span{width:85px;height: 85px;background-size: 85px 85px;}
}
@media(min-width: 992px){
.m-type-hd .left{text-indent: 90px;}
}
@media(min-width: 1200px){
.m-type-hd .left{text-indent: 120px;}
}
/*m-pro*/
.m-pro{width:100%;overflow: hidden;background: #ececf4;padding:20px 0;}
.m-pro li{margin: 20px 0;}
.m-pro li .img{width:100%;border:solid 1px #ededed;overflow: hidden;position: relative;}
.m-pro li .img img{width:100%;object-fit: cover;transition:all .5s;}
.m-pro li h1{width:100%;float: left;text-align: center;font-size: 14px;color: #fff;overflow: hidden;transition:all .5s;font-weight: bold;bottom:30px;left:0;position:absolute;display: none;z-index: 1}
.m-pro li:hover .img:before{border-color:#fff;background: url(../Image/m-pro-icon.png) center no-repeat #0456d4;width:100%;height: 100%;content: "";position: absolute;top:0;left:0;transition:all .5s;}
.m-pro li:hover h1{display: block;}
@media(min-width: 768px){
.m-pro h1{font-size: 28px;}
.m-pro h2{font-size: 20px;}
}
@media(min-width:992px){
/*.m-pro li .img{height: 185px;}*/
}
@media(min-width: 1200px){
/*.m-pro li .img{height: 225px;}*/
}
/*part1*/
.m-part1{width:100%;float: left;background: #0e3d9e;padding:53px 0;}
.m-part1-bg{width:100%;background: #fff;}
.m-part1-hd{width:100%;float: left;}
.m-part1-hd .left{margin: 15px auto 0;display: block;}
.m-part1-hd .mid{width:100%;float: left;margin-top:15px;}
.m-part1-hd .mid h1{width:100%;float: left;font-size: 24px;color: #0e3d9e;border-bottom: solid 2px #e0e0de;line-height: 60px;}
.m-part1-hd .mid p{float: left;line-height: 30px;color: #454545;margin:25px 0;width:100%;overflow:hidden;}
.m-part1-hd .mid a{float: left;font-size: 40px;font-weight: bold;color: #0e3d9e;width:40px;height: 40px;line-height: 32px;border-radius:100px;text-align: center;transition: all .5s}
.m-part1-hd .mid a:hover{background: #0e3d9e;color: #fff;display: block;}
.m-honor{width:100%;float: left;margin-bottom: 15px;}
.m-honor .hd{width:100%;float: left;text-align: right;background: url(../Image/jiantou.jpg) right center no-repeat;}
.m-honor .hd a{width:45px;height: 45px;display: inline-block;cursor: pointer;}
.m-honor .bd{float: left;border:solid 1px #e0e0de;padding:0px 0;margin-top: 20px;overflow: hidden;width:100%;}
.m-honor .bd ul{margin:0;}
.m-honor .bd ul li{padding:0;}
.m-honor .bd ul li .img{float: left;/*margin-right: 20px;*/}
.m-honor .bd ul li img{object-fit: cover;}
.m-part1-bd{width:100%;float: left;margin-top: 15px;overflow: hidden;padding-bottom: 30px;}
.m-photo-hd{width:100%;float: left;}
.m-photo-hd h1{width:200px;float: left;border-left:solid 3px #0e3d9e;font-size: 24px;color: #0161c8;height: 60px;line-height: 60px;text-indent: 20px;}
.m-photo-hd a{float: right;font-size: 40px;font-weight: bold;color: #0e3d9e;width:40px;height: 40px;line-height: 32px;border-radius:100px;text-align: center;transition: all .5s}
.m-photo-hd a:hover{background: #0e3d9e;color: #fff;display: block;}
.m-photo-bd{margin-top: 10px;float: left;width:100%;}
.m-photo-bd li{padding:0;}
.m-photo-bd li .img{margin:0 15px;border:solid 1px #cecece;overflow: hidden;}
.m-photo-bd li .img img{object-fit: cover;transition: all .5s;width:100%;}
.m-photo-bd li:hover .img{border-color: #0e3d9e;}
.m-photo-bd li:hover .img img{transform: scale(1.1,1.1);}
@media(min-width: 768px){
.m-honor .bd ul li{}
.m-honor .bd ul li .img{margin-right: 0px;}
.m-honor .bd ul li img{}
}
@media(min-width:992px){
.m-part1-bg{background: #fff;width:100%;margin:0 auto;}
.m-part1-hd .left{margin-top: 65px;}
.m-part1-hd .mid{margin-top: 50px;}
.m-part1-hd .mid p{height: 120px;}
.m-honor{margin-bottom: 0px;}
.m-honor .bd ul li{height:260px}
.m-honor .bd ul li .img{margin-right: 0px;}
.m-honor .bd ul li img{height: 260px}
/* .m-honor .bd ul li .img{margin-right: 20px;}*/
}
@media(min-width:1200px){
.m-part1-bg{background: #fff;width:100%;margin:0 auto;}
.m-part1-hd .mid p{height: 180px;}
.m-honor .bd ul li{height: 325px}
.m-honor .bd ul li img{height: 325px}
}
@media(min-width:1500px){
.m-part1-bg{background: #fff;width:1500px;margin:0 auto;}
}
/*m-news*/
.m-news{width:100%;float: left;background: url(../Image/m-news-bg.jpg) center top no-repeat;}
.m-news-hd{width:100%;float: left;background: url(../Image/m-news-hd.png) center bottom no-repeat;text-align: center;margin:30px 0 23px;padding-bottom: 16px;}
.m-news-hd h1{color: #0161c8;font-size: 28px;}
.m-news-hd h2{color: #999999;font-size: 18px;line-height: 26px;text-transform: uppercase;}
.m-news-bd{float: left;width:100%;}
.m-news-bd .left{float: left;width:100%;margin-bottom: 28px;}
.m-news-bd .left .lt{float: left;background: #0e3d9e;padding:40px 25px;color: #fff;}
.m-news-bd .left .lt h1{float: left;width:100%;font-size: 18px;height: 20px;line-height: 20px;overflow: hidden;}
.m-news-bd .left .lt h2{float: left;width:100%;font-size: 16px;line-height: 40px;margin-top: 15px;}
.m-news-bd .left .lt p{float: left;line-height: 26px;overflow: hidden;}
.m-news-bd .left .rt{float: right;width:300px;}
.m-news-bd .left .rt img{object-fit: cover;height: 330px;width:100%;}
.m-news-bd .left .lt:hover h1{font-weight: bold;}
.m-news-bd .right li{width:100%;float: left;margin-bottom: 28px;background: #e0e0e2;transition:all .5s;}
.m-news-bd .right li .lt{width:94px;height:92px;float: left;background: #a8c0ec;text-align: center;color: #fff;}
.m-news-bd .right li .lt h1{font-size: 40px;font-weight: bold;margin-top: 13px;line-height: 50px;}
.m-news-bd .right li .lt h2{;font-size: 16px;}
.m-news-bd .right li .rt{float:right;padding:15px;line-height: 30px;color: #666666;transition:all .5s;overflow: hidden;width:280px;height: 80px; }
.m-news-bd .right li:hover{background: #0e3d9e;}
.m-news-bd .right li:hover .rt{color: #fff;}
@media(min-width: 768px){
.m-news-bd .left .lt{width:455px;padding:30px 15px;}
.m-news-bd .left .lt p{height: 184px;}
.m-news-bd .left .rt{width:265px;height: 330px;}
.m-news-bd .right li .rt{width:600px;height: 80px;}
}
@media(min-width: 992px){
.m-news-bd .left{margin-bottom: 0px;}
.m-news-bd .left .lt{width:270px;}
.m-news-bd .right li .rt{width:280px;height: 80px;}
}
@media(min-width: 1200px){
.m-news-bd .left .lt{height: 329px;width:370px;}
.m-news-bd .left .lt p{height: 156px;}
.m-news-bd .left .rt{width:300px;height: 330px;}
.m-news-bd .right li .rt{width:375px;height: 90px;}
}
/*m-con*/
.m-con{width:100%;float: left;padding:23px 0;background: #ececf4;}
.m-con-left{float: left;color: #fff;padding:39px 32px;background: linear-gradient(#0557da, #0e6ef4);position: relative;width:100%;}
.m-con-left h1{float: left;font-size: 28px;}
.m-con-left h2{float: left;font-size: 22px;margin-top: 20px;width:100%;}
.m-con-left a{width:100px;height: 38px;text-align: center;line-height: 38px;background: #fff;color: #0e3d9e;font-size: 16px;display: block;float: left;margin-top: 40px;}
.m-con-left a:hover{background: #052b5a;color: #fff;}
.m-con-left img{position: absolute;right:17px;max-width: 50%;bottom:20px;}
.m-con-right #allmap{width:100%;float: left;height:230px; }
@media(min-width: 768px){
.m-con-left img{max-width: 100%;/*top:35px;*/}
}
@media(min-width: 992px){
.m-con-left img{max-width: 50%;/*top:70px;*/}
}
@media(min-width: 1200px){
.m-con-left img{max-width: 100%;/*top:35px*/;}
}
/*footer*/
.footer{width:100%;overflow: hidden;background: #052b5a;margin-bottom: 52px;}
.f-hd{width:100%;overflow: hidden;padding:10px 0;text-align: center;}
.f-hd a{font-size: 16px;color: #fff;width:20%;display: inline-block;text-align: center;line-height: 30px;}
.f-hd a:Hover{color: #f57f05;}
.f-bd{width:100%;float: left;color: #fff;text-align: center;font-size: 14px;margin:0px 0 20px;line-height: 20px;}
.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{margin-bottom: 0px;}
.f-hd{padding:25px 0 15px;}
.f-hd a{width:10%;}
.down{display: none;}
}
/*sidebar*/
.sidebar{width:100%;float: left;}
.s-hd{width:100%;float: left;text-align: center;color: #fff;background: #0256d0;padding:25px 0;}
.s-hd .hd{font-size: 30px;font-weight: bold;}
.s-hd .bd{font-size:18px;}
.s-bd{width:100%;float: left;background: #d9d9d9;padding:20px;}
.s-bd a{width:100%;height: 40px;background: url(../Image/s-icon.png) 20px center no-repeat #fff;color:#333333;margin-bottom: 15px;line-height: 40px;text-indent: 35px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.s-bd a:Hover{background: url(../Image/s-icon2.png) 20px center no-repeat #1763d1;color:#fff; }
.s-con{margin-top: 34px;width:100%;float: left;}
.s-con p{width:100%;background: #eeeeee;color: #666666;line-height: 30px;padding:18px;float: left;}
/*list*/
.list{width:100%;float: left;margin:15px 0;}
.l-hd{width:100%;float: left;margin-bottom:15px }
.l-hd a{float: left;text-align: center;padding-top:5px;border:solid 1px #0256d0;color: #0256d0;font-size: 16px;margin-bottom: 10px;padding-bottom: 5px;width:100%;}
.l-hd a:hover{background: #0256d0;color: #fff;}
.l-right-hd{width:100%;float: left;background: #e4e4e4;height: 50px;line-height: 50px;}
.l-right-hd span{font-size: 22px;color: #0256d0;font-weight: bold;float: left;margin-left: 20px;}
.l-right-hd p{float: right;margin-right: 20px;}
.l-right-bd{width:100%;float: left;line-height: 260%;padding:30px 0;}
.page{float: left;border-top:solid 1px #cccccc;width:100%;text-align: right;margin-top: 30px;}
/*产品列表页*/
.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: 10px;line-height: 40px;text-align: center;color: #333333;height: 40px;overflow: hidden;width:100%;}
.pro li:hover h1{color: #1b5da8;}
.pro li:hover img{border:solid 1px #1b5da8;}
@media(min-width: 768px){
.pro li h1{font-size: 16px;line-height: 40px;}
}
/*产品内容页样式*/
.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;}
/*新闻首页样式*/
.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;}
/* message styles */
.message{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: #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;}