@charset "utf-8";
 /*  
*@description: 全局 
*@author: name 林异频  
* @update: name ()更新 */

html{width:100%; overflow-x:scroll;}
body{ font:12px/1.8 helvetica,"微软雅黑";color:#686868; min-width:320px;}
body.bg{background: #ffffff;}
@media only screen and (min-width:320px) {
html{ overflow-x:hidden;}
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
input{ padding:0; margin:0; font-family:"微软雅黑"; outline:none}
.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px; width:0; margin:0; padding:0; border:none; overflow:hidden; }
dt{font-weight: normal;}
dt,dd{line-height: 1.8;}
a{text-decoration:none; cursor:pointer; color:#000;transition-property:box-shadow,color,background-color,border;transition-duration:.3s;}
a:hover{ color:#be0818;text-decoration: none;}
h1{ font-size:18px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
h5{ font-size:12px}
.height30{ height:20px;}


.cl{clear: both; overflow: hidden;}

/**************头部**************/
.top,header{margin: 0 -5px;}
.top{background: #f5f6f5; color: #979797; padding: 5px 0;}
.top .container dt{float: left; display:none;}
.top .container dd{float:right; overflow:hidden;}
.top .container dd a{float:left;margin-left: 10px; display: inline-block; color: #979797;}
.top .container dd a:before{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;padding-right: 5px;line-height: 21px;
}
.top .container dd a:hover{ color:#be0818;}
header{padding: 10px 0;border-bottom: 2px solid #be0818; background: #fff;}
header .container h2{float: left;height: 30px;display: inline-block;}/*overflow: hidden;*/
header .container h2 img{height: 100%;}
header .container i#right-menu{float: right;line-height: 30px;display: inline-block; color: #be0818;font-size: 25px;}
#sidr-right{ display:none;right: -50%;position: fixed;top: 0;height: 100%;z-index: 12;width:40%;overflow-x: none;overflow-y: auto;background: #525252;color: #FFF; padding: 10px;}
#sidr-right li p{font-size: 14px;}
#sidr-right li a{ color: #fff;}
#sidr-right li.sidr-nav{clear: both; overflow: hidden;padding:5px 0;}
#sidr-right li.sidr-nav .right-nav1{ display: none; clear: both;overflow: hidden;}
#sidr-right li.sidr-nav .right-nav1 a{ display: block; clear: both; overflow: hidden;}
#sidr-right li.sidr-nav .right-nav1 a:before,menu .container li dl dd a:before{
  font-family:"iconfont" !important;
  font-size:12px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;padding-right: 5px;content: "\e603";    
}
#sidr-right li.sidr-nav.hover .right-nav1{display: block;}
#sidr-right li.sidr-nav .right-nav1 a.on{ color: #BE0818;}
.csh-screen{clear: both; overflow: hidden; position: fixed;top: 0; left: 0; z-index: 10;width: 100%; height: 100%; display: none; background: #fff;opacity:0;filter:alpha(opacity=0);}
.sidr-right-open .csh-screen#right-menu1{ display: block;}
menu{ display: none; background: #be0818; height: 50px;}
menu .container li{float: left;display: inline-block; position: relative;}
menu .container li p{ line-height: 50px;overflow: hidden; padding: 0 7px 0 8px; position: relative;height: 50px;}
menu .container li p a{ color: #fff; padding: 0 15px; display: inline-block;}
menu .container li p:before{
  font-family:"iconfont" !important;
  font-size:12px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;color: #d2535e; position: absolute;left: 0; top: 0;    
}
menu .container li.on p a,menu .container li:hover p a{ background:#ff9000;}
menu .container li:hover dl{ display: block;}
menu .container li dl{ position: absolute;left: 0; top: 50px; background: #fffefe;box-shadow:0 5px 10px rgba(211,212,211,0.7); display:none; padding:10px; min-width:300px;z-index: 10;}
menu .container li dl.menu-right{left: auto;right: 0;}
menu .container li dl dt{float:right;width:160px;margin-top: 1em;}
menu .container li dl dt img{width: 100%;}
menu .container li dl dd{float:left;margin-right: 15px; display: inline-block; overflow:hidden;}
menu .container li dl dd a{ display: block; clear: both;overflow: hidden; color: #686868; line-height: 2.2;}
menu .container li dl dd a.hover,menu .container li dl dd a:hover{color: #be0818;}
@media only screen and (min-width:768px) {
/**************头部**************/
.height30{ height:30px;}

.top,header,menu{margin: 0 -15px;}
.top .container dt{display:inline-block;}
header{ padding:0; border: 0;}
header .container{ padding: 15px;background: url(../logo.jpg) no-repeat right bottom; background-size: auto 55px !important;}
header .container h2{height:45px; }
header .container i#right-menu{ display: none;}
menu{ display: block;}
}
@media only screen and (min-width:992px) {
header .container{ padding:20px 15px;background-size: auto auto !important;}
header .container h2{height:57px; }
menu .container li p{font-size: 16px; padding: 0 13px 0 14px;}
menu .container li dl{ padding:20px; min-width:400px;font-size: 14px;}
menu .container li dl dd{width: 105px;}
menu .container li dl dt{width: 240px;}
}
@media only screen and (min-width:1200px) {
menu .container li p{padding: 0 10px;}
menu .container li p a{ padding: 0 21px;}
}
/**************banner**************/
/*slider*/
.slick-slider{ position: relative; z-index: 1; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before,.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.banner-top{position: absolute;left: 0; top: 0;background: url(../banner.png) repeat-x; clear: both; overflow: hidden; height: 10px;z-index: 5; width: 100%;}
.banner{ 
    position: relative;  
    clear: both;
    overflow: hidden; 
    /*height: 260px;*/
}
.banner .slider a{background-size: auto 100% !important; display: block;height: 260px;}
.banner a img{ width:100%; vertical-align:top}

.banner-ss{background:url(../sousuo-1.png) repeat; padding:8px 0;z-index: 5;position: absolute;bottom: 0;left: 0;width: 100%;}
.banner-ss .container{ padding: 0 10px;}
.banner-ss1{float: right;background: url(../sousuo-2.png) repeat;border-radius: 3px;overflow: hidden; position: relative; padding-left:20px;
/*height: 25px;*/
    
}
.banner-ss1:before{
  font-family:"iconfont" !important;
  font-size:14px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;color: #fff; position: absolute;left:3px; top: 0;
}
.banner-ss-input{background: none;border: 0;line-height: 25px; height: 25px; color: #fff;width: 150px;}
.banner-ss-input::-moz-placeholder {
  color: #fff;
}
.banner-ss-input:-ms-input-placeholder {
  color: #fff;
}
.banner-ss-input::-webkit-input-placeholder {
  color: #fff;
}
.banner-ss-input1{background: #be0818; margin-right: -2px; height: 25px; padding: 0 10px;color:#fff; cursor:pointer;border: 0;border-radius: 0 3px 3px 0;}
@media only screen and (min-width:768px) {
/**************banner**************/    
.banner,.banner .slider a{
    /*height:543px;*/
    
}
.banner-ss{padding:15px 0;}
.banner-ss .container{ padding: 0 15px;}
.banner-ss1{padding-left:25px;height:32px;}
.banner-ss-input{line-height: 32px; height: 32px;width: 150px;}
.banner-ss1:before{left:5px;line-height: 32px;}
.banner-ss-input1{height: 32px; padding: 0 20px;font-size: 14px;}

}  
/**************foot**************/  
footer{background: #525252; margin-top:10px;}
footer .container{ padding: 10px;}
.foot-top{ display: none; position:relative; z-index: 2;margin-top: -39px;}
.foot-top img{ max-width: 100%;}
.foot{ clear: both;overflow: hidden;}
.foot dt{display:none;float: right; width:80px;margin-right:40px}
.foot dt img{ width: 100%;margin:20px auto}
.foot-1{border-bottom: 1px solid #6c6c6c; clear: both;overflow: hidden; padding-bottom: 5px; margin-bottom: 5px;}
.foot-1 span{float: left;color: #fff;}
.foot-1 p{ overflow: hidden; color: #929292;}
.foot-1 p a{ padding: 0 10px; display: inline-block; color: #929292;}
.foot-2{ color: #8c8c8c;}

@media only screen and (min-width:768px) {
/**************foot**************/
footer{margin-top:60px;}
footer .container{ padding: 0;}
.foot-top{ display: block;}
.foot dt{ display: inline-block;}
.foot dd{ overflow: hidden; padding:20px 0;}
.foot-1{height:2.1em;}
}
@media only screen and (max-width:1200px) {
  menu .container li.yc{display: none;}
  }