@charset "utf-8";
html,body{ font:14px/1.7 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; -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%;}
/*头部*/
.main{ background:#F7F7F7; width:100%; overflow: hidden;}
header{ width:100%; position:absolute;top: 0; background:#111;   line-height: 80px; height: 80px;  transition: all .5s ease;    z-index: 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-animate { background:#111;  position: fixed;top: 0}

.top-logo{float: left;top: 12px;width: 150px; position: relative;    z-index: 10;   }
.met_flash img{width:100%;}
.rup{     cursor: pointer;  float:right;    margin-top: 31px;}
.rup a{ display:block; width:18px; height: 18px; background:url(../images/se.png) no-repeat;}

.search{  height: 100%;   padding: 50px 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;}
.search h4{     font-size: 48px;font-weight: bold; text-align: center;padding: 50px;}
.search ul{ margin-top: 30px;text-align:center;}
.search ul li{margin:0 10px; display:inline-block; text-align: center; font-size:16px; color:#333;}
.search ul li.line{    width: 1px;height: 10px; background:#333;}
.search ul li:nth-child(1){color:#b1001a;}
.search .container{position: relative;top: 20%;}
.search.sup{top:0;}
.search h5{   margin-top: 10%; color: #fff;  position: relative;padding-left: 45px;    padding-bottom: 0;margin-bottom: 20px;font-size: 22px;}
.search h5::before { content: '';width: 30px;height: 3px;border-radius: 4px; background-color: #a50010; display: block;position: absolute;top: 17px;left: 0;}
.search h5::after { content: '';width: 15px;height: 3px; border-radius: 4px;background-color: #a50010;display: block;position: absolute;top: 9px;left: 15px;}
.searchc{width: 100%;height: 25px; cursor: pointer;position: absolute;top: 43px; right: 60px}
.searchc img{    float: right;}
.r-l img{margin:0 auto;}
/* 搜索 */
/* 搜索 */
.search-trigger{    border: 2px solid #333;   margin: 0 auto;  z-index: 1000;     position: relative; width: 60%; text-align: center; vertical-align: middle; cursor: pointer; }
.search-box{  height:58px;  line-height: 34px; white-space: nowrap; }
.search-txt{ padding: 0 44px 0 0 ; }
.search-txt input{font-size: 15px; text-indent: 2rem;border: none;background: none; outline: none;display: block; width: 100%; height:58px;  line-height: normal; color:#333; }
input.search-btn{      margin-right: 10px;position: absolute; right: 0; top:0; height:100%; width:54px;height:54px;  cursor: pointer; background: url(../images/set.png) no-repeat center;border: none;outline: none;  background-size: 40px;    }
input::input-placeholder{color:#333; font-weight: bold;} 
::-webkit-input-placeholder { /* WebKit browsers */ color:#333; font-weight: bold; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#333;  font-weight: bold; } 
::-moz-placeholder { /* Mozilla Firefox 19  */ color:#333;  font-weight: bold; } 
:-ms-input-placeholder { /* Internet Explorer 10  */ color:#333; font-weight: bold;  }
/*导航*/

/*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{      margin: 0 auto; text-align: center; }
.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;}

.bimg{ display:none;width:100%; height:100vh;}
.bslid{position: absolute;text-align:center;top: 42%; width: 100%;color: #fff;}
.bslid span{display:block; width:120px; height:6px; background:#fff; margin:20px auto;}
.bslid p{ font-size:36px; padding-top:15px;}
.silder-main-img .bslid h2{ font-size:48px; font-weight: bold;}
.bslid.cont{ text-align:left;  top: 25%;}
.bslid.cont .contt{padding:6%; background:#fff;width:43%; }
.bslid.cont b{ font-style:normal;font-weight: normal; font-size:18px; color:#999;padding-bottom: 18px;display: block;}
.bslid.cont h3{ font-size:36px; color:#333; font-weight: lighter; padding-top:10px;}
.bslid.cont h4{ font-size:24px; color:#333;padding-top:40px;}
.bslid.cont i{ font-style:normal; border-bottom:6px solid #a60000; padding-bottom:25px;}
.bslid.cont p{ font-size:18px; color:#999; padding-top:70px;}
.silder-main-img .bslid.conf img{width:auto;margin-top:25px;}
.bslid.conf { text-align:left;}
.silder-main-img .bslid.conf ul li{ float:left;}
.bslid.conf{top:35%;}
.silder-main-img .bslid.conf ul{ float:right; padding-right:10%;}
.silder-main-img .bslid.conf ul li:last-child{padding-left:30px;}
.silder-main-img .bslid.conf h4{font-size:58px; color:#a60000;}
.silder-main-img .bslid.conf h3{font-size:48px; color:#a60000; font-weight: lighter;}
/*导航*/
nav ul li{  transition: all .3s ease;     padding: 0 30px;        display: inline-block;text-align: center; }
nav ul li:hover{}
header nav ul li:hover a.mue{color:#fff;}
header nav ul li span{position: relative;    transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);}
header:hover{background:rgba(0,0,0,.9); }
nav ul li a.mue{ font-size: 15px; color:#eee;display: block;}
nav ul li dl.header-mulu{ text-align: center;  display: none;   transition: .3s all ease;    background:#fff;   position: absolute;top: 80px;z-index: 9;width: 100%;left: 0;}
nav ul li:hover dl.header-mulu{display:block;}
nav ul li dl dd{ padding: 0 30px;text-align: center;
    display: inline-block;}
nav ul li dl dd a{ font-size: 15px; color:#666;  margin: 20px 0;display: block; }
nav ul li dl dd a h3{ color:#666;}
nav ul li dl  h4{padding-bottom: 6px; text-align:left; font-size:24px;}
nav ul li dl .n-l.proc dd{text-align: center;display: inline-block;}
nav ul li dl .n-l.proc dd img{ margin:0 auto 10px;}
nav ul li dl .n-l.proc{ margin-top:0;}
nav ul .n-l{margin-top: 40px;}
nav ul li dl dd span{      margin-top: 8px;  width: 4px; height: 4px;background: #666;display: block;margin-right: 10px; float: left;}
nav ul li dl dd a:hover h3{color:#a60000;}
nav ul li:hover dl.header-mulu{display:block;}
/*nav ul li:hover dl{ opacity:1;}*/
.hover-animate nav ul li dl.header-mulu a{color:#888;}
.hover-animate nav ul li dl.header-mulu dd a:hover{color:#a60000;}
.hover-animate nav ul li:hover a{ color:#a60000;}
nav{    float: right;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; }

header .mn .menu{ padding-right:20px; position:relative; line-height:1; cursor:pointer;font-size: 18px;    color: #fff;}
header .mn .menu:before{content:""; position:absolute; top:2px; left:0; width:20px; height:2px; background:#fff;  }
header .mn .menu span{position:absolute; width:20px; height:100%; top:0; left:0;}
header .mn .menu span:before{content:""; position:absolute; left:0; top:9px; width:14px; height:2px; background:#fff;}
header .mn { margin-left: 15px;margin-top:0px; display:none;}
header .mn .menu span:after{content:""; position:absolute; left:0; top:16px; width:8px; height:2px; background:#fff;}

.moblie .hid{padding: 20px;}
.moblie{position: fixed;width: 100%;height: 100%; background: #333;z-index: 102; display:none;text-align: center; left: -100%; overflow: hidden;top: 0;transition: .5s all ease;}
.moblie ul li a{     padding-top: 10px;display: block;   color: #fff;font-size: 32px;font-weight: bold;opacity: .7;}
.moblie ul li:hover a{opacity: 1; }
.moblie.act{ left:0;}
/*banner*/
.met_flash{ font-size:0px; overflow:hidden; position:relative;} 
.met_flash ul{ margin:0px; padding:0px;} 



.pt{   text-align: center; padding:4% 0; }

 h3.nti{ font-size:36px; font-weight: lighter;}
.pt .lin{    width: 75px;height: 4px;background: #a60000;margin: 20px auto auto;}
 .pt p{ padding-top: 10px;  font-size:16px;color: #999;}
a.amore{ padding: 12px 0; display:block; width:120px; transition: .3s all ease; text-align: center; border: 1px solid #666; color:#666; margin: 50px 0;}
a.amore:hover{background:#b1001a; color:#fff;border: 1px solid #b1001a;}
a.mo{padding: 10px 0;   display:block; width:120px; transition: .3s all ease; text-align: center; border: 1px solid #fff; color:#fff;    margin-top: 40px;}
a.mo:hover{background:#fff; color:#b1001a;border: 1px solid #fff;}
.bd{color:#fff;}
.about{     padding: 5% 7%; overflow: hidden; width:100%;}
.about .al,.about .ar{ padding:0;}
.about .al{ position:relative;}
.about .al .at{ position:absolute; right:10%; font-size:120px; font-family: "Impact";     color: #b1001a;}
.about .al .ap{position:absolute; right:0; bottom: 0;}
.about .al .ap h4{ font-size:26px; font-weight: lighter;}
.about .al .ap p{ color:#666; font-size:15px;}
.about span {display:block;float: left; }
.about span p{     font-family:"Impact"; writing-mode: tb; position: relative;  font-size: 50px;color: #fff;opacity: .2;}
.about span .ln{width:2px; height: 85px; background:#fff;opacity: .2; margin:10px auto;}
.about .ar{ background:#b1001a; padding:4%;}
.about .ar h4{ font-size:32px; font-weight: lighter; color:#fff;}
.line{ width:80px; height:4px; background:#fff;    margin: 25px 0 ;}
.about p{ color:#e8e8e8;padding-top: 50px;}
.ab{ text-align:center;}
.ab h4{font-size:32px; font-weight: lighter; }
.ab p{ width:80%; margin:0 auto; font-size:15px; color: #666;}

.ac{ float:right; color:#fff;font-size: 36px; background:#b1001a;     padding: 2% 4%; font-family: "Impact";}
.pro{   padding: 4% 0;}
.pro ul li{ text-align:center; font-size:16px;}
.pro ul li img{ margin:20px auto;opacity: .8;}
.pro ul li:hover img{ opacity: 1;}
.pro ul li:hover h3{ color:#b1001a;}
.ys{ width:100%; padding:1% 0 4%; overflow:hidden;}
.ys .yl{ position:relative; overflow: hidden;    padding-right: 8px;}
.ys .yl .ylt h3{line-height: 50px;font-size:28px;color: #fff;}
.ys .yl .ylt{ position:absolute; width:100%;     top: 12%;left: 10%;   padding-right: 15px;}
.ys .yl .ylt b{ font-style:normal;font-family: "Impact";display: block;float: left;color: #fff;font-size: 100px;padding-right:15px;}
.ys .yl .ylt i{font-style: normal;
    font-size: 60px;
    color: #fff;
    font-weight: bold;font-family: "Impact";}
.ys .yl .ylt a.amore{border: 1px solid #fff;
    color: #fff;}
.ys .yl .ylt a.amore:hover{border:1px solid #b1001a;}
.ys .yr{padding-left:4px;}
.ys .yr ul li{ color:#fff; position:relative; overflow: hidden;}
.ys .yr ul li .yrt{ position:absolute;    top: 35%;}
.ys .yr ul li:first-child .yrt{ left:10%;}
.ys .yr ul li:last-child .yrt{ right:10%; }
.ys .yr ul li .yrt h3{ color:#fff; font-size:28px;}
.ys .yr ul li .yrt p{ color:#fff; font-size:18px;}
.ay{}
.gs{ position:relative; overflow: hidden;}
.gs .gl{     z-index: 2;position:absolute; height:100%; left:0;padding: 0; background:#eee;}
.gs .gr{ padding:0;}
.gs .gt{   top: 14.5%;     padding: 8% 20% 8% 30%; position: absolute;width: 113%;background: #b1001a; z-index: 1;}
.gs .gt h4{font-size:32px; font-weight: lighter; color:#fff; }
.gs .gt p{    padding-top: 30px;  margin:0 auto; font-size:15px; color: #fff;}
.gg{ width:100%; overflow: hidden; padding:5% 0;    background: #a0a0a0;}
.gg ul li{padding: 0; position:relative; overflow:hidden;}
.gg ul li .gt{ position:absolute; top:0; left:0; font-size:32px; font-weight: lighter;}

.newi{ width:100%; overflow:hidden;    padding: 5% 0;}
.newi ul li{}
.newi ul li .nt{background:#ffff;padding: 50px; transition: .3s all ease;}
.newi ul li span{ color:#999;}
.newi ul li h4{ font-size:18px;    padding: 15px 0;}
.newi ul li p{    font-size: 15px; color:#999;}
.newi ul li b{padding-top: 25px;display: block;}
.newi ul li:hover .nt{ background:#333;}
.newi ul li:hover h4,.newi ul li:hover b{ color:#fff;}
/*产品*/
.s-box{width:100%; overflow:hidden;    margin-top: 3%;}
/*底部*/ 

footer{width:100%;  overflow:hidden;     padding:5% 0 0; background:url(../images/foot.jpg) no-repeat; background-size:cover;}
.d-nav ul li{ float:left; width:25%}
.d-nav ul li:nth-child(6),.d-nav ul li:nth-child(7){display:none;}
.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:#999;}
.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:#999; text-align: center;    padding: 30px 0;}
.md a{ color:#999;}
/*右侧漂浮菜单*/
.right{position: fixed;right: -50px;bottom: 38%;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: #333;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: #a60000;font-size: 16px;overflow: hidden;text-align: center;z-index: 2;border-radius: 30px;}
.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 {padding: 50px 0 0;background: #f7f7f7; }

.sidebar .sb_nav h3.title { display:none;}
.sidebar .sb_nav .active{ text-align:center; }
.sidebar .sb_nav dl{   float:left;margin: 16px 8px 0;  position:relative;}
.sidebar .sb_nav dl dt {        border: 1px solid #888; }
.sidebar .sb_nav dl dt.on,.sidebar .sb_nav dl dt:hover{background:#a60000; color:#fff; border:1px solid  #a60000;}
.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:#a60000; 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/../images/templates/yk/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:#a60000;}
#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{    padding-bottom: 26px; font-size: 32px;font-weight: lighter;}
#productlist li {margin-top: 30px;    overflow: hidden;   text-align: center;position:relative;}
#productlist li h3{ padding:10px 0 40px 0; font-size:20px; font-weight: lighter; background:#fff;}
#productlist li:hover h3{ color:#a60000;}
#productlist li .pm-img{background:#000;}
#productlist li:hover .pm-img{opacity: .8;}
#imglist li{     text-align: left;   transition: .3s all ease; height:auto !important;      margin-top: 30px;overflow:hidden;    }
#imglist li .case{    background: #fff;padding: 13%;}
#productlist {padding: 0px;}
#showimg {padding: 0 15px 0;}
#imglist li p{ font-size:15px; color:#888;}
#imglist li span{ display:block;    margin-top: 50px; width: 128px;height: 50px;line-height: 50px; border: 1px solid #666;text-align: center;color: #666;}
#imglist li:hover span{ border: 1px solid #a60000; background:#a60000; color:#fff;}
.po-b {width:100%;}
/*产品内容页*/
.met_page a{ color:#666 !important;}
.new-box{    padding-top:40px; width:100%; overflow:hidden;}
#newslist ul.new li{   padding: 0; background: #fff;margin-bottom: 30px; overflow: hidden;}
#newslist li .nmo{    margin-top: 30px;    width: 140px;height: 50px;line-height: 50px;border: 1px solid #666;text-align: center;color: #666;}
#newslist li span{float:left;}
#newslist li:hover .nmo{background:#a60000; color:#fff;}
#showproduct .editor{    margin-top: 3%;}
#showproduct .editor img{margin:0 auto;}
#showproduct .editor div{ text-indent:2rem;}
#showproduct .editor div img{}
.editor div{font-size:16px;line-height: 2;}
.xit .x-to h4{font-size:42px;text-align: center;}
h3.in-t{font-size:36px; font-weight: lighter;   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{ line-height: 1.7;     text-indent: 0;}
#imglist li a.img img{border:none;}
#imglist li:hover{}
#showproduct{    padding: 0 4% 4%;}
.nnnns li.on {background: #a60000;color: #fff;}
.nnnns li	{padding: 18px 40px;}
/*新闻模块*/
/*新闻模块*/
#showtext{margin-top: 3%;  }
#imglist{    margin-top: 2%; margin-bottom: 3%;}
#cta td{ width:33.333333%; padding:10px !important;}
#shownews h1{border:none;     text-align: center;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:center; display: block;}
.new .new-b {float: left;padding: 5% 5.5%;   }
.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-weight: lighter;font-size: 22px;line-height: 40px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-top: 16px;}
.new .new-img  {padding: 0;overflow: hidden;}
.new .new-img  img { transition: transform 1.5s;}
#newslist li p{ font-size: 15px;color: #888;   padding-top: 12px;}
#shownews .container img{margin:0 auto;    display: initial;}
.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: #a60000;    border: 1px solid #a60000;}
#showimg h1.title{border-bottom:1px solid #eee;    margin-bottom: 30px;
    text-align: center;  font-size: 36px;font-weight: lighter;  padding-bottom: 20px;}
#showimg .ctitle{    padding: 20px 20px;    margin: 10px 0px 28px; font-size:36px;}
.show-img{}
#shownews{}
#shownews .editor div{ text-indent:2rem;}
#shownews .editor div img{ margin:0 auto;}
#shownews { padding: 0;margin-top: 40px;}
/*联系我们*/

#allmap { width:100%; height:400px;}
#allmap .BMap_Marker div { width:39px !important;}
#showtext img{ display: initial;}
#showimg .smallimg{width:100% !important;}
#showimg img {}
/*公司简介*/
.st{text-align: center;}
.st ul li h4{ font-size:32px; font-weight: lighter;    padding-bottom: 25px;}
.st ul li span{ font-size:30px;margin-top: 25px;display: block; }
.st ul li .lin{ width:40px; height:4px; background:#a60000; margin:0 auto;}
.st ul li p{    font-size: 15px;color: #666; margin-top: 15px;}
.st ul li.sr{     margin-bottom: 50px;  text-align: center;}
.st .zi .zimg{width:60px;    margin-bottom: 12px; height:60px; background:#333;text-align: center; border-radius: 50%;}
.st .zi .zimg:hover { background:#a60000}
.st .zi .co{ display:inline-block; text-align: center;margin: 30px 20px;}
.st .zi .zimg img{ margin:0 auto; display:block;padding-top: 18px;}
.wh{ position:relative; margin-top:4%;}
.wh .we{ position:absolute; top:10%; left:10%;    color: #fff;}
.wh .we h4{ font-size:32px; font-weight: lighter;    padding: 25px 0 15px;}
.wh .we h3{ font-size:32px; font-weight: lighter; }
.wh .we p{ font-size:20px;margin-bottom: 5px;}
.aui-nav-content-box { width:100%; position: relative;text-align: center;}
.aui-nav-list-box ul li{  transition: .3s all ease; font-size: 32px;font-weight: lighter;text-align: center;color: #666; text-align: center;display: inline-block;cursor: pointer; margin:0 50px;padding-bottom: 15px;}
.aui-nav-list-box ul li:hover{font-size: 36px;color:#333;border-bottom: 4px solid #a60000;font-weight: bold;}
.aui-nav-list-item{  float:left; margin:4% auto; display:none;    width: 100%;}
.aui-nav-list-item p{ color:#666;font-size: 15px;border-bottom: 1px solid #eee;padding-bottom: 15px;margin-top: 15px;}
.aui-nav-list-tab{margin:0 auto;}
.aui-nav-list-box { text-align: center;overflow: hidden; zoom: 1; border-bottom: none;z-index: 110;display: block;}
.ds .aui-current {font-size: 36px;border-bottom: 4px solid #a60000;color: #333; font-weight: bold;}
.ds .aui-current a { color: #f54343;}
.qt ul li{position:relative; overflow: hidden;padding: 10px;}
.qt ul li .mim{background:#000; overflow: hidden;}
.qt ul li .mim img{ opacity:.7;     transition: transform 1.5s;}
.qt ul li:hover .mim img{opacity: 1;transform: scale(1.1);}
.qt ul li .ptt{ position: absolute; bottom: 16%; left: 12%; color:#fff;    font-size: 24px;}
.qt ul li .ptt a{color:#fff;}
.qt ul li h3{     padding-bottom: 20px;border-bottom:1px solid #fff;}
#wt td{ width:50%;}
.supy ul li{ padding:9%;}
.supy ul li.jo{background:#333; color:#fff;}
.supy ul li.jo h3{ font-size:32px; font-weight: lighter;}
.supy ul li.jt p{    font-size: 22px;}

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: #a60000;}
ul.searchnavlist{padding: 40px 0;}
#searchlist .search_title a{     font-weight: lighter;color:#000;font-size: 26px;text-decoration: none;}
#searchlist .search_updatetime{    color: #999;}
#searchlist ul li{ cursor: pointer;  background: #fff;padding: 5%;    margin-bottom: 20px;  }
#searchlist ul li:hover .search_title a{color: #a60000;}
#searchlist ul li span.search_content{color: #999;padding: 6px 0;display: block;font-size: 15px;}
#searchlist .search_title em{color:#a60000;text-decoration: none;}
#searchlist .search_content em{color:#a60000;}
#messagelist{padding-left:0;height: 587px; background:#fff;margin-top: 0;}

/*留言*/
 input{outline:none;}
  .fed{    width: 300px;
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 90;
  right: 0;
    border-radius: 4px;}  
  .fet{    background: #a60119;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    font-size: 15px;
    padding: 0 14px;}
  .fet h3{line-height: 46px;}
  .mesg{ display:block;   width: 100%;
    float: left;
    padding: 14px;}
  .fed ul li:nth-child(1){border:none;}
  .fed ul li textarea{         padding: 0 10px; outline: none;  width: 100%;
    border: 1px solid #999;
    resize: none;
    overflow: hidden;
    height: 58px;text-shadow: none;
    border-radius: inherit;}
  .fed ul li{      margin-top: 6px;  width: 100%;
    float: left;border: 1px solid #999;}
  .fed ul li input {width: 85%;
    height: 32px;
    line-height: 32px;
    color: #999;
    border: none;}
    textarea::-webkit-input-placeholder{
           color:#999;font-weight: normal;font-size:14px;
        }
   input::-webkit-input-placeholder{
           color:#999;font-weight: normal;font-size:14px;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
           color:#999;font-weight: normal;font-size:14px;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
         color:#999;font-weight: normal;font-size:14px;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#999;font-weight: normal;font-size:14px;
        }
  input.subm{width: 120px;
    border-radius: 4px;
    border: none;
    background: #a60119;
    color: #fff;
    line-height: 36px;
    margin-top: 12px;}


/*品牌营销*/
.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/../images/templates/yk/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));}
#nav_98 dl dd:nth-child(5),#nav_98 dl dd:nth-child(6),#nav_98 dl dd:nth-child(7){ display:none;}
#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;}
/*网分页样式*/
.pages {
	clear: both;
	margin: 40px auto 20px auto;
	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: 4%;
padding-top: 18px; padding-bottom: 4%;  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) {
	.gs .gr img{width:100%;}
	.gs .gt {top: 21.5%;}
}
@media (max-width: 1680px) and (min-width: 1440px) {
		.bslid{top:40%;}
	.bslid.cont{ top:22%;}
	.show-img{height: 566px !important;}
		.sidebar .sb_nav dl{    float: left;display: block;}
}
@media screen and (max-width: 1440px) {
	.silder-main-img .bslid h2,.silder-main-img .bslid.conf h4,.silder-main-img .bslid.conf h3{ font-size:40px;}
	.silder-main-img .bslid.conf img{    width: 94px;margin-top: 12px;}
	.bslid{top:39%;}
	.bslid.cont h3{font-size:32px;}
	.bslid.cont h4{    padding-top: 20px;}
	.bslid.cont{ top:21%;}
	.bslid.cont p{padding-top:45px;}
	.bslid.cont b{ padding-bottom:0;}
	.gs .gt{top: 6%;}
	.show-img {height: 476px !important;}

}
@media (max-width: 1366px) and (min-width: 1200px) {
	.silder-main-img .bslid h2,.silder-main-img .bslid.conf h4,.silder-main-img .bslid.conf h3{ font-size:40px;}
	.silder-main-img .bslid.conf img{    width: 80px;margin-top: 12px;}
	.bslid{top:39%;}
	.bslid.cont h3{font-size:32px;}
	.bslid.cont h4{    padding-top: 20px;}
	.bslid.cont{ top:21%;}
	.bslid.cont p{padding-top:45px;}
	.bslid.cont b{ padding-bottom:0;}
.gs .gt{  top: 5%;  padding: 9%;}
	header{    padding: 0 20px;}
		.gg ul li:nth-child(2){ width:37.6%;}
		.gg ul li:nth-child(3){ width:62.4%;}
	#newslist li{     max-height: 322px;  }
	.new .new-b{padding:4%;}
	.show-img{height: 460px !important;}
}
@media (max-width: 1200px) and (min-width: 991px) {
		.silder-main-img .bslid h2,.silder-main-img .bslid.conf h4,.silder-main-img .bslid.conf h3{font-size: 36px;}
	.bslid.cont h3{font-size: 30px;}
	.bslid.cont p{padding-top:40px;}
	.bslid.cont b{ padding-bottom:0;}
	.bslid.cont h4{padding-top: 10px;}
	.bslid.cont .contt{ width:54%;}
	.silder-ctrl-next{ right:0% !important;}
	.silder-ctrl-prev{ left:0 !important;}
	.silder-main-img .bslid.conf img{width: 52px; margin-top: 10px;}
	.silder-main-img .bslid.conf ul li:last-child{    padding-left: 10px;}
	.bslid.cont{ top:11%;}
	.bslid{top: 32%;}
	.bslid p {font-size: 18px;}
nav ul li {    padding: 0 13px;width: auto;}
	header{position: static;}
	.gs .gt{padding: 6%;top: 0;}
	.gg ul li:nth-child(2){ width:37.5%;}
		.gg ul li:nth-child(3){ width:62.5%;}
	.newi ul li .nt{padding: 30px;}
	.show-img{    height: 345px !important;}
	.wh .we h4{padding: 10px 0 15px;}
	.aui-nav-list-box ul li{    margin: 0 18px;}
	.ds .aui-current,.aui-nav-list-box ul li:hover{font-size:32px;}
	#newslist li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	nav ul li dl dd {padding: 0 23px;}

	
}
@media (max-width: 991px) and (min-width: 767px) {
nav{display:none;}	
.moblie{ display:block;}
header{position: static;}
	.js-silder-ctrl{ top:0;}
	.silder-main-img .bslid h2,.bslid.cont h3,.silder-main-img .bslid.conf h4,.silder-main-img .bslid.conf h3{font-size: 30px;}
	.bslid.cont p{display:none;}
	.bslid.cont .contt{ width:54%;}
	.silder-ctrl-next{ right:0% !important;}
	.silder-ctrl-prev{ left:0 !important;}
	.silder-main-img .bslid.conf img{width: 52px; margin-top: 10px;}
	.silder-main-img .bslid.conf ul li:last-child{    padding-left: 10px;}
	.bslid.cont{ top:6%;}
	.bslid{top: 32%;}
	.bslid p {font-size: 18px;}
	header .mn { display:block;}
	.search{padding: 30px 20px;}
	.search h4{ font-size: 26px;   padding:50px 0;}
	.moblie .hid{    margin-bottom: 21%;}
.met_page {text-align: left;}
	.search-trigger{    width: 100%;}
	.ys .yl,.ys .yr{    padding: 0;}
	.ys .yl .ylt b{font-size: 66px;}
	.ys .yl .ylt,.ys .yr ul li:first-child .yrt{left: 4%;}
	.ys .yr ul li:last-child .yrt{ right:4%;}
	.ys .yl .ylt h3,.ys .yr ul li .yrt h3,.gs .gt h4,#shownews h1{font-size: 24px;}
	.ys .yr ul li .yrt{top: 36px}
	.gs .gl{    position: static;width: 100%;    height: auto;}
	.gs .gt{ position: static;   width: 100%;    padding: 8% 4% 8% 4%;}
	.gg ul li:nth-child(2){ width:37.5%;}
		.gg ul li:nth-child(3){ width:62.5%;}
	.newi ul li{ padding:0;    margin-bottom: 20px;}
	.newi ul li .nt{    padding: 30px;}
	a.amore,a.mo{    margin: 30px 0;}
	.dh p {font-size: 40px;}
	.show-img{ height:280px !important;}
	#newslist li{padding:0 10px;background: none;}
	.new .new-b{background:#fff;}
	.new .new-b .new-t{ font-size:18px;}
	.st ul li h4,.wh .we h4,.ds .aui-current,h3.nti,#imglist li h3,#showimg h1.title{    font-size: 30px;}
	#newslist li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	#imglist li .case{    padding: 11%;}
	.sidebar{    padding: 40px 0;}
.met_page a{    display: block;margin-right: 0px;}
	#wt td{background: none !important;}

}
@media screen and (max-width: 767px) {
	.silder-main-img img.bor{display:none }
  	.silder-main-img img.bot{display:block; }
  .bimg{display:block; height:auto;}
  .silder-main .silder-main-img:nth-child(1) .bimg{    height: 316px;display: none;}

	.js-silder-ctrl{ top:0; bottom:0;}
	.silder-main{ height:346px !important;   }
	.silder-main-img .bslid h2{ font-size:20px;font-weight: lighter;}
	.bslid{position: static;background: #333;    padding: 30px 0;}
	.bslid span,.bslid.cont b,.silder-main-img .bslid.conf img{ display:none;}
	.bslid.cont .contt{ width:100%; background:none; color:#fff; padding:0; text-align: center;}
	.bslid.cont h3{ color:#fff;font-size:20px;}
	.bslid.cont p{ color:#fff; display:none;}
	.bslid.cont h4{display:none;}
	.bslid p{ font-size:18px;}
	.bslid.conf{background:#a60000;}
	.silder-main-img .bslid.conf h4,.silder-main-img .bslid.conf h3{font-size:20px;font-weight: lighter; color:#fff;}
	.silder-main-img .bslid.conf ul{padding-right:0;}
	.silder-main-img .bslid.conf ul,.silder-main-img .bslid.conf ul li{text-align: center; float:none;}
	.silder-main-img .bslid.conf ul li:last-child{padding-left:0;}
nav{display:none;}	
	.moblie{ display:block;}
header{position: static;}
	header .mn { display:block;}
	.search{padding: 30px 20px;}
	.search h4{ font-size: 26px;   padding:50px 0;}
.met_page {text-align: left;}
	.search-trigger{    width: 100%;}
	.ys .yl,.ys .yr{    padding: 0;}
	.ys .yl .ylt b,.ys .yl .ylt i{font-size: 48px;}
  .ys .yl .ylt a.amore{margin:0;}
  .ys .yl .ylt{top: 6%;}
	.ys .yl .ylt,.ys .yr ul li:first-child .yrt{left: 4%;}
	.ys .yr ul li:last-child .yrt{ right:4%;}
	.ys .yl .ylt h3,.ys .yr ul li .yrt h3,.gs .gt h4,#shownews h1{font-size: 24px;}
	.ys .yr ul li .yrt{top: 36px}
	.gs .gl{    position: static;    height: auto;}
	.gs .gt{    width: 100%;    padding: 8% 4% 8% 4%;}
	.newi ul li{ padding:0;    margin-bottom: 20px;}
	.newi ul li .nt{    padding: 30px;}
	a.amore,a.mo{    margin: 30px 0;}
	.d-nav{ display:none;}
	.dh p {font-size: 40px;}
	.show-img{height:240px !important;}
	.st ul li h4,.wh .we h4,.ds .aui-current,h3.nti,#imglist li h3,#showimg h1.title,.supy ul li.jo h3{    font-size: 30px;}
	#newslist li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.wh .we{padding: 30px;     background: #a60000;   position: static;}
	.sidebar .sb_nav dl{    display: block; float: left;
    width: 46%;
    margin: 5px 5px;}
	.new .new-b .new-t{ font-size:18px;}
	#imglist li .case{    padding: 11%;}
	.sidebar{    padding: 10px 0;}
.met_page a{    display: block;margin-right: 0px;}
  table td{     margin-bottom: 20px;  width: 100% !important; float: left;    padding: 5% 5% !important;}
  .st .zi .co{    width: 18.333%;}
  .aui-nav-list-box ul li{font-size: 18px;    width: 50%;
    float: left;
    margin: 0;
    text-align: left;}
  .s-v li video{height: auto;}
  .nnnns li {padding: 13px 23px;}
}
@media screen and (max-width: 320px) {

  .silder-main .silder-main-img:nth-child(1) .bimg{    height: 316px;display: none;}

}
@media (max-width: 375px) and (min-width: 360px){
	.silder-main .silder-main-img:nth-child(2) .bimg{background-position: -256px !important; background:#e9e9eb;}
	}
@media (max-width: 414px) and (min-width: 375px){
	
	.silder-main .silder-main-img:nth-child(2) .bimg{background-position: -256px !important; background-color:#e9e9eb !important;}	
	
}