@charset "utf-8";
html,body{ font:14px/1.7 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#f7f7f7; -webkit-text-size-adjust:none;    letter-spacing: 0.4px;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; display:block;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
clear{ clear:both;}
.BMap_Marker img{ max-width:none !important;}
.BMap_shadow div{display:none;}
.fl{float:left;}
.fr{float:right;}
.container{max-width:100%;}
.container img{
margin: 0 auto
}
/*头部*/
header{ width:100%; position: relative;top: 0;  background:#fff;     top: 0px;  line-height:100px; height: 100px;  transition: all .3s ease;    z-index: 100; }
header .container{display: table;      width: 100%;       padding: 0 4%;  margin: 0 auto; height: 100%;}
header .la-x{float:right;}
header .la-x a{display:block;background:url(../images/lan.png) no-repeat left; background-size:28px 28px;    padding-left: 40px; color:#fff; font-size:16px;}
header:hover .la-x a{ background:url(../images/lan1.png) no-repeat left;background-size:28px 28px;    padding-left: 40px; color:#333; }

.top-logo{float: left;top: 31px;  position: relative;    z-index: 10;   }
.top-logo img.img2{top:0; left:0;  display: none;}
header.hover-animate { background: #fff;  position: fixed;top: 0}
header.hover-animate nav ul li a{color:#333;}
header.hover-animate .r-c span i::before{ background: #333;}
header.hover-animate .r-c span i{ background: #333;}
header.hover-animate .r-c span i::after{ background: #333;}
header.hover-animate .r-c span.Tmenu_icon {border: solid 1px #333;}
.met_flash img{width:100%;}
.r-c{     cursor: pointer;  float:right;    margin-top:35px;}
.r-c a{ display:block; width:30px; height: 30px; background:url("../images/sear.png") no-repeat;}
.r-h{display:none; position: fixed;top: 0; left: 0; width: 100%; height: 100%;z-index: 998;background-color: rgba(0, 0, 0, .7);transition: .3s; cursor: pointer;}
.r-ct{padding: 36px 60px;   position: fixed;top: 0;top:-100%;width:100%; background:#fff;background-size:cover; z-index: 999;transition: .5s cubic-bezier(.77,0,.175,1); overflow: auto;}
.r-ct.r-co{top:0;}
.r-ct h5{   margin-top: 10%; color: #fff;  position: relative;padding-left: 45px;    padding-bottom: 0;margin-bottom: 20px;font-size: 22px;}
.r-ct h5::before { content: '';width: 30px;height: 3px;border-radius: 4px; background-color: #a50010; display: block;position: absolute;top: 17px;left: 0;}
.r-ct h5::after { content: '';width: 15px;height: 3px; border-radius: 4px;background-color: #a50010;display: block;position: absolute;top: 9px;left: 15px;}
.cha{width: 100%;height: 25px; cursor: pointer;position: absolute;top: 20px; right: 60px}
.cha img{    float: right;}
.r-l img{margin:0 auto;}
.r-h.r-o{display:block;visibility: visible}
/* 搜索 */
.search-trigger{       margin: 0 auto;  z-index: 1000;     position: relative; width: 60%; text-align: center; vertical-align: middle; cursor: pointer; }
.search-box{ border-bottom: 1px solid #888;  height:54px; color: #888; line-height: 34px; white-space: nowrap; }
.search-txt{ padding: 0 44px 0 0 ; }
.search-txt input{font-size: 15px; border: none;background: none; outline: none;display: block; width: 100%; height:54px;  line-height: normal; color:#333; }
input.search-btn{ position: absolute; right: 0; top:0; height:100%; width:30px;height:54px;  cursor: pointer; background: url(../images/se.png) no-repeat center;border: none;outline: none;   }
input::input-placeholder{color:#fff; } 
::-webkit-input-placeholder { /* WebKit browsers */ color:#fff; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#fff;  } 
::-moz-placeholder { /* Mozilla Firefox 19  */ color:#fff;  } 
:-ms-input-placeholder { /* Internet Explorer 10  */ color:#fff;  } 
/*导航*/
nav ul li{  transition: all .3s ease;      padding: 0 50px;    display: inline-block;text-align: center; }
nav ul li:hover{}
header nav ul li:hover a{color:#003b92;}
nav ul li a{ display: block;color: #333;font-size: 16px;   }
nav ul li dl.header-mulu{ line-height: 0;    transition: .3s all ease;        background: rgba(0,0,0,.8);    display: none;   position: absolute;top: 100px;z-index: 9;width: 100%;left: 0;}
nav ul li:hover dl.header-mulu{display:block;}
nav ul li dl.header-mulu { text-align: center;}
nav ul li dl dd{ display:inline-block;    padding: 8px 30px;}
nav ul li dl dd a{ font-size: 15px;    color: #fff;line-height: 1.3;margin: 20px 0;display: block;}
nav ul div{float:left;}
header nav ul li:hover dl dd a{color:#fff;}
nav ul li dl dd a:hover{color:#003b92;}
/*nav ul li:hover dl{ opacity:1;}*/
.hover-animate nav ul li dl.header-mulu a{color:#fff;}
.hover-animate nav ul li dl.header-mulu dd a:hover{color:#fff;}
.hover-animate nav ul li:hover a{}
nav{      width: 100%; margin: 0 auto; text-align: center; }
.hover-animate  .la-x a{ background:url(../images/lan1.png) no-repeat left;background-size:28px 28px;    padding-left: 40px; color:#333; }

.flexslider .slides > li .f-img{overflow: hidden;height:100vh; width: 100%; -webkit-animation: zoom 20s; animation: zoom 20s;}
.flexslider .slides .bslid{position:absolute;text-align: left; top: 39%;width:100%;color:#fff;}
.flexslider .slides .bslid h2{font-size:54px;font-weight: 600; animation-delay: .1s;   padding-bottom: 2%;}
.flexslider .slides .bslid span{width:65%;animation-delay: .2s; display:block;font-size:22px;}
.flexslider .slides .bslid dl dd{display: inline-block;text-align: center; width: 190px;margin: 2% 1% 0 1%;   height: 60px;line-height: 60px;background:#fff;transition: all .5s ease;animation-delay: .3s;    font-weight: 600;display: none;}
.flexslider .slides .bslid dl dd a{color:#666;}
.flexslider .slides .bslid dl dd:nth-child(1){background:#006533;}
.flexslider .slides .bslid dl dd:nth-child(1) a{color:#fff;}
.flexslider .slides .bslid dl dd:hover{background:#f8981c;}
.flexslider .slides .bslid dl dd:hover a{color:#fff;}
.bannerbox{width:100%; overflow:hidden;}
/*导航按钮*/
.menu_h { display:none; background:none; border:none; outline:none; width:30px; height:20px; position:absolute; right:0; z-index:399; cursor:pointer;}
.menu_h::before,.menu_h::after,.menu_h span { display:block; background: #c2000b; border-radius:2px;}
.menu_h::before,.menu_h::after { content:''; position:absolute; height:3px; width:100%; left:0; top:50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.25s; transition:transform 0.25s;}
.menu_h span { position:absolute; width:100%; height:3px; left:0; overflow:hidden; text-indent:200%; -webkit-transition:opacity 0.25s; transition:opacity 0.25s;}
.menu_h::before { -webkit-transform:translate3d(0, -8px, 0); transform:translate3d(0, -8px, 0);}
.menu_h::after { -webkit-transform:translate3d(0, 8px, 0); transform:translate3d(0, 8px, 0);}
.menu-open .menu_h span {opacity: 0;}
.menu-open .menu_h::before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.menu-open .menu_h::after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}
.eg-b{ position:absolute; right:0; top:0; height:81px; line-height:81px; text-align:center; background:#c2000b; width:8%;}
.eg-b a{ font-size:18px; color:white;}
.wrap_menu {background:#222;background-size:cover;    transition: all .5s ease;}
/*黑色遮罩*/
.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; display: none; top: 0; left: 0; }
/*手机左边弹出导航*/
.menu_icon { margin:16px 12px 10px 4%; cursor: pointer; width: 32px;}
.wrap_menu { width: 280px; position: fixed; top: 0px; left: -280px; height: 100%; text-align: left; z-index: 10000001; overflow-y: scroll; }
.wrap_menu .h-mo{     margin-bottom: 14px;color:#fff;text-align:center;   height: 80px;line-height: 80px; font-size: 18px; font-weight: bold;BORDER-BOTTOM: 1PX SOLID #FFF; position:relative; }
.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
.wrap_menu .menu_close {    line-height: 80px; font-size: 15px; position: absolute; top: 0px; right: 15px; color: #999; border-bottom: none; z-index: 1000; }
.wrap_menu li {text-align: center; margin-bottom: 2px; font-size: 14px; position: relative; }
.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; padding: 10px 15px; }
.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255,255,255,0.8); overflow: hidden; line-height: 30px; font-size: 14px; border-bottom: rgba(255,255,255,0.1) solid 1px; }
.wrap_menu_2 { display: none; }
.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
.wrap_menu_2 a span { float: left; width: 175px; }
.menu_icon {float:right;}

/*banner*/
.met_flash{ font-size:0px; overflow:hidden; position:relative;} 
.met_flash ul{ margin:0px; padding:0px;} 



.pt{padding:4% 0;    text-align: center; }
 h3.nti{ font-size:36px; font-weight: lighter;}
.pt .lin{    width: 75px;height: 4px;background: #003b92;margin: 20px auto auto;}
 .pt p{ padding-top: 20px;  font-size:16px;color: #999;}
a.amore{ padding: 18px 0; display:block; width:170px; transition: .3s all ease; text-align: center; border: 1px solid #999; color:#999; margin: 50px auto 0;}
a.amore:hover{background:#003b92; color:#fff;border: 1px solid #003b92;}
a.mo{padding: 16px 0;    font-size: 15px; display:block; width:170px; transition: .3s all ease; text-align: center; border: 1px solid #fff; color:#fff;    margin-top: 9%;}
a.mo:hover{background:#003b92; color:#fff;border: 1px solid #003b92;}
.bd{color:#fff;}

.xm{ width:100%; overflow: hidden; padding: 0 4%;}
.xm ul li{ position: relative; padding: 0; overflow: hidden;}
.xm ul li .hz{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,.5); transition: .5s ease all;}
.xm ul li .f-txt{ position: absolute; bottom: 8%; left: 8%;}
.xm ul li .f-txt h4{ color:#fff; font-size: 22px;}
.xm ul li .f-txt p{ color:#fff; padding-top: 6px;font-size:16px; opacity: .6;}
.xm ul li:hover .hz{ left:-100%;}
.about{ width:100%; overflow: hidden;margin-top: 5%}
.about .about-l{ padding:0; position: relative; background:url(../images/abo.jpg) no-repeat;background-size: cover; height: 57rem;}
.about .about-l .al-t{ position:absolute; top:0; left: 0; padding: 16% 15%;}
.about .about-l .al-t h3{padding-bottom: 10px;  color:#fff; }
.about .about-l .al-t p{ font-size:36px; color:#fff;    padding: 25px 0;}
.about .about-l .al-t span{ font-size:16px; color:#fff;}
.about .about-r { padding:0;}
.about .about-r dl dd{ position:relative; overflow: hidden; height:28.5rem; }
.about .about-r dl dd.ar{ background:url(../images/ai.jpg) no-repeat; background-size: cover;}
.about .about-r dl dd .at{font-weight: lighter; position:absolute; top:0; left: 0;font-size: 36px;color: #333;text-align: center; width: 100%; height: 100%;    padding: 14%;}
.about .about-r dl dd .at i{ font-style:normal; border-bottom: 4px solid #003b92; padding-bottom: 25px;}
.about .about-r dl dd.aw{ background:url(../images/ap.jpg) no-repeat; background-size: cover;}
.road-num { width: 100%;overflow: hidden; margin:7% auto 0;}
.road-num ul li {width: 33.3333333333%;float: left;text-align: center;}
.road-num ul li h6 span {font-size: 48px; color: #000; font-weight: lighter;}
.road-num ul li h6 b {font-weight: normal; font-size: 12px; color: #888;vertical-align: top; display: inline-block;margin: 10px 0 0 4px;}
.road-num ul li i {font-size: 16px;color: #888; margin-top: 16px; font-style: normal;}
.road-num ul li img{margin: 25px auto 16px;}

.a-c{  overflow: hidden;padding: 0 4%;}
.new-bo li{ padding:0 25px;margin-bottom: 30px; }
.new-bo li .time{width:78px;     overflow: hidden;}
.new-img{ overflow:hidden;}
.new-img img{ transition: all ease .8s;}
.new-bo li:hover .new-img img{transform: scale(1.1);}
.new-bo li span{ color:#888;  white-space: nowrap;  display: block;}
.new-b{    transition: .5s all ease;  background: #fff;padding: 8%;}
.new-b h4{  padding:16px 0 10px;     color: #333; font-size: 20px;}
.new-b p{color:#888;    font-size: 15px; }
.new-b em{ display:block; margin-top:30px; width:24px; height: 8px; background:url(../images/ico.png) no-repeat;}
.new-bo li:hover .new-b h4{color:#fff;}
.new-bo li:hover .new-b p,.new-bo li:hover .new-b span{color:#fff;}
.new-bo li:hover .new-b{ background:#003b92;}
.new-bo li:hover .new-b em{background:url(../images/bico.png) no-repeat;}

.ys-b{ margin-top:5%; overflow: hidden; position: relative;}
.ys-b .y-l{ padding:0;}
.ys-b .y-r{ padding-left:0; background:#333; color:#fff; position: absolute; right:0; height: 100%;padding: 7% 4%;}
.ys-b .y-r h4{ font-size:36px; font-weight: lighter;}
.ys-b .y-r p{ font-size:15px;    padding-top: 30px;}
.lx{ width:100%; padding:0 4%; margin-top:4%; overflow: hidden;}
.lx ul li{ position:relative; overflow: hidden;}
.lx ul li .lx-t{    padding: 5% 4%; position:absolute; left:0; top:0; background:rgba(51,51,51,.97); height: 100%;color: #fff;}
.lx ul li .lx-t span{ padding-bottom: 30px;font-size:15px; color:#fff;margin-top: 45px;display: block;}
.lin{    width: 50px;height: 2px;background: #fff;margin: 20px 0;}
.lx ul li dl dd img{ opacity: .9;    margin: 10px 20px 0 0;}
.lx ul li dl dd h4{font-size:20px;}
.lx ul li dl dd p{ font-size:15px;    opacity: .9;}
.lx ul li dl dd{margin-top: 35px;}
/*产品*/
.s-box{width:100%; overflow:hidden;    margin-top: 3%;}
/*底部*/ 
footer{width:100%;  overflow:hidden;     padding:5% 4% 0; background:#003b92; margin-top:5%;}
.d-nav ul li{ float:left; width:25%}
.d-nav ul li a{ color:#fff;}
.d-nav ul li span{ display:block; font-size:18px;padding-bottom: 20px;}
.d-nav ul li dl dd{margin-bottom:8px;}
.d-nav ul li dl dd a{ color:#eee;}
.d-nav ul li dl dd a:hover { color:#fff;}
.dh{ font-size:18px; color:#fff;}
.dh p{ font-size:48px;font-family: 'impact'; color:#fff; }
.d-nav ul li:last-child{display:none;}
.md{ border-top:1px solid #fff;    margin-top: 5%; color:#fff; text-align: center;    padding: 30px 0;}
.md a{ color:#fff;}
/*右侧漂浮菜单*/
.right{position: fixed;right: -50px;bottom: 30%;z-index: 10;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.right.act{right: 0;}
.right .ul1{width: 50px;}
.right .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} 
.right .ul1 li{cursor: pointer;margin-bottom: 1px;position: relative;}
.right .ul1 li .img{display: block;width: 50px;height: 50px;background: #fff;position: relative;right: 0; border-radius: 50%;}
.right .ul1 li .img img{display: block;width: 100%;}
.right .ul1 li .cla{position: absolute;top: 0;right: -160px; width: 160px;height: 50px; line-height: 50px;background: #f5f5f5;color: #003b92;font-size: 20px;overflow: hidden;text-align: center;z-index: 2;}
.right .ul1 li.dh:hover .img{right: 160px;}
.right .ul1 li.dh:hover .cla{right: 0;}
.right .ul1 li .ewm{width: 100px;position: absolute;top: 0;right: -100px;z-index: -1;}
.right .ul1 li:hover .ewm{right: 45px;}
/*右侧漂浮菜单 end


/*内页侧栏*/
#showproduct .pshow dd li span{      color: #333;  font-size: 16px;}
#showimg .imgshow img{ margin:0 auto;}
.sidebar { }

.sidebar .sb_nav h3.title { display:none;}
.sidebar .sb_nav .active{ text-align:center; }
.sidebar .sb_nav dl{   float:left;margin: 0 8px;  position:relative;}
.sidebar .sb_nav dl dt {       border: 1px solid #888; }
.sidebar .sb_nav dl dt.on,.sidebar .sb_nav dl dt:hover{background:#003b92; color:#fff; border:1px solid  #003b92;}
.sidebar .sb_nav dl dt a{ color:#888; font-size: 15px; font-weight: normal;}
.sidebar .sb_nav dl dt.on a,.sidebar .sb_nav dl dt:hover a{ background:#003b92; color:#fff; }
.sidebar .sb_nav dl dd{ width:100%; background:#fff; background:rgba(255,255,255,.85); position:absolute; left:0px; right:0; top:100%; z-index:2; max-height:160px; overflow-y:scroll; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar { width:3px; background-color:#ededed; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar-thumb { border:none; width:3px;background-color:#ca171c; }
.sidebar .sb_nav dl dd::-webkit-scrollbar-corner { background-color:#ededed; }
.sidebar .sb_nav dl dd h4{ font-weight:normal;}
.sidebar .sb_nav dl h4 a { display:block;line-height:2.5; font-size:16px;}
.sidebar .sb_nav dl h4.on a{ color:#ca171c;}
.sidebar .sb_nav dl h4 a::before { display:inline-block; content:""; width:0px; vertical-align:middle; border-top:1px solid #ca171c; margin-right:5px; transition:.4s;}
.sidebar .sb_nav dl h4:hover a::before,.sidebar .sb_nav dl h4.on a::before { width:10px;}
.sidebar .sb_box{ width:100%;  overflow:hidden;}
.sidebar .sb_box h3.title{  display: none;   margin-bottom: 40px;    text-align: center; line-height:1.6; font-weight:normal; position:relative;  }
.sidebar .sb_box h3.title span{ font-size:20px; color:#333; padding:0px 10px;}
.sidebar .sb_box h3.title div.position{ float:right; color:#666; margin-top:20px;    display: none;}
.sidebar .sb_box h3.title div.position a{ color:#999;}
.sidebar .sb_box .active { margin-top:1.5%;}
#showproduct .pshow{ margin-top:20px; padding-bottom:22px;}
.sidebar .sb_box h3.title .moresidebar { display:none; float:right; font-weight:normal; padding:0 10px 0 20px; background:url(../images/side.png) no-repeat left center; background-size:12px; margin-top:20px;}
/*产品列表*/
#productlist li{ }
#imglist li h3 a{ font-size:16px;}
#imglist li:hover h3 a{color:#003b92;}
#imglist li a.img{overflow:hidden;}
#imglist li img { display:block; transform:scale(1,1); transition:0.8s;}
#imglist li:hover img { transform:scale(1.2,1.2);}
#imglist li h3{ line-height:3.5;}
#productlist li {    overflow: hidden;   text-align: center;height:45rem !important; padding: 0; position:relative;}
#productlist li .fl-x {width: 100%;position: absolute;left: 50%;bottom:0; transform: translateX(-50%) translateY(-50%); z-index: 10;}
#productlist li .fl-x .pj{    padding: 0 9%;}
#productlist li .container {position: relative;}
#productlist li .fl-t{ text-align: left;}  
#productlist li span {font-size: 36px;font-weight: lighter;}
#productlist li .fl-b{transition: .5s all ease; background: rgba(0,0,0,.23);position:absolute; width:100%; height: 100%; left:0; top:0;    z-index:9; }
#productlist li:hover .fl-b{left:-100%;}
#productlist li .pm-img{position:absolute; width:100%; height: 100%; left:0; top:0;    z-index:8;}
#productlist li a{color:#fff;}
#productlist li p{display: block;font-style: normal; font-size: 16px;    padding-top: 20px; }
#imglist li{    transition: .3s all ease; width:33.33333333% !important; height:auto !important;     margin: 0 !important;overflow:hidden;     padding:20px 20px 0 20px;; }

#productlist {padding: 0px;}
#showimg {padding: 0 15px 0;}


.po-b {width:100%; background: #fff;}
/*产品内容页*/
.met_page a{ color:#666 !important;}
.new-box{    padding-top:0.5%; width:100%; overflow:hidden;}
#newslist ul.new li{     margin-bottom: 6px;padding-top:30px; padding-left:15px; padding-right:15px; transition: all .5s ease;overflow:hidden;}

#newslist li span{float:left;}
#newslist li:hover span{color:#fff;}
#showproduct .editor{    margin-top: 3%;}
#showproduct .editor div{ text-indent:2rem;}
#showproduct .editor div img{}
.editor div{font-size:16px;}
.xit .x-to h4{font-size:42px;text-align: center;}
h3.in-t{font-size:36px;    text-align: center; color:#333;    padding-bottom: 5%;}
h3.in-t i{border-bottom:2px solid #045215;padding-bottom:25px; font-style: normal;}
#showproduct h1.title {color: #333;margin-bottom: 30px; font-size:36px;    margin-top: 10px; font-weight:normal; padding:0;}
#showproduct .pshow::after { content:""; display:block; clear:both;}
#showproduct .pshow dt {    width: 50% !important;}
#showproduct #imgqwe { display:block; float:left; width:100%;    border: 1px solid #e5e5e5;}
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg { width:100% !important; float:right; margin:0; max-height:693px; overflow:auto;}
#showproduct .smallimg::-webkit-scrollbar { width:6px; background-color:#ededed; margin-top:20px;}
#showproduct .smallimg::-webkit-scrollbar-thumb { border:none; width:6px;background-color:#e89301; }
#showproduct .smallimg::-webkit-scrollbar-corner { background-color:#ededed; }
#showproduct .smallimg span.spic { display: inline-block;margin-top: 20px; width: 120px; border: 1px solid #ccc;}
#showproduct .smallimg span img { width:100% !important;}
#showproduct .pshow dd {    width:45% !important;}
#showproduct .pshow dd ul { margin:0 15px;}
#metinfo_additional{display:none;}
#thumblist li .zoomThumbActive img{    border: 2px solid #045215 !important;}
#showproduct .pshow dd li{border-bottom:none;font-size: 16px;color: #878787;    }
a.x-more{width:180px; font-size:16px;   margin-top: 30px; height: 50px; background:#045215; display: block; line-height:50px; text-align: center; color: #fff;}
#showproduct .ctitle {      display: none;  font-weight: bold;color: #324373; font-size:36px;border-bottom:none; margin:40px 0px 0px; padding:0px 10px; background:none;}
#showproduct .ctitle::after { content:""; display:block; width:40px; border-top:2px solid #c2000b; margin-top:15px;}
#showproduct td{width:50%;    padding: 0 4% 0 0; line-height: 1.7;}
#imglist li a.img img{border:none;}
#imglist li:hover{}
#showproduct{    padding: 0 4% 4%;}
/*新闻模块*/
/*新闻模块*/
#showtext{margin-top: 3%;  }
#imglist{margin-top:2%;}
#shownews h1{border:none;     text-align: left;font-size: 26px;   padding: 0% 0 1.5% 0;margin:0;}
#shownews .n-time{ margin-bottom: 2%; border-bottom: 1px solid #eee;   padding-bottom: 20px;   color: #888;text-align:left; display: block;}
.new .new-b {height: auto;padding-top: 8%;margin: 0 auto;transition: color .5s;    }
.new .new-b .time { font-size: 16px; line-height: 16px; color: #666;   zoom: 1;}
.new .new-b .time span {float: right;}
.new .new-b .time i {float: left; font-style:normal;}
.new .new-b .new-t {font-size: 18px;line-height: 40px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-top: 16px;}
.new .new-img  { width: 100%; height: auto;overflow: hidden;}
.new .new-img  img { transition: transform 1.5s;}
.new li:hover .new-b{background-color: #003b92;}
.new li:hover .time span {color:#fff}
.new li:hover .new-t  {color: #fff;}
.new li:hover p  {color: #fff;}
#newslist li p{    padding-top: 12px;}

.new li:hover .new-img img {transform: scale(1.1);}
.sidebar .sb_box .active .editor div{    text-indent: 2rem;font-size: 16px;}
.sidebar .sb_box .active .editor img{margin:0 auto;}
#flip{ margin-top:30px;  }
.metpager_8 span.current{    background-color: #003b92;    border: 1px solid #003b92;}
#showimg h1.title{border-bottom:1px solid #eee;    padding-bottom: 20px;}
#showimg .ctitle{    padding: 20px 20px;    margin: 10px 0px 28px; font-size:36px;}
.show-img{}
#shownews{ padding:4%;    background: #fff;}
#shownews .editor div{ text-indent:2rem;}
#shownews .editor div img{ margin:0 auto;}
/*联系我们*/

#allmap { width:100%; height:400px;}
#allmap .BMap_Marker div { width:39px !important;}
#showtext img{ }
#showimg .smallimg{width:100% !important;}
/*公司简介*/
.yb{backgrund:#fff;}
.au{max-height:670px; overflow:hidden;}
.au .aul{ background:#fff;     height: 100%;   padding:5%;}
.au p{font-size:15px; padding-top:25px; color:#888;}
.au .aul .lin{ background:#003b92}
.au .aur{ background:#333;height: 100%;   padding:5%;}
.au .road-num ul li h6 span{font-size: 36px; color:#fff;}
.au .road-num ul li h6 b{color:#fff;}
.au .road-num ul li i{}
.au .aur p{color:#888;    padding-bottom: 4%;}
.au .aur dl dd{    margin-top: 50px;float:left; margin-right: 30px;text-align: center;}
.au .aur dl dd .dimg{ width:45px; margin:10px auto;    border: 1px solid #fff; height: 45px; border-radius: 50%; text-align: center;}
#showtext img{margin: 0 auto;}
#showtext .au .aur dl dd .dimg img{margin:10px auto;}
.au .aur dl dd a{ color:#888; font-size:15px;}
.au .aur dl dd:hover .dimg{ background:#003b92; border:1px solid #003b92;}
.au .aur dl dd:hover a{color:#fff;}
.wh{margin-top:5%; position: relative;}
.wh .wtxt{ position:absolute; top:0;    padding: 6% 8%; left:0;}
.wh .wtxt p{ color:#fff;padding-top: 12px;}
.wh .wtxt a{ margin-top: 50px;   padding: 12px 0;}
.zz .pt{ text-align:left;}
.hy{margin-top:5%;}
.hy .y-r{background:#fff; color:#333;}
.hy a.mo{border: 1px solid #888;color: #888;}
.hy a.mo:hover{color:#fff;}
ul.searchnavlist li:nth-child(1),ul.searchnavlist li:nth-child(2),ul.searchnavlist li:nth-child(3),ul.searchnavlist li:nth-child(4){ display:none;}
ul.searchnavlist li{display: inline-block;text-align: center;}
#searchword{ height:45px;border: none;background: #fff;padding: 0; text-indent: 2rem; outline: none;   width: 240px;}
.button{ background:#333;width: 112px;height: 45px;       color: #fff;border: none; font-size: 15px;}
.orange:hover{background: #003b92;}
ul.searchnavlist{padding: 40px 0;}
#searchlist{    margin-top: 6%;}
#searchlist .search_title a{ color:#333;font-size: 26px;text-decoration: none;}
#searchlist .search_updatetime{    color: #999;}
#searchlist ul li{    border-bottom: 1px solid #eee;      margin-bottom: 20px;  padding-bottom: 16px;}
#searchlist ul li span.search_content{color: #999;padding: 6px 0;display: block;}
#searchlist ul li:hover .search_title a{color:#003b92;}
#searchlist .search_title em{color:#003b92;text-decoration: none;}
#searchlist .search_content em{color:#003b92;}
#messagelist{padding-left:0;height: 587px; background:#fff;margin-top: 0;}
.qw ul li{margin-bottom: 30px;}
.qw ul li .qwt{ background:#999; padding: 13% 10%; color:#fff; transition: .3s all ease;}
.qw ul li:hover .qwt{ background:#003b92;}
.qw ul li h3{font-size:20px;}
.qw ul li h3 i{ font-style:normal; border-bottom: 1px solid #fff; padding-bottom: 25px;}
.qw ul li p{ font-size:15px; padding-top: 40px;}

.ln { min-height: 610px; overflow: hidden;}
.ln ul li{ background:#fff; padding: 0;}
.ln ul li .lin{ background:#003b92;}
.ln ul li h4{padding-bottom: 40px; font-size:36px; font-weight: lighter;}
.ln ul li:nth-child(2){ padding:4%;}
.ln ul li .mn{ width:42px; height: 42px; border-radius: 50%; border:1px solid #888;}
#showtext .ln ul li .mn img{ margin:7px auto;}
.ln ul li .mit{ margin-left:15px; font-size:15px;}
.ln ul li h3{ color:#888;}
.ln ul li .mi{padding-bottom: 25px;margin-bottom: 25px; border-bottom:1px solid #eee;}
/*品牌营销*/
.marketing .network-img img { width:50%;}
.marketing h5 { font-size:22px; font-weight:normal; color:#b08046;}
/*招商加盟*/
.join .guarantee { width:50%; float:left;}
.join .reward { width:50%; float:right; padding-left:5%; box-sizing:border-box;}
.join img { width:50%;}
#foote{ display:none;
    bottom: 0;
    width: 100%; }
.footerbox{ max-width:100%; height:70px; margin:0px auto; position:relative;}
.footerlist{max-width:100%;  height:70px; overflow:hidden; background:-webkit-gradient(linear,0 0,0 100%,from(#0065bc),to(#014c8d)); position:absolute; left:0px;  }
#foote ul{ display:-webkit-box; }
#foote ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2);  }
#foote ul li a{ display:block; width:100%; text-align:center; color:#fff; height: 70px; }
#foote .icon{ display:block; margin:0px auto 6px; position:relative; top:13px; width:30px; height:20px; overflow:hidden; background:url(../images/footer.png) no-repeat; background-size:150px;background-position:-3px 0px;}
#foote .map{ background-position:-83px 0px;}
#foote .message{ background-position:-45px 0px;}
#foote .home{ background-position:-118px 0px;}
#foote .txt{ height:16px; line-height:47px; font-size:12px;}
#foote ul li:nth-child(2),#foote ul li:nth-child(3){display:none;}
#foote .footerlist{ background:-webkit-gradient(linear,0 0,0 100%,from(#1a1a1a),to(#000));}
#messagelist td.input input{width: 100% !important;background: #f2f2f2;outline: none; border: none;height: 42px;}
#messagelist textarea{background:#f2f2f2;border: none; outline: none;width: 100%;}
#messagelist table td {font-size: 16px;}
#messagelist .button{margin:0;    background: #324373; border: none;}	
td.input .info{display: none;}
#messagelist table .submit {background: #333;width: 160px;    height: 42px;}
#messagelist table .submit:hover{background: #cd0000; opacity: 1;}
.ms-t h4{      padding:7.5% 10%;  font-size: 36px;color: #666;}
.ms-t p{    color: #878787;font-size: 36px;}
#messagelist table{     margin-left:10%;   float: left;}
.meb{    padding: 28px 0 1% 0;}
td.text{width: auto;}
.nnnns li.on {background: #003b92;color: #fff;}
.nnnns li	{padding: 18px 40px;}
/*网分页样式*/
.pages {
	clear: both;
	margin: 40px auto 20px auto;
	padding-top: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}
.pages ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 6px 15px;
	margin: 0 1px;
	line-height: 24px;
	color: #999;
	border-radius: 2px
}
.pages ul li:hover {
	background: #2b2c2d;
	color: #fff;
	border: 1px solid #2b2c2d
}
.pages ul li:hover a {
	color: #fff;
}
.pages ul li.thisclass {
	display: inline-block;
	border: 1px solid #2b2c2d;
	padding: 6px 15px;
	margin: 0 1px;
	background: #2b2c2d;
	color: #fff;
}
.pages ul li.thisclass a {
	color: #fff;
}
.pages ul li a {
	display: block;
	color: #999
}
.pages ul li a:hover {
	color: #fff;
}
.content-exp {margin-top: 40px;
padding-top: 18px;   border-top: 1px dotted #ccc;
}
.content-exp li {
	float: left;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content-exp li:last-child {
	text-align: right;
}
/*响应式开始*/
.met_hits{  margin-top: 4%;  height: auto;line-height: 60px;}
@media (max-width: 2560px) and (min-width: 2048px) {
	.xm ul li .fimg img,.new-img img,.ys-b .y-l img,.lx ul li img.lxx,.wh img{ width:100%;}
	.xm,.a-c,.lx{    padding: 0 8%;}
	footer{    padding: 5% 8% 0;}
}
@media (max-width: 1680px) and (min-width: 1440px) {
	.show-img{height: 640px !important;}
	#productlist li{    height: 45rem !important;}
	nav ul li{padding: 0 35px;}
	.ys-b .y-r{    padding: 5% 4%;}
	.new-b h4{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.lx ul li dl dd {margin-top: 20px;}
	.lx ul li .lx-t{     padding: 4% 3%;   width: 50%;}
	.lx a.mo{margin-top: 6%;}
}
@media (max-width: 1366px) and (min-width: 1200px) {
	nav ul li{padding: 0 22px;}
	.ys-b .y-r{padding: 3% 4%;}
	.new-bo li {padding: 0 20px;}
	.lx ul li dl dd {margin-top: 15px;}
	.lx ul li .lx-t span{padding-bottom: 20px;    margin-top: 30px;}
	.lx ul li .lx-t a.mo{margin-top: 5%;}
	.lx ul li .lx-t{     padding: 3% 3%;   width: 55%;}
	.show-img{height:568px !important;}
	.au {max-height: 730px;}
	.au .aul,.au .aur{  }
	.au p{    padding-top: 15px;}
	a.mo{width: 135px;    padding: 10px 0;}
	.ys-b .y-r p{    padding-top: 15px;}
	#productlist li{height: 34rem !important;}
	.new-b h4{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ln ul li:nth-child(2) .mi:last-child{ width:100%;}
	.ln {min-height: 567px;background: #fff;}
	#map{ height:567px !important;}
}
@media (max-width: 1200px) and (min-width: 991px) {
	header .container{    padding: 0 20px;}
nav ul li {    padding: 0 15px;width: auto;}
	.ys-b .y-r p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	footer dl{    padding-right: 7%;}
.top-logo {width: 300px;}
	.new-bo li {padding: 0 15px;}
	.lx ul li .lx-t span{    display: none;}
	.lx ul li dl dd {margin-top: 20px;width: 100%;}
	.lx ul li .lx-t h3,.lx ul li .lx-t .lin,.lx ul li .lx-t a.mo{ display:none;}
	.road-num ul li{width: 100%;}
	.au{ max-height: 752px;}
	.show-img{height:470px !important;}
	#newslist li{    width: 50%;}
	#productlist li{    height: 33rem !important;}
	#productlist li span,h3.in-t {font-size: 30px;}
	.ln ul li .mi{ width:100%;}
	.ln ul li:nth-child(2) {padding: 2% 4%;}
}
@media (max-width: 991px) and (min-width: 767px) {
nav{display:none;}	
.top-logo{width: 190px;float: left;display: block;margin-top: 4px;    top: 16px;}
header{position: static;height:60px;}
	.met_page {text-align: left;}
	.met_page a{    display: block;margin-right: 0px;}
	.r-c{margin-top: 15px;}
	.search-trigger{    width: 100%;}
	.cha{    top: 0;right: 0;}
  table td{    padding: 10px 0 !important;}
	.xm ul li .f-txt h4{font-size: 18px;}
	.about .about-l .al-t{    padding: 8% 12%;}
	.pt p{font-size: 14px;}
	.about,footer{ margin-top:40px;}
	.about .about-l{    height: 44rem;}
	.xm ul li img{width:100%;}
	.about .about-r dl dd{height: 33rem;}
	.road-num ul li {width:33.33333%;}
	.road-num ul li img{width:70px;}
	.road-num ul li h6 span,.dh p {font-size: 36px;}
	.ys-b .y-r{ height: auto;   position: static;}
	.au .aur{ height:auto;}
	.ys-b .y-r p{    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	a.mo{width: 128px;    padding: 8px 0;}
	.pt {padding: 40px 0;}
	.new-bo li{padding: 15px;}
	.new-b h4{font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.d-nav ul li{width: 31%; }
	.show-img{ height:340px !important;}
	.sidebar .sb_nav dl dt {padding: 14px 35px; margin-bottom: 8px;}
	.au .aul{ height:auto;}
	.au{ max-height: none;}
	.wh .wtxt{     background: #003b92;   position: static;}
	.s-box{    margin-top: 40px;}
	#shownews h1,#productlist li span{font-size: 20px;}
	#shownews{padding: 40px 4%;}
	#productlist li{    height: 32rem !important;}
	#showproduct {padding: 0 4% 12%;}
	.sidebar .sb_nav dl{float: none;display: inline-block;}
	.lx {display:none;}

}
@media screen and (max-width: 767px) {
nav{display:none;}	
.top-logo{width: 190px;float: left;display: block;margin-top: 4px;    top: 16px;}
header{position: static;height:60px;}
	.met_page {text-align: left;}
	.met_page a{    display: block;margin-right: 0px;}
	.r-c{margin-top: 15px;}
	.search-trigger{    width: 100%;}
	.cha{    top: 0;right: 0;}
  table td{    padding: 10px 0 !important;}
	h3.nti,.about .about-l .al-t p,h3.in-t{font-size: 24px;}
	.pt p{font-size: 14px;}
	.about,footer{ margin-top:40px;}
	.about .about-l{    height: 46rem;}
	.about .about-r dl dd{height: 33rem;}
	.road-num ul li {width: 50%;}
	.road-num ul li img{width:70px;}
	.road-num ul li h6 span,.dh p {font-size: 36px;}
	.ys-b .y-r{ height: auto;   position: static;}
	.ys-b .y-r p,.new-b p{    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	a.mo{width: 128px;    padding: 8px 0;}
	.pt {padding: 40px 0;}
	.new-bo li{padding: 0;}
	.new-b h4{font-size: 18px;}
	.d-nav ul li{ display:none;}
	.show-img{ height:158px !important;}
	.sidebar .sb_nav dl dt {padding: 14px 35px; margin-bottom: 8px;}
	.au .aul{ height:auto;}
	.au{ max-height: none;}
	.wh .wtxt{     background: #003b92;   position: static;}
	.s-box{    margin-top: 40px;}
	#shownews h1,#productlist li span{font-size: 20px;}
	#shownews{padding: 40px 4%;}
	#productlist li{    height: 23rem !important;}
	.sidebar .sb_nav dl{float: none;display: inline-block;}
	.lx {display:none;}
	.ln ul li h4{ font-size:24px;}
#map{ height:400px !important;}
}