/*样式初始化*/
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{font-family:microsoft yahei;margin:0;}
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;}
/*header*/
.header{overflow: hidden;position: fixed;z-index: 999;width:100%;}
.h-top{background: #313d4d;float: left;width:100%;color: #ffffff;height: 35px;line-height: 35px;}
.h-top .lt{float: left;color: #ffffff;display: none;}
.h-top .lt2{background: url(../Image/h-top-icon.png) 15px center no-repeat;font-size:16px;font-weight: bold;color: #ffffff;padding:10px 15px 10px 48px ;}
.h-top .lt2 font{font-size: 14px;}
.h-top p{float: right;display: none;margin:0;color: #ffffff;}
.h-top p a{color: #ffffff;}
.h-mid{width:100%;float: left;background: #ffffff;padding:5px 0;}
.h-mid .navbar-toggle{margin:8px 15px 0 0;float: none;}
.h-logo img{max-width: 100%;vertical-align: middle;}
.h-nav{display: none;padding:0;}
.h-nav .left,.h-nav .right{padding:0;}
#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;}
.h-top{height: 30px;line-height: 30px;}
.h-top .lt{display: block;}
.h-mid{padding:15px 0;}
.nav{float: right;}
.h-nav{width:100%;float:right;display: block}
.h-nav li{width:25%;float: left;padding:5px 0;}
.h-nav li h1{width:100%;float: left;color: #434343;font-size: 16px;text-align: center;}
.h-nav li:hover{background: #1457be;}
.h-nav li:hover h1{color: #ffffff;}
#h-nav{display: none!important;}
}
@media (min-width: 992px){
.h-mid{line-height: 80px;}
.h-top{height: 35px;line-height: 35px;}
.h-top .rt{display: block;line-height: 35px;}
.h-top a{color: #8f8f8f;}
.h-top a:hover{color: #8f8f8f;color: #ff9900}
.h-nav li{padding:10px 0;}
}
@media (min-width: 1200px){
.header .navbar{height:160px;}
.h-mid{padding:0;}
.h-top{height: 35px;line-height: 35px;}
.h-top .rt{display: block;line-height: 35px;}
.h-top a{color: #8f8f8f;}
.h-top a:hover{color: #8f8f8f;color: #ff9900}
.h-mid{height: 125px;line-height: 125px;}
.h-logo{line-height:125px; }
.h-nav li{height: 125px;padding:55px 0;}
}
/*banner*/
.banner{width:100%;float: left;overflow: hidden;margin-top: 115px;}
.banner .swiper-slide img{width:100%;height: auto;}
@media(min-width:768px){
.banner{margin-top:0px }
}
/*m-search*/
.m-search{width:100%;background: #f2f2f2;overflow: hidden;}
.m-keywords{float: left;width:100%;overflow: hidden;color: #555555;line-height: 32px;margin:12px 0;height: 32px;}
.m-keywords span{color: #6f6f6f;font-weight: bold;}
.m-keywords a{color: #6f6f6f;}
.m-keywords a:Hover{color: #0269ac;}
.search{ width: 100%; margin: 12px auto; overflow: hidden;height: 32px;background: #ffffff;}
#input_search{ width:87%; border:none; float: left; background-color: #f0f0f0; height:32px;text-indent:15px; color: #adb2b2; background: #ffffff;}
#btn_search{ width:13%; height:32px; float: right; border:none; background:url(../Image/search_btn.jpg) center no-repeat #818181; text-indent:-9999px; }
/*m-pro*/
.m-pro{width:100%;overflow: hidden;}
.m-pro-hd{margin-top: 20px;box-sizing: border-box;text-align: center;}
.m-pro-hd img{max-width:60%;}
.m-pro-mid{text-align: center;margin:30px 0;overflow: hidden;}
.m-pro-mid li{width:30%;display: inline-block;margin:1%;}
.m-pro-mid li a{width:100%;padding:10px 0;text-align: center;font-size: 16px;color: #444444;display: block;border-radius: 5px;background: #d4d4d4;}
.m-pro-mid li a:hover{background: #1457be;color: #ffffff;}
.m-pro-bd{width:100%;float: left;background: #e7e7e7;overflow: hidden;padding:30px 0;}
.m-pro-bd li{margin-bottom: 30px;text-align: center;}
.m-pro-bd li img{width:100%;object-fit: cover;}
.m-pro-bd li h1{width:100%;float: left;text-align: center;font-size: 16px;color: #333;padding:15px 0;margin:0;overflow: hidden;/*background: #313d4d;*/}
.m-pro-bd li:hover h1{background: #0269ac;color: #fff;}
@media(min-width: 768px){
.m-pro-hd hr{margin-top: 30px;}
}
@media(min-width:992px){
.m-pro-mid li{width:12%;}
}
@media(min-width: 1200px){
}
/*m-com*/
.m-com{width:100%;float: left;overflow: hidden;}
.m-com-left{width:100%;float: left;overflow: hidden;background: #0269ac;padding-bottom: 40px;}
.m-com-left .txt{width:100%;float: left;overflow: hidden;padding:0 15px;}
.m-com-left .txt h1{width:100%;float: left;overflow: hidden;font-size: 32px;color: #ffffff;font-weight: bold;margin-top: 30px;}
.m-com-left .txt h2{width:100%;float: left;overflow: hidden;font-size: 22px;color: #ffffff;font-weight: bold;margin-top: 10px;padding-bottom: 2px;}
.m-com-left .txt p{width:100%;float: left;overflow: hidden;font-size: 14px;color: #8dc1ff;line-height: 30px;margin-top: 20px;}
.m-com-left .txt p a{color: #8dc1ff;}
.m-com-left .txt p a:hover{color: #ff9900;}
.m-com-left .txt ul{float: left;width:100%;overflow: hidden;margin-top: 20px;}
.m-com-left .txt ul li{width:31%;text-align: center;float: left;margin:0 1%;}
.m-com-left .txt ul li img{float: left;}
.m-com-left .txt ul li p{color: #ffffff;font-size: 12px;line-height: 26px;width:115px;float:left;text-align: left;margin:0 0 0 5px;}
.m-com-right{width:100%;float: left;background: #313d4d;text-align: center;}
.m-honor{width: 100%;overflow: hidden;padding:30px 20px;box-sizing: border-box;overflow: hidden;background: #313d4d;}
.m-honor iframe{width:100%;height: 260px;}
.m-honor img{max-width: 100%;max-height: 340px;}
@media(min-width: 768px){
.m-com-left .txt h1{font-size: 38px;margin-top: 30px;}
.m-com-left .txt h2{font-size: 28px;}
.m-com-left .txt p{font-size: 16px;}
.m-com-left .txt ul li p{font-size: 16px;}
.m-com-right{height: 483px;}
.m-honor{/*padding:80px;*/padding:40px;}
.m-honor iframe{width:100%;height: 400px;}
}
@media(min-width: 992px){
/*.m-honor{padding:80px 30%;}*/
}
@media(min-width: 1200px){
.m-com{height:483px;}
.m-com-left{width:50%;height: 100%}
.m-com-left .txt{width:600px;float: right;}
.m-com-left .txt h1{width:100%;font-size: 45px;margin-top: 45px;}
.m-com-left .txt h2{font-size: 32px;margin-top: 10px}
.m-com-left .txt p{width:95%;font-size: 16px;}
.m-com-right{width:50%;float: left;background: #313d4d;height: 100%;}
.m-honor{width:585px;overflow: hidden;/*background: url(../Image/m-honor-bg.jpg) center no-repeat;*/float: left;text-align: left;/*padding:65px 90px 65px 37px;*/padding:40px 0px 65px 37px;}
}
/*m-case*/
.m-case{width:100%;float: left;padding:50px 0 20px;overflow: hidden;background: #f0eeee;}
.m-case-hd{width:100%;float: left;text-align: center;}
.m-case-hd h1{width:100%;float: left;text-align: center;font-size: 32px;font-weight: bold;color: #727272;}
.m-case-hd h1 span{color: #0269ac;}
.m-case-hd h1 font{color: #313d4d;}
.m-case-hd h2{color: #727272;font-size: 16px;text-align: center;width:100%;float: left;margin:15px 0;}
.m-case-bd{width:100%;float: left;margin-top: 25px;overflow: hidden;}
.m-case-bd li{overflow: hidden;text-align: center;margin-bottom: 30px;}
.m-case-bd li h1{width:100%;float: left;text-align: center;line-height: 38px;font-size: 16px;color: #505050;background: #ffffff;}
.m-case-bd li:hover h1{background: #0269ac;color: #ffffff;}
/*m-news*/
.m-news{padding:30px 0;}
.m-news-hd{width:100%;float: left;height: 39px;background: url(../Image/m-news-hd-bg.jpg) repeat-x;line-height: 39px;border-right:solid 1px #eeeeee;}
.m-news-hd h1{width:250px;float: left;height: 39px;background: #0269ac;color: #ffffff;font-size: 18px;line-height: 39px;text-align: center;}
.m-news-hd a{float: right;color: #787878;font-size: 15px;margin-right: 10px;}
.m-news-hd a:hover{color:#0269ac }
.m-news-bd{width:100%;float: left;}
.m-news-bd .lt{text-align: center;float: left;margin-top: 30px;}
.m-news-bd img{padding:3px;border:solid 1px #eeeeee;float: left;}
.m-news-bd .rt{float: right;margin-top: 10px;}
.m-news-bd ul{width:100%;background: url(../Image/m-news-rt.jpg) left center no-repeat;float: left;padding-left:5%;overflow: hidden;}
.m-news-bd ul li{width:95%;float: left;border-bottom:dotted 1px #cecece; height: 45px;line-height: 45px;color: #757575;font-size: 16px;overflow: hidden;}
.m-news-bd ul li:hover{color: #0269ac;}
/*m-con*/
.m-con{padding:30px 0;float: right;}
.m-con-hd{width:100%;float: left;height: 39px;background: url(../Image/m-news-hd-bg.jpg) repeat-x;line-height: 39px;border-right:solid 1px #eeeeee;border-left:solid 1px #eeeeee;}
.m-con-hd h1{float: left;height: 39px;color: #0565bc;font-size: 18px;line-height: 39px;text-align: center;text-indent: 15px;}
.m-con-bd{width:100%;float: left;padding:15px;border:solid 1px #eeeeee;}
.m-con-bd li{float: left;width:100%;margin:3px 0;}
.m-con-bd li span{font-size: 26px;color: #086aac;float: left;width:10%;}
.m-con-bd li p{font-size: 16px;color: #757575;line-height: 30px;float:left;width:90%;}
.m-con-bd img{margin-top: 15px;}
@media(min-width: 1200px){
.m-con-bd li{line-height: 33px;height: 33px;}
}
/*footer*/
.footer{width:100%;overflow: hidden;padding-bottom: 52px;}
.f-hd{width:100%;background: #414141;overflow: hidden;}
.f-left{text-align: center;padding:15px 0 30px;}
.f-nav ul{margin-top: 15px;}
.f-nav li{color:#919191;padding:10px 0;width:25%;float: left;text-align: center; }
.f-nav li a{color:#919191;font-size: 16px; }
.f-nav li a:hover{color:#005aae; }
.f-nav p{float: left;width:100%;color: #919191;font-size: 12px;line-height: 30px;text-align: center;}
.f-ewm{padding:15px 0;text-align: center;}
.f-ewm img{max-width: }
.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{padding:50px 0 0px;}
.f-nav h1{display: block;font-size: 18px;color: #ffffff;}
.f-nav p{font-size: 14px;}
.f-con h1{font-size: 18px;display: block;}
.f-con p{font-size: 16px;line-height: 28px;text-align: left;padding-top:0;}
.f-bd{margin-bottom:0;}
.down{display: none;}
}
/*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{overflow: hidden; margin-top: 0;padding:110px 0;}
.list-banner h1{font-size: 34px;}
.list-banner h2{font-size: 50px;}
}
@media(min-width: 992px){
.list-banner{padding:130px 0;}
}
/*sidebar*/
.side{width:100%;overflow: hidden;float: left;padding:15px 0;background: #ffffff;}
.side ul{width:100%;float: left;min-height: 30px;}
.side ul li{/*margin-top: 15px;*/}
.side ul a{display: inline-block;background: #cccccc;text-align: center;color: #343434;font-size: 16px;width:100%;overflow: hidden;line-height: 50px;height: 50px;}
.side ul a:hover{background: #1951ae;color: #ffffff;}
/*l-position*/
.l-position{width:100%;float: left;overflow: hidden;font-size: 16px;line-height: 30px;background: #ffffff;margin-bottom: 15px;}
@media(min-width: 768px){
.l-position{line-height: 50px;}
}
/*list*/
.list{width:100%;float: left;background: #f0f0f0;padding:27px 0;}
.list .container{background: #ffffff;overflow: hidden;padding:30px 15px;line-height: 260%;min-height: 300px;font-size: 110%}
.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;}
.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: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{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: #1b5da8;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.message #submit:hover{
background: #0075c5;
}