HTML{overflow-x:hidden;overflow-y:scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p{padding:0; margin:0;}fieldset, img, button, input{border:0;vertical-align:middle;}a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption,  footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: none;  font-size: 100%; }address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }table { border-collapse: collapse; border-spacing: 0; }caption, th { text-align: left; font-weight: 400; }abbr, body, fieldset, html, iframe, img { border: 0; }address, cite, dfn, em, i, var { font-style: normal; }[hidefocus], summary { outline: 0; }li { list-style: none; }h1, h2, h3, h4, h5, h6, small { font-size: 100%; }sub, sup { font-size: 83%; }code, kbd, pre, samp { }q:after, q:before { content: none; }textarea { overflow: auto; resize: none; }label, summary { cursor: default; }a, button { cursor: pointer; }img { border: none; max-width:100%;}b, em, h1, h2, h3, h4, h5, h6, strong { font-weight: 700; }a, a:hover, del, ins, s, u { text-decoration: none; }a { color: #444; text-decoration: none; }a:hover { color: #ed7e42; text-decoration: none; }li, ul { list-style-type: none; }
body, button, input, keygen, legend, select, textarea { outline: 0; color: #555; }
.clearfix:after {clear: both; display: block; visibility: hidden; height: 0; content: '.'; font-size: 0; line-height: 0; }
html, body {max-width:100%;height: 100%;background: #ffffff;word-wrap:break-word;font-family:'微软雅黑', Microsoft YaHei, Arial;}
/*-去掉链接背景-*/
a,input,li,img,span,button{tap-highlight-color: rgba(0,0,0,0); focus-ring-color: rgba(0, 0, 0, 0);  -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-focus-ring-color: rgba(0, 0, 0, 0);  -moz-tap-highlight-color: rgba(0,0,0,0);  -moz-focus-ring-color: rgba(0, 0, 0, 0);  outline:none;}  
/*-禁止选中文字-*/
.sub,#pagebox{-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Chrome/Safari/Opera */-khtml-user-select: none; /* Konqueror */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* Internet Explorer/Edge */ser-select: none; /* Non-prefixed version, currentlynot supported by any browser */}
/*-兼容苹果手机INPUT-*/
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
*, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.allloading{float:left;position:fixed;top: 0px;left:0px;width:100%;height:100%;z-index:999999999;}
.allloading .loadingbg{float:left;position:fixed;top: 0px;left:0px;width:100%;height:100%;z-index:1;background:#fff;opacity:0.98;}
.allloading .loading{width: 80px;height: 40px;position: absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;z-index:2;text-align:center;}
.allloading .loadingup{width: 80px;background:#f0f0f0;height: 30px;line-height: 30px;font-size:0.8em;border-radius:20px;position: absolute;left:50%;top:50%;margin-left:-40px;margin-top:30px;z-index:2;text-align:center;color:#830000;}
.allloading .loadingerr{width: 140px;font-size:0.8em;height: 30px;line-height: 30px;font-size:0.7em;border-radius:20px;position: absolute;left:50%;top:50%;margin-left:-70px;margin-top:60px;z-index:2;text-align:center;color:#108ccf;}
.allloading .loading span{display: inline-block;width: 3px;position: absolute;bottom:0px;left:0px;height:30px;border-radius: 4px;background:#830000;-webkit-animation: load 1s ease infinite;}
@-webkit-keyframes load{0%,100%{height: 20px;background:#ff0000;}50%{height: 40px;background: #830000;}        }
.allloading .loading span:nth-child(2){-webkit-animation-delay:0.2s;left:8px;}
.allloading .loading span:nth-child(3){-webkit-animation-delay:0.4s;left:16px;}
.allloading .loading span:nth-child(4){-webkit-animation-delay:0.6s;left:24px;}
.allloading .loading span:nth-child(5){-webkit-animation-delay:0.8s;left:32px;}


/*###################幻灯################*/
.banner_box{float:left;width:100%;height:100%;margin-top:20px;}
svg {
  display: block;
  overflow: visible;
}
.slider-banner{float:left;width:100%;height: 100%;  overflow: hidden;display:none;}
.slider-container {
float:left;
width:100%;
  position: relative;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: all-scroll;
}
.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.slider-control.inactive:hover { cursor: auto;}
.slider-control:not(.inactive):hover { opacity: 1; cursor: pointer;}
.slider-control.left {  left: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {  right: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}
.slider-pagi { position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
}

.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.slider { z-index: 1;position: relative; height: 100%;}
.slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__overlay,
.slide.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slide:nth-child(1) {left: 0;}
.slide:nth-child(1) .slide__bg {left: 0;}
.slide:nth-child(1) .slide__overlay-path { fill: #999;}
.slide:nth-child(2) {left: 100%;}
.slide:nth-child(2) .slide__bg {left: -50%;}
.slide:nth-child(2) .slide__overlay-path {fill: #999;}
.slide:nth-child(3) {left: 200%;}
.slide:nth-child(3) .slide__bg {left: -100%;}
.slide:nth-child(3) .slide__overlay-path {fill: #999;}
.slide:nth-child(4) {left: 300%;}
.slide:nth-child(4) .slide__bg {left: -150%;}
.slide:nth-child(4) .slide__overlay-path {fill: #999;}

@media (max-width: 991px) {.slide:nth-child(1) .slide__text {background-color: rgba(153, 153, 153, 0.6);}}
@media (max-width: 991px) {.slide:nth-child(2) .slide__text {background-color: rgba(153, 153, 153, 0.6);}}
@media (max-width: 991px) {.slide:nth-child(3) .slide__text {background-color: rgba(153, 153, 153, 0.6);}}
@media (max-width: 991px) {.slide:nth-child(4) .slide__text {background-color: rgba(153, 153, 153, 0.6);}}
@media (max-width: 991px) {.slider-pagi__elem {width: 0.8rem;height: 0.8rem;margin: 0 0.3rem;}}
@media (max-width: 991px) {
.banner_box{height:70%;}
.slider-pagi__elem:before {width:0.8rem;height: 0.8rem;}
.slider-pagi{bottom:0.8rem;}
}

.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 810px;
  -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  will-change: transform, opacity;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
@media (max-width: 991px) {.slide__overlay {display: none;}}
.slide__overlay path {opacity: 0.4;}
.slide__text {
  position: absolute;
  width: 25%;
  bottom:12%;
  left: 6%;
  color: #fff;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height:80px;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 0 1rem;
  }
}
.slide__text-heading {font-size:36px;margin-bottom:40px;color:#ed7e42;}

@media (max-width: 991px) {.banner_box{margin-top:0px;}.slide__text-heading {line-height:200%;font-size:18px;margin-top:10px;color:#fff;}}
.slide__text-desc {line-height:27px;font-size:16px;margin-bottom:80px;}
@media (max-width: 991px) {.slide__text-desc {display: none;}}
.slide__text-link {
  z-index: 5;
  display: inline-block;
  position: relative;
  padding: 0.5rem;
  cursor: pointer;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
@media (max-width: 991px) {.slide__text-link {display: none;}}
.slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotateX(-85deg);
          transform: rotateX(-85deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
.slide__text-link:hover:before {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}




/*#延时#*/
img.lazy{background: none;}
img.load{background: url(../images/loading.gif) no-repeat center center;}
img.noload{}

/*############框架及元素################*/
/*#背景及颜色#*/
.bg_fff{background: #fff;}
.bg_f5{background: #eaeaea;}
.bg_f7{background: #f7f7f7;}
.bg_fa{background: #fafafa;}
.bg_333{background: #333;}
.bg_999{background: #999;}
.bg_000{background: #000;}
.bg_a{background: #f0f0f0;}
.bg_E7E7E7{background: #E7E7E7;}
.bg_EEE{background: #eeeeee;}
.bg_end{background: #383637;}
.bg_enda{background: #222222;}
.news_bg{background:#0b0d1a url(../images/news_bg.jpg) no-repeat center bottom;}
.pic_title_bg{background:#0b0d1a url(../images/top_bg.jpg);}
.cl_999{color: #999;}
.cl_666{color: #666;}
/*#框架#*/
.fl { float: left; }
.fr { float: right;}
.fixed{position:fixed;}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}
.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}
.pr10{padding-right:10px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}.pr60{padding-right:60px;}.pr70{padding-right:70px;}.pr80{padding-right:80px;}.pr90{padding-right:90px;}.pr100{padding-right:100px;}
.pt10{padding-top:10px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pt60{padding-top:60px;}.pt70{padding-top:70px;}.pt80{padding-top:80px;}.pt90{padding-top:90px;}.pt100{padding-top:100px;}
.h50{height:50px;line-height:50px;}
.h40{height:40px;line-height:40px;}
.mt-10{margin-top:-10px;}
.tran { -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.hide { display: none !important; }
.show { display: block !important; }
.overhiden { overflow: hidden; }
.clearer,.clear{clear:both;}
.mobile{display:none;}
.m_hide{display:block;}
.pc_hide{display:none;}
.m_show{display:none;}
.title.mobile{display:none;}
.w_all{width:100%;}
.row{width:100%;padding:10px 10px 10px 10px;line-height:24px;}
.row_no{width:100%;padding:0px;margin:0 auto;line-height:24px;}
.menutop{float:left;width:100%;margin-top:0px;}
.lotbg{background:#333333;color:#333;padding-top:20px;border-bottom:1px solid #2b2b2b;}
.foot_bg a{color:#eee;}
.foot_bg a:hover{color:#f0f0f0;}
.type_bg{background:#333;}
.show_bg{background:#fff;}
.radius,.radius img{border-radius:0px;}
.mline{float:left;width:100%;height:30px;background:#f5f5f5;}
.wline{float:left;width:100%;border-top:1px solid #f9f9f9;border-bottom:1px solid #ededed;margin-bottom:10px;}
ul.where {float:left;width:100%;line-height:36px;height:36px;overflow:hidden;white-space:nowrap;}
ul.where li{ float:left;padding-right:5px;display:inline-block;}
ul.where li .lot{color:#ddd;padding:0px 2px 0px 2px;}
#main{float:left;width:100%;margin:0 auto;height:auto;}
.main{max-width:1780px;margin:0 auto;padding-left:10px;padding-right:10px;position:relative;}
.all_main{max-width:1780px;margin:0 auto;padding-left:10px;padding-right:10px;position:relative;}

.topmain{max-width:1780px;padding-left:0px;padding-right:0px;margin:0 auto;position:relative;}

.end_main{max-width:1780px;padding-left:10px;padding-right:10px;margin:0 auto;position:relative;}

.page_main{margin:0 auto;padding-left:10px;padding-right:10px;position:relative;}

.home_main{margin:0 auto;position:relative;overflow-y:hidden;z-index:99999;}
.lui_main{margin:0 auto;position:relative;overflow-y:hidden;}

.showtv_main{max-width:1200px;margin:0 auto;padding-left:10px;padding-right:10px;position:relative;overflow-y:hidden;}

@media only screen and (max-width: 992px) {
.pc_hide{display:block;}
.page_main{min-width:auto;padding-left: 6px;padding-right: 6px;}
}



/*#####################广告#################*/
#banner_line{display:block;}
#banner_line {float:left;width:100%;max-width:100%;position:relative;text-align:center;margin-top:20px;}
#banner_line .line{float:left;position: absolute;top:-2px;left:0px;width:100%;height:22px;margin:0 auto;background:url(../images/banner_top.png) no-repeat center center;z-index:2;}
#banner_line #banner_box{float:left;width:100%;position:relative;z-index:0;}
#banner_line .line_end{float:left;position: absolute;bottom:0px;left:0px;width:100%;height:22px;margin:0 auto;background:url(../images/banner_end.png) no-repeat center center;z-index:2;}
@media only screen and (max-width: 992px) {
#banner_line {display:none;margin-top: 0px;}
}
#banner_line img{display:inline-block;width:100%;max-width:100%;height:auto;max-height:100%;}
#banner {width:100%;max-width:100%;height:auto;max-height:100%;overflow:hidden;position:relative;}
#banner img{display:inline-block;width:100%;max-width:100%;height:auto;max-height:100%;}
#head .main{max-width:1366px;}
#banner_box img {display:inline-block;width:100%;max-width:100%;}



.Video-banner{display:inline-block;width:100%;max-height:920px;overflow:hidden;}
/*#############头部###############*/
/*##菜单##*/
.topcss{position: fixed;z-index:999999;}
.topcss .topbg{position: absolute;float:left;top:0px;left:0px;width:100%;height:90px;background: #fff;z-index:99;opacity:0.9;box-shadow: 0px 8px 16px 0px rgba(30,30,30,0);}
.topcss #head{position: absolute;top:0px;left:0px;z-index:999;}

#head{float:left;width:100%;margin-top:0px;height:90px;}
#head .logo{float:left;min-width:234px;height:70px;margin:0 auto;overflow:hidden;margin-left:10px;margin-top:10px;}
#head .logo img.a{float:left;width:260px;height:60px;overflow:hidden;margin-top:8px;margin-bottom:0px;}
#head .logo img.b{display:none;}
#head .logo h1{float:left;width:0px;height:0px;overflow:hidden;margin-top:0px;}
#head .menu{float:right;height:90px;margin:0px 0px 0px 0px;border:0px solid #ededed;z-index:9999;padding-right:90px;position:relative;}

#head .menu .actions{display: inline-block;height:40px;position: absolute;top:28px;right:0px;z-index:999;}
#head .menu .actions a{display: inline-block;width:46px;height:40px;}
.topcss .menu .actions a.qq_ui {background: url(../images/top_icon.png) -48px -2px no-repeat;}
.topcss .menu .actions a.wx_ui {background: url(../images/top_icon.png) 0px 0px no-repeat;}
.topcss .menu .actions a:hover.qq_ui {background: url(../images/top_icon.png) -48px -42px no-repeat;}
.topcss .menu .actions a:hover.wx_ui {background: url(../images/top_icon.png) 0px -40px no-repeat;}
.hometop .menu .actions a.qq_ui {background: url(../images/top_icon.png) -48px -82px no-repeat;}
.hometop .menu .actions a.wx_ui {background: url(../images/top_icon.png) 0px -82px no-repeat;}
.hometop .menu .actions a:hover.qq_ui {background: url(../images/top_icon.png) -48px -42px no-repeat;}
.hometop .menu .actions a:hover.wx_ui {background: url(../images/top_icon.png) 0px -40px no-repeat;}
.menu .wx_show {display: inline-block;width:188px;height:188px;line-height:174px;text-align:center;top:100px;right:20px;background: #fff;padding: 6px;position: absolute;display:none;}

#head .menu a{display: inline-block;text-align:center;letter-spacing:0px;width:70px; white-space:nowrap;font-size:1em;margin:0px 0px 0px 0px;font-weight:200;color:#595757;}

.topcss #head .menu a{height:90px;line-height:90px;}
.topcss #head .menu .actions{top:28px;}
.topcss #head .menu .actions a{height:40px;line-height:40px;}


#menu {float: left;width:100%;}
#menu .dropbtn{height:90px;line-height:90px;position:relative;padding-left:0px;padding-right:0px;}
#menu .dropbtn span.en{width:100%;position: absolute;top:0px;left:0px;text-align:center;font-size:0.8em;color:#595757;letter-spacing:0px;display:none;}
.hometop #menu .dropbtn span.en{top:0px;color:#fff;}
#menu .dropbtn,#menu button {border: none;background:none;cursor: pointer;}
#menu .dropbtn a,#menu button a{float:left;height:90px;padding: 0px 0px 0px 0px;letter-spacing:0.02em;}
#menu .dropdown:hover a{color:#ed7e42;}
#menu .dropbtn a:hover,#menu button a:hover{color:#d34506}
#menu .dropdown {position: relative;display: inline-block;}
.homemenu #menu .dropdownxxx:first-child{display:none;}
#menu .dropdown-content {display: none;position: absolute;background-color:none;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:9999;left:-10px;top:90px;border-radius:0px 0px 4px 4px;}
#head .menu .dropdown-content a {font-size:14px;background-color: #595757;color: #fff;min-width:105px;text-decoration: none;display: block;height:42px;line-height:42px;margin-bottom:2px;}
#head .menu .dropdown-content a:hover {display:block;background: #fff;color:#ed7e42;border-radius:0px 0px 0px 0px;}
#menu .dropdown:hover .dropbtn {float:left;height:auto;background:none;color:#333;}
#menu .dropdown:hover .dropbtn a{}
#menu .dropdown:hover i{float:left;display:none;z-index:999999;width:50%;position:absolute;top:0px;left:50%;height:2px;background:#d34506;transform:translate(-50%);animation:domenu .3s linear forwards}
@keyframes domenu{0%{width:0}to{width:100%}}
#head .menu .on .dropbtn a{color:#000;}
#head .menu .dropdown-content a.on{color:#000;}

.homemenu #menu .dropdown-content a.on{color:#fff;}
.homemenu #menu .on .dropbtn a{color:#fff;font-weight:800;}
.topcss #menu .on .dropbtn a{color:#000;font-weight:800;}

.hometop{position: fixed;z-index:999999;}
.hometop .topbg{position: absolute;float:left;top:0px;left:0px;width:100%;height:90px;background: #f9f9f9;z-index:99;opacity:0;box-shadow: 0px 8px 16px 0px rgba(30,30,30,0);}
.hometop #head{position: absolute;top:30px;left:0px;z-index:999;}
.hometop #menu .dropbtn span.en{display:none;}
.hometop #head .menu a{color:#fff;}
.hometop #menu .dropdown:hover .dropbtn{float:left;height:auto;background: none;color:#fff;}
.hometop #menu .dropdown:hover i{display:none;}

.menu-height{float:left;width:100%;height:70px;}

@media only screen and (max-width: 1300px) {#menu .dropbtn{padding-left:0px;padding-right:0px;}}

@media only screen and (max-width: 1920px) {.topcss #menu .dropdown:hover .dropdown-contentxxx {display: none;}}
@media only screen and (max-width: 992px) {
#head .menu .dropdown-content a{margin-bottom:0px;}
#head .menu .actions{display:none;}
.menu-height{height:50px;}
/*##菜单##*/
.hometop #head{top:0px;}
.topcss .topbg{position: absolute;float:left;top:0px;left:0px;width:100%;height:0px;background:none;z-index:99;opacity:0.9;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
.m_show{display:block;}
#head{border-bottom:0px solid #eee;background:#000;position:fixed;height:50px;}
#head {z-index:9999;top:0px;left:0; width:100%;_position:absolute;_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;}
#head .logo{top:0px;left:0px;right:0px;position: absolute;z-index:999999;margin-top: 0px;margin-left:10px;min-width:36px;width:80px;height:50px;}
#head .logo img.a{display:none;}
#head .logo img.b{display:block;float:left;width:32px;height:32px;overflow:hidden;margin-top:10px;margin-bottom:0px;}
#menu .dropdown{float: left;width:100%;border-bottom:1px solid #2b2b2b;}
.topcss #head .menu a{height:50px;line-height:50px;}
#menu .dropbtn{float: left;width:100%;height:50px;line-height:50px;padding-left:0px;}
#menu .dropbtn span.en{display:none;}
#menu .dropbtn, #menu button{background:none;}
#menu .dropbtn a, #menu button a{height:50px;}
#head .menu a{color:#999;width:100%;text-align:left;padding-left:20px;height:40px;line-height:40px;}
#menu .dropdown:hover a{color:#f0f0f0;}
#head .menu .on .dropbtn a{color:#fff;}
#menu .dropdown:hover .dropbtn{background:none;color:#f0f0f0;}
#menu .dropdown:hover i{background:none;height: 1px;}
#menu .dropbtn a:hover, #menu button a:hover{color:#fff;}
#head .menu{position:static;}
.menu .title{float: left;color:#fff;top:0px;left:0px;right:0px;position: absolute;width:100%;max-width:100%;height:50px;line-height:50px;text-align:center;z-index:9999;font-size:1.4em;overflow:hidden;}
.mobile{display:block;padding:0px;padding:0px;position:fixed;right:0px;top:0px;z-index:999999;width:80px;height:50px;}
.mobile #opennav{right:0px;position: absolute;-webkit-tap-highlight-color:transparent;}
.mobile .open{width:38px;height:50px;padding:18px 0px 0px 10px;}
.mobile .close{width:38px;height:50px;padding:18px 0px 0px 10px;}
.mobile .fa-line{cursor: pointer;width: 18px;height: 14px;}
.mobile .icon{float:left;width: 18px;height: 2px;border-top: 2px solid #fff;background: #fff;background-clip: content-box;}
.mobile .close .fa-line>.icon{border: 0;background: none;}
.mobile .icon:before,.icon:after{position: absolute;content: "";width: 18px;height: 18px;transition: .5s ease;-webkit-transition: .5s ease;opacity:1;}
.mobile .icon:before{top: 10px;border-bottom: 2px solid #fff;}
.mobile .icon:after{top: 23px;border-top: 2px solid #fff;}
.mobile .close .fa-line>.icon:before{opacity: 1;transform: rotate(135deg) translateX(2px) translateY(-12px);-webkit-transformxx: rotate(135deg) translateX(2px) translateY(-12px);}
.mobile .close .fa-line>.icon:after{opacity: 1;transform: rotate(-135deg) translateX(5px) translateY(15px);-webkit-transformxx: rotate(-135deg) translateX(4px) translateY(14px); }
#menu-mark{display:none;width:100%;height:100%;position:fixed;left:0px;top:0px;background:#666;z-index:99;opacity:0.3;overflow-y:scroll;}
#menu{display:none;}
#menu.toggled{float:left;display:block;width:210px;padding-bottom:80px;height:100%;background:#333;display:block;position: absolute;right:-240px;top:-4px;bottom:0px;box-shadow: -2px 0px 20px #333;overflow-y:scroll;}
#menu.toggled li{float:left;width:100%;height:50px;line-height:50px;border-bottom:1px solid #2A2A2A;}
#menu.toggled li li{border-bottom:0px;}
#menu ul {float: left;position:relative;opacity:1;visibility:visible;margin:0px;top:0px;}
#menu ul.open{display:block;}
#menu {float: left;width:100%;margin-top:0px;}
#menu .dropdown-content{float:left;width:100%;position:relative;top: 0px;left:0px;background-color:#4a4a4a;border-radius:0px;}
#menu .dropdown-content a{border-bottom:1px solid #333333;width:100%;}
#menu .dropdown-content.open{display: block;}
#head .menu .dropdown-content a{color:#999;}
#menu .item-has-children .dropbtn > a { position: relative;text-transform: uppercase;font-weight: 200;height:50px;line-height:50px;}
#menu .item-has-children .dropbtn > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2em;
  background: url("../images/menu.png") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#menu .item-has-children .submenu-open > a::after {-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}
#menu .dropdown:hover .dropdown-content {display:none;}
#menu .dropdown:hover .sub-menu{display: block;}
#head .menu .dropdown-content a.on{color:#fff;}
#menu .dropbtn a:active{background:#14485c;}
#menu .dropbtn.submenu-open a:hover{color:#fff;}
#menu .dropbtn a:hover{color:#999;}
.m_hide{display:none;}
.fixed-bar{display:none;}
.menutop{margin-top:48px;}
}






/*首页内容*/
.box-line{float:left;width:100%;background:#f7f7f7;height:20px;}
.home_title{display:inline-block;width:100%;text-align:center}
.home_title .title{display:inline-block;width:100%;font-size:2em;color:#111;font-weight:400;padding:30px 0px 0px 0px;letter-spacing:4px;}
.home_title .name{display:inline-block;width:100%;font-size:1.1em;color:#999;font-weight:200;padding:6px 0px 10px 0px;}

.home_title .line{display:inline-block;width:280px;height:1px;background:#eee;margin:0px 0px 10px 0px;position:relative;}
.home_title .line i{position:absolute;width:80px;height:3px;top:-1px;left:100px;background:#ed7e42;}

.home_title .show{display:inline-block;max-width:800px;padding:0px 0px 0px 0px;margin:0 auto;text-align:center;}
.home_title .show .text{float:left;width:100%;font-size:1em;color:#bbb;font-weight:200;line-height:24px;}

.home_box{display:inline-block;width:100%;min-height:300px;margin:0px 0px 0px 0px;}

.home_box .home_show{float:left;width:24%;margin-right:1%;margin-bottom:20px;}
.home_box .home_show.a{float:left;width:14.6%;margin-left:1%;margin-right:1%;margin-bottom:20px;}
.home_box .home_show .pic{float:left;width:100%;position:relative;text-align:center;}
.home_box .home_show .pic i{float:left;position:absolute;top:0px;left:0px;width:90%;height:90%;margin:4% 5% 5% 5%;}
.home_box .home_show .pic i em{float:left;position:absolute;top:0px;left:0px;width:100%;height:100%;border: 0px solid #e7141a;opacity:0;transition: 0.2s ease;}
.home_box .home_show .pic:hover i em{float:left;position:absolute;top:0px;left:0px;width:100%;height:100%;border: 3px solid #e7141a;opacity:0.4;transition: 0.2s ease;}
.home_box .home_show .pic img{width:100%;}
.home_box .home_show.a .pic:hover img{background:#e8851d;border-radius:50%;}
.home_box .home_show .title{float:left;width:100%;height:27px;line-height:27px;text-align:center;overflow: hidden;margin-top:14px;}
.home_box .home_show a .title {color:#333;transition: 0.3s ease;}
.home_box .home_show a:hover .title {color:#ff0000;transition: 0.3s ease;}
.home_box .home_show.a{margin-top:1%;}
.home_box .home_show.a .title{font-size:1.2em;letter-spacing:2px;}
.home_box .home_show.a .end{float:left;width:100%;height:27px;line-height:27px;text-align:center;overflow: hidden;color:#ccc;}
.home_box .home_show.a a .title {color:#333;}
.home_box .home_show.a .end a{color:#999;transition: 0.3s ease;}
.home_box .home_show.a .end a:hover{color:#e7141a;transition: 0.3s ease;}
.home_box .home_show.a .pic img{max-width:140px;}


.home_pic_list {float:left;background: #fff;width: 25%;padding: 0px;margin-bottom: 0px;text-align:center;transition: all 500ms ease;max-height:400px;min-height:80px;}
.home_pic_listxxx:hover{box-shadow:2px 2px 8px rgba(50,50,50,.3);border:1px solid #f0f0f0;}
.home_pic_listxxx:hover{box-shadow:0px 0px 20px rgba(50,50,50,.4);border:1px solid #f0f0f0;transition: all 500ms ease;}

.home_pic_list .title{float:left;width:100%;height:46px;line-height:46px;text-align:center;overflow: hidden;;}
.home_pic_list .pic{width:100%;height:100%;background-position: center;background-size:cover;position: absolute;max-height:400px;min-height:80px;}
.home_pic_list .picxxx img{width:100%;}
@media only screen and (max-width: 992px) {
.home_pic_list{width:33.3%;}
.home_pic_list .title{height:40px;line-height:40px;}
}
@media only screen and (max-width: 400px) {
.home_pic_list .pic{max-height:400px;min-height:80px;}
.home_pic_list{width:33.3%;}
}




.box-more{float:left;width:100%;height: 40px;margin: 0 auto;text-align: center;margin-top:20px;margin-bottom:30px;}
.box-more a {display:inline-block;height: 36px;line-height: 36px;padding-left:30px;padding-right:30px;background: #111;color: #fff;border-radius: 18px;display: inline-block;text-align: center;border: 1px solid #ddd;}
.box-more a:hover{background: #d34506;}


@media only screen and (max-width: 992px) {
.home_title .title{padding:30px 0px 0px 0px;}
.home_box{border: 0px solid #999;}
.home_title .title{font-size:1.4em;}
.home_title .name{font-size:0.8em;padding:0px 0px 10px 0px;}
.home_box .home_show{float:left;width:45%;margin-left:2%;margin-right:2%;margin-bottom:20px;}
.home_box .home_show.a{float:left;width:29%;margin-left:2%;margin-right:2%;margin-bottom:20px;}
.home_box .home_show .title{height:23px;line-height:23px;margin-top:10px;}
.home_box .home_show.a .end{height:23px;line-height:23px;}
.home_box .home_show.a .end a{font-size:0.8em;}
.home_box .home_show.a .title{font-size:14px;}
.home_box .home_show.a .pic img{width:60%;}
}





/*内页新闻内容*/

.page_main .topbox{float:left;width:49%;padding:3%;padding-right:0%;}
.page_main .topbox .toptitle{display:inline-block;width:100%;font-size:22px;height:30px;line-height:30px;color:#000;overflow: hidden;}
.page_main .topbox .box{display:inline-block;width:100%;border: 1px solid #ccc;padding:20px;padding-bottom:0px; position:relative;}

.page_main .topbox .toptxt{display:inline-block;width:auto;margin-right:260px;font-size:14px;height:250px;line-height:27px;color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
.page_main .topbox a .toptxt {color:#333;}
.page_main .topbox a:hover .toptxt {color:#999;}
.page_main .topbox .toppic{position:absolute;top:20px;right:20px;width:250px;}
.page_main .topbox .toppic img{width:250px;}

.page_main .news_listbox{float:right;width:49%;padding:3%;}
.page_main .news_listbox .box_top{width:100%;position:relative;}
.page_main .news_listbox .box_top img{position:absolute;top:0px;left:0px;width:110px;height:110px;}
.page_main .news_listbox .box_top .more{position:absolute;top:4px;right:4px;}
.page_main .news_listbox .box_top .more a{border: 1px solid #999;color:#333;padding:6px 10px 6px 10px;border-radius:4px;}
.page_main .news_listbox .box_top .more a:hover{color:#000;background:#d4a500;}
.page_main .news_listbox .box_top .title{margin-left:120px;width:auto;height:27px;line-height:27px;font-size:18px;color:#f0ba02;overflow: hidden;}
.page_main .news_listbox .box_top .txt{margin-left:120px;margin-top:12px;width:auto;font-size:14px;height:75px;line-height:25px;color:#f0f0f0;overflow: hidden;}


.page_main .news_listbox .box_list{display:inline-block;width:100%;}
.page_main .news_listbox .box_list .list{color:#999;font-size:16px;display:inline-block;width:100%;padding-bottom:4px;position:relative;border-bottom: 1px solid #ccc;height:37px;line-height:37px;position:relative;overflow: hidden;}
.page_main .news_listbox .box_list .list a{color:#333;font-size:14px;}
.page_main .news_listbox .box_list .list .date{position:absolute;top:0px;right:4px;display:none;}
.page_main .news_listbox .box_list .list a:hover{color:#ff0000;}

.page_main .datamore{float:left;width:100%;margin-top:4px;margin-bottom:30px;text-align:center;}
.page_main .datamore a{margin:0 auto;padding: 8px 14px 8px 14px;background: #f0ba02;color: #000;font-size: 16px;border-radius: 4px;}
.page_main .datamore  a:hover {background: #8c6d00;color: #513f00;}

.blackbg .type-box_shows a {display: inline-block;height: auto;text-align: center;margin: 0 auto;margin: 0px 4px 0px 4px;overflow-y: hidden;transition: all 500ms ease;}
.blackbg .type-box_shows ul span {float: left;width: 100%;margin-top: 10px;text-align: center;overflow: hidden;}
.blackbg .type-box_shows a span {color: #666;font-size: 16px;padding: 10px 20px 10px 20px;background: #333;border-radius: 4px;}

.blackbg .type-box_shows a.on span, .blackbg .type-box_shows a:hover span {display: inline-block;color: #000;border-radius: 4px;background:#fff;}




.page_news_list{display:inline-block;width:100%;margin-bottom:30px;margin-top:20px;}
.page_news_list li{position:relative;display:inline-block;width:100%;padding:30px;height:260px;margin-bottom:20px;border:1px solid #68696e;overflow: hidden;border-radius: 4px;}
.page_news_list li:hover{}

.page_news_list li .box{float:left;width:100%;padding-right:300px;}

.page_news_list li .pic{float:left;position:absolute;top:30px;right:30px;max-width:220px;max-height:220px;line-height:200px;overflow: hidden;padding:0px;text-align:center;}
.page_news_list li .pic img{width:100%;max-height:200px;border-radius: 4px;}
.page_news_list li:hover .pic img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;}
.page_news_list li a{float:left;width:100%;height:100%;}
.page_news_list li .title{float:left;width:100%;height:40px;line-height:40px;overflow: hidden;}
.page_news_list li a .title{font-size:20px;color:#fbc300;}
.page_news_list li a:hover .title{color:#e8b400;}
.page_news_list li .txt{float:left;font-size:16px;width:100%;max-height:160px;line-height:27px;overflow: hidden;color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.page_news_list li a .txt{color:#eee;}
.page_news_list li a:hover .txt{color:#999;}

.page_news_list li .tag{float:left;position:absolute;bottom:26px;left:30px;width:100%;height:22px;line-height:22px;overflow: hidden;font-size:12px;color:#666;}
.page_news_list li .tag a{color:#666;padding:0px 2px 0px 2px;}
.page_news_list li .tag a:hover{color:#d34506;}


/*内页产品内容*/

.pic_title{float:left;width:100%;z-index:999;left:0px;top:0px;overflow: hidden;}
.pic_title .titlebox{float:left;width:100%;position:relative;height:80px;line-height:80px;overflow: hidden;}
.pic_title .titlebox .title{width:auto;padding-right:240px;color:#ccc;font-size:16px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.pic_title .titlebox .title a{color:#999;padding-right:10px;}
.pic_title .titlebox .title a:hover{color:#f0ba02;}
.pic_title .titlebox .title a.on{color:#fff;}

.pic_title .titlebox .toolbox{float:left;position:absolute;height:80px;line-height:80px;top:0px;right:0px;z-index:2;width:360px;}
.pic_title .titlebox .toolbox .tool a.hover{color:#f0ba02;}

.pic_title .titlebox .tool{float:left;width:346px;padding-right:4px;border-right:1px solid #000;text-align:right;}
.pic_title .titlebox .tool a{padding-left:10px;padding-right:10px;font-size:16px;color:#eee;}
.pic_title .titlebox .tool a:hover{color: #f0ba02;}
.pic_title .titlebox .buy{float:left;width:110px;border-left:1px solid #111;text-align:right;}
.pic_title .titlebox .buy a{padding:8px 14px 8px 14px;background:#f0ba02;color:#000;font-size:16px;border-radius:4px;}
.pic_title .titlebox .buy a:hover{background: #8c6d00;color: #513f00;}

.pic_box{padding-top:80px;}
.pic_box .pic_list {display: none;position: relative;min-height:400px;}
.pic_box .pic_list.active {display: block;}




@media only screen and (max-width: 992px) {
.pic_title{position:relative;}
.pic_title .page_main{padding:0px;}
.pic_title .titlebox{height:auto;line-height:auto;}
.pic_title .titlebox .title{background:#fff;width:100%;height:60px;line-height:60px;padding-right:0px;padding-left:10px;}
.pic_title .titlebox .title a.on{color:#000;}
.pic_title .titlebox .toolbox{float:none;position:relative;wdith:100%;max-width:992px;margin:0 auto;height:50px;line-height:50px;text-align:center;}

.pic_title .titlebox .tool a{font-size:14px;}
.pic_title .titlebox .buy{width:90px;padding-left:8px;}
.pic_title .titlebox .buy a{padding:4px 8px 4px 8px;}


.page_main .topbox .toptitle{font-size:22px;height:auto;line-height:30px;text-align:left;}
.page_main .topbox{width:100%;padding:0%;}
.page_main .news_listbox{width:100%;padding:0%;}
.page_news_list li{padding:10px;height:200px;}
.page_news_list li .box{padding-right:160px;}
.page_news_list li .pic{top:0px;right:10px;width:140px;height:auto;}
.page_news_list li .pic img{width:100%;max-height:140px;}
.page_news_list li a .title{font-size:14px;}
.page_news_list li a .txt{font-size:12px;}
.page_news_list li .tag{left:10px;bottom:20px;}
}
@media only screen and (max-width: 640px) {
	.page_main .topbox .box{padding-bottom:30px;}
.page_main .topbox .toptxt{width:100%;margin-right:0px;height:auto;}
.page_main .topbox .toppic{position:relative;top:0px;right:0px;width:100%;}
.page_main .topbox .toppic img{width:100%;}
.homemenu #menu .dropdown:first-child{display:block;}
}	



.home_can{display:inline-block;width:100%;text-align:center;margin-top:60px;}
.home_can li{display:inline-block;width:14%;margin-left:1%;margin-right:1%;margin-bottom:40px;}
.home_can li span{display:inline-block;width:100%;height:30px;line-height:30px;}
.home_can00 li img{display:inline-block;max-width:140px;border-radius:140px;}
.home_can li img{display:inline-block;max-width:140px;border-radius:4px;}
@media only screen and (max-width: 1280px) {
.home_can li img{display:inline-block;max-width:100px;border-radius:100px;}
}	
@media only screen and (max-width: 992px) {
.home_can{margin-top:20px;}
.home_can li{display:inline-block;width:30%;margin-left:1%;margin-right:1%;margin-bottom:30px;}
.home_can li img{display:inline-block;max-width:100px;border-radius:100px;}
}
@media only screen and (max-width: 720px) {
.home_can li{display:inline-block;width:30%;margin-left:1%;margin-right:1%;margin-bottom:30px;}
.home_can li img{display:inline-block;max-width:80px;border-radius:80px;}
}


.home_pic{display:inline-block;width:98%;margin-left:1%;text-align:center;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.home_pic li{display:inline-block;width:16%;margin-bottom:2px;margin-left:2px;position:relative;}
.home_pic li span{display:none;width:100%;height:30px;line-height:30px;position: absolute;top:0px;left:0px;text-align:center;height:30px;color:#fff;z-index:2;}
.home_pic li img{display:inline-block;width:100%;}
.home_pic li:hover i{display:inline-block;width:100%;height:100%;position: absolute;top:0px;left:0px;background:#ff0008;z-index:1;opacity:0.5;}
.home_pic li:hover span{display:inline-block;top:50%;margin-top:-15px;animation:dohomesapn .3s linear forwards;}
@keyframes dohomesapn{0%{top:100%}to{top:50%}}

@media only screen and (max-width: 1280px) {
.home_pic{margin-top:20px;}
.home_pic li{width:24%;}
}	
@media only screen and (max-width: 720px) {
.home_pic{margin-top:10px;width:100%;margin-left:0%;}
.home_pic li{width:33%;}
.home_pic li i{display:inline-block;width:100%;height:100%;position: absolute;top:0px;left:0px;background:#111;z-index:1;opacity:0.5;}
.home_pic li span{display:inline-block;top:50%;margin-top:-15px;}
}
@media only screen and (max-width: 640px) {
.home_pic li{width:49%;}
}

.home_about{background:#fff;border-radius: 4px;box-shadow: 2px 2px 8px rgba(190,190,190,.1);border: 1px solid #f2f2f2;max-width: 1275px;}
.home_about .about_show{float:left;width:96%;margin-right:2%;margin-left:2%;line-height:27px;}
.home_about .about_show hr{float:left;width:100%;overflow: hidden;height:1px;border:none;border-top:1px dotted #eee;}
.home_about .about_show img{max-width:100%;}
.home_about .about_left{float:left;width:25%;margin-right:5%;margin-left:2%;}
.home_about .about_left img{max-width:100%;}
.home_about .about_right{float:right;width:66%;margin-right:2%;line-height:28px;}

.home_box .about_show{float:left;width:96%;margin-right:2%;margin-left:2%;line-height:27px;}
.home_box .about_show hr{float:left;width:100%;overflow: hidden;height:1px;border:none;border-top:1px dotted #ddd;}
.home_box .about_show img{max-width:100%;}



.home_about .show_title{display:inline-block;width:100%;text-align:center;margin-top:30px;}
.home_about .show_title .title{display:inline-block;width:100%;font-size:1.8em;color:#000;font-weight:bold;padding:0px 0px 10px 0px;}
.home_about .show_title .con{display:inline-block;width:100%;font-size:1.2em;color:#777;line-height:20px;font-weight:200;padding:0px 0px 20px 0px;}
.home_about .about_right .show{float:left;width:100%;text-indent:2.4em;font-size:1.4em;line-height:30px;color:#777;}

@media only screen and (max-width: 720px) {
.home_about{border-radius:0px;box-shadow: 2px 2px 8px rgba(190,190,190,0);border: 0px solid #f2f2f2;}	
.home_about .show_title{margin-top:0px;}
.home_about .about_left{width:100%;padding-right:4px;margin-left:2px;}
.home_about .about_left img{width:100%;}
.home_about .about_right{float:left;width:100%;margin-right:0%;margin-top:40px;}
.home_about .about_right .show{line-height:30px;}
}



.nodata{float:left;width:100%;height:700px;line-height:150px;text-align:center;margin-top:20px;margin-bottom:30px;}
.type-box{float:left;width:100%;height:72px;margin-top:20px;}
.type-box_shows{float:left;margin:20px 0px 0px 0px;padding-bottom:0px;width: 100%;text-align:center;z-index:9999999999;zoom:1;}
.type-box_shows.lui{float:left;margin:30px 0px 0px 0px;padding-bottom:0px;width: 100%;text-align:center;z-index:9999999999;zoom:1;}

.type-box .type-box_shows{margin:0px 0px 0px 0px;}

.type-box_shows ul{margin:0 auto;width:100%;text-align:center;padding-top:0px;padding-left:10px;height:auto;margin-bottom:0px;overflow-x: auto;overflow-y:hidden;white-space: nowrap;}

.type-box_shows a{display: inline-block;height:auto;text-align:center;margin:0 auto;margin:0px 4px 0px 4px;overflow-y:hidden;}
.type-box_shows ul img{width:60px;height:60px;text-align:center;}
.type-box_shows ul span{float:left;width:100%;margin-top:10px;text-align:center;overflow:hidden;}
.type-box_shows a span{display:inline-block;color:#666;font-size:16px;padding:10px 20px 10px 20px;background:rgb(240,240,240,0);transition: all 500ms ease;}
.type-box_shows a.on span,.type-box_shows a:hover span{float:left;color:#fff;border-radius:4px;background:#595757;background:rgb(89,87,87,0.9);transition: all 500ms ease;}



.type-box_shows a.is-active span{color:#d34506;background:#f0f0f0;border-radius:4px;}


.pc_fixed{position: fixed;top:0px;left:0px;z-index:9999;background:#fff;border-bottom:1px solid #f0f0f0;padding-bottom:8px;}
@media only screen and (max-width: 992px) {
.pc_fixed{position: relative;}
}




.show_list{float:left;width:100%;margin-bottom:30px;margin-top:0px;border:0px solid #f0f0f0;border-bottom:0px;border-radius: 4px;}
.show_list li00{position:relative;display:inline-block;width:100%;border-bottom:1px solid #f4f4f4;height:auto;padding:30px;background:#fff;border-radius: 4px;}
.show_list .show_box{position:relative;display:inline-block;width:100%;border-bottom:1px solid #f4f4f4;height:auto;padding:30px;background:#fff;border-radius: 4px;}
.show_list li .left_main{float:left;width:30%;max-width:400px;}
.show_list li .left_main .pic{float:left;width:100%;margin-top:0px;}
.show_list li .left_main .pic img{width:100%;}

.show_list li .right_main{float:left;width:66%;margin-left:4%;padding:0px;overflow: hidden;}
.show_list li .right_main .title{float:left;width:100%;height:27px;line-height:27px;overflow: hidden;padding:0px;font-size:20px;color:#282828;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.show_list li .right_main .tag{float:left;width:100%;height:20px;line-height:20px;padding:0px;font-size:12px;color:#bbb;margin-bottom:10px;}
.show_list li .right_main .content{float:left;width:100%;line-height:27px;padding:0px;font-size:16px;}

.tv_list{float:left;width:100%;margin-bottom:30px;margin-top:20px;border-bottom:0px;border-radius: 4px;}
.tv_list li{position:relative;display:inline-block;width:100%;border-bottom:1px solid #f4f4f4;height:auto;padding:30px;}

.tv_main{float:left;width:100%;padding:0px;overflow: hidden;}
.tv_main .title{float:left;width:100%;height:auto;line-height:32px;overflow: hidden;padding:0px;font-size:20px;color:#282828;font-weight:800;}
.tv_main .tag{float:left;width:100%;height:auto;line-height:24px;padding:0px;font-size:14px;color:#999;margin-bottom:10px;padding-top:6px;}
.tv_main .content{float:left;width:100%;padding:0px;}
.tv_main .content iframe{float:left;width:100%;max-height:680px;}

.tv_main .content video{float:left;width:100%;max-height:680px;}

.txp_tipbar{display:none;}



@media only screen and (max-width: 720px) {
.show_list li .left_main{float:left;width:100%;text-align:center;max-width:700px;}
.show_list li .right_main{float:left;width:100%;margin-left:0%;padding:0px;}	
.show_list li .right_main .title{margin-top:10px;}
}


.page_box{float:left;width:100%;background:#fff;margin-bottom:30px;margin-top:20px;min-height:400px;border-radius:4px;}


.show-left{float:left;width:75%;margin-top:20px;}
.show-right{float:right;width:23%;margin-left:2%;margin-top:20px;}

/*#####列表内页#######*/
.page_list{display:inline-block;width:100%;margin:20px 0px 40px 0px;min-height:200px;padding:2px;}
.page_list.pic_list{}
.pic_list li{display:inline-block;background:#fff;width:23%;margin-left:1%;margin-right:1%;padding:16px;margin-bottom:20px;box-shadow:2px 2px 8px rgba(190,190,190,.1);border:1px solid #f2f2f2;}
.pic_list li:hover{box-shadow:2px 2px 8px rgba(50,50,50,.3);border:1px solid #f0f0f0;}
.pic_list li:hover > .title a{color:#333;}
.pic_list li .pic{float:left;width:100%;}
.pic_list li .pic img{width:100%;}
.pic_list li .title{float:left;width:100%;height:26px;line-height:26px;overflow: hidden;margin-bottom:10px;}
.pic_list li .title a{color:#999;}
.pic_list li .tag{float:left;width:100%;height:30px;line-height:30px;padding:0px 10px 0px 10px;overflow: hidden;color:#999;}
.pic_list li .tag a{color:#999;}

.show_list li{display:inline-block;background:#fff;width:23%;margin-left:1%;margin-right:1%;padding:16px;margin-bottom:20px;box-shadow:2px 2px 8px rgba(190,190,190,.1);border:1px solid #f2f2f2;}
.show_list li:hover{box-shadow:2px 2px 8px rgba(50,50,50,.3);border:1px solid #f0f0f0;}
.show_list li:hover > .title a{color:#333;}
.show_list li .pic{float:left;width:100%;}
.show_list li .pic img{width:100%;}
.show_list li .title{float:left;width:100%;height:30px;line-height:30px;overflow: hidden;margin-top:10px;font-size:16px;text-align:center;}
.show_list li .title a{color:#333;}
.show_list li .title a:hover{color:#ff0000;}
.show_list li .tag{float:left;width:100%;height:30px;line-height:30px;padding:0px 10px 0px 10px;overflow: hidden;color:#999;text-align:center;}
.show_list li .tag a{color:#999;}

.show_list li:hover .title{color:#ff0000;}

@media only screen and (max-width: 992px) {
.show-left{margin-top:0px;}
.show-right{margin-top:0px;}
.pic_list li{width:48%;}
.show_list li{width:48%;padding:0px 0px 12px 0px;}
}
@media only screen and (max-width: 400px) {
.pic_list li{width:98%;}
.show_list li{width:48%;padding:0px 0px 12px 0px;}
}





/*#####单页内页#######*/
.pages{max-width:1380px;margin:0 auto;}
.page-boxxx{display:inline-block;width:100%;margin:10px 0px 40px 0px;min-height:200px;box-shadow:2px 2px 8px rgba(200,200,200,.3);padding:2px;border:1px solid #eee;}
.page-box{display:inline-block;width:100%;margin:0px 0px 40px 0px;min-height:200px;padding:2px;}
.page-box .content{display:inline-block;max-width:100%;width:100%;overflow:hidden;word-wrap:break-word;line-height:27px;padding:20px;min-height:400px;}
.page-box .content table{float:left;width:100%;max-width:100%;padding:30px 20px 10px 30px;line-height:32px;}
.page-box .content p{word-break:break-all; width:100%;max-width:100%;overflow:auto;}
.page-box .content hr{float:left;width:100%;overflow: hidden;height:1px;border:none;border-top:1px dotted #eee;}

.page-box .contact{display:inline-block;max-width:100%;width:100%;word-wrap:break-word;line-height:27px;padding:10px;min-height:400px;}
.page-box .contactL{float:left;width:54%;margin-top:74px;}
.page-box .contactR{float:left;width:38%;margin-top:80px;margin-left:4%;}


.page-box .gbook{float:left;width:100%;background:#fff;box-shadow:2px 2px 8px rgba(200,200,200,.2);padding:2px;border:1px solid #eee;border-radius:4px;padding-bottom:20px;}
.contactR .title{float:left;width:100%;height:40px;line-height:40px;margin-top:14px;color:#666;padding-left:10px;}
.contactR .titletop{float:left;width:100%;height:60px;line-height:60px;margin-top:0px;color:#555;font-size:1.2em;border-bottom:1px solid #ddd;padding-left:10px;}
.contactR .put{float:left;width:100%;height:30px;line-height:30px;padding-left:10px;padding-right:10px;}
.contactR .put .input{float:left;width:100%;height:40px;line-height:40px;border:1px solid #eee;padding-left:6px;border-radius:4px;}
.contactR .put .area{float:left;width:100%;height:75px;line-height:24px;border:1px solid #eee;padding-left:6px;padding-right:6px;border-radius:4px;}
.contactR .title button{display:inline-block;padding:10px 30px 10px 30px;border-radius:4px;background:rgba(200,200,200,.2);border:1px solid #eee;transition: all 500ms ease;}
.contactR .title button:hover{background:rgba(237,126,66,.8);color:#fff;border:1px solid #d55c1a;transition: all 500ms ease;}


.page_news_title{display:inline-block;width:100%;text-align:center;overflow:hidden;color:#000;background:#f7f7f7;font-size:36px;height:100px;line-height:100px;font-weight:bold;}

.page_shownews{display:inline-block;width:100%;padding:50px;text-align:center;}
.page_shownews .box{display:inline-block;max-width:410px;margin-left:30px;margin-right:30px;border:1px solid #f0f0f0;}
.page_shownews .box img{max-width:100%;}
.page_shownews .box span{height:60px;line-height:60px;font-size:24px;}


.page_showdown{display:inline-block;width:100%;padding:20px;text-align:center;}
.page_showdown .box{display:inline-block;max-width:31%;margin-left:1%;margin-right:1%;border:1px solid #f0f0f0;}
.page_showdown .box img{max-width:100%;}
.page_showdown .box span{height:60px;line-height:60px;font-size:24px;}



@media only screen and (max-width: 992px) {
.page-box .contactL{float:left;width:100%;margin-top:20px;}
.page-box .contactR{float:left;width:100%;margin-top:20px;margin-left:0%;}
.type-box_shows{margin: 10px 0px 8px 0px;}
.type-box_shows ul span{margin-top: 0px;}
.type-box_shows a span{padding: 10px 10px 10px 10px;}
.page_list{margin: 10px 0px 20px 0px;}
.page-box{box-shadow:0px 0px 0px rgba(100,100,100,.3);padding:2px;border:0px solid #eee;margin:10px 0px 20px 0px;}
.page-box .content{padding:0px;}
.page-box .content table td{display:inline-block;width:100%;}
.page_news_title{font-size:22px;height:50px;line-height:50px;font-weight:200;}
.page_shownews{padding:20px 0px 0px 0px;}
.page_shownews .box{margin-left:0px;margin-right:0px;margin-bottom:30px;}
.page_shownews .box span{height:40px;line-height:40px;font-size:18px;}

.page_showdown{padding-top:0px;}
.page_showdown .box{width:100%;max-width:100%;margin-bottom:30px;margin-left:0;margin-right:0;}
.page_showdown .box img{max-width:100%;width:100%;}
.page_showdown .box span{display:inline-block;width:100%;height:40px;line-height:40px;font-size:18px;}
}





.show-box{display:inline-block;position:relative;width:100%;background:#fff;margin:0px 0px 20px 0px;padding-bottom:50px;min-height:600px;border:1px solid #f0f0f0;border-radius:4px;box-shadow:2px 2px 8px rgba(100,100,100,.1);}
.show-box .mtitle{float:left;width:100%;padding:0px 0px 0px 0px;border-bottom:1px solid #f0f0f0;font-size:16px;background:#f0f0f0;}
.show-box .mtitle span{float:left;height:46px;line-height:46px;padding-left:40px;padding-right:35px;color:#fff;background:#273b78;}
.show-box .mtitle i{float:left;width:46px;height:46px;background:#273b78 url(../images/fixed_bar_icons.png) no-repeat -182px -102px;}
.show-box a.more{position: absolute; right: 14px; top: 22px;}

.show-box .title{float:left;width:100%;padding:20px 20px 20px 20px;border-bottom:1px solid #f0f0f0;font-size:20px;font-weight:bold;}
.show-box .pic{float:left;width:100%;border-bottom:0px solid #f0f0f0;}
.show-box .pic .a{float:left;width:50%;text-align:center;}
.show-box .pic .a img{width:100%;}
.show-box .pic .b{float:left;width:100%;text-align:center;margin-bottom:20px;}
.show-box .pic .b img{max-width:100%;}
.show-box .allsize{float:left;width:100%;border-bottom:0px solid #f0f0f0;margin-bottom:20px;}
.show-box .thispic{float:left;width:100px;margin-bottom:4px;}
.show-box .thispic img {border-radius:4px;max-width:80px;}
.show-box .thistitle000{float:left;width:100%;white-space:nowrap;overflow: hidden;height:30px;line-height:30px;}
.show-box .thistitle{float:left;width:100%;min-height:30px;line-height:30px;color:#000;}
.show-box .title strong{float:left;width:100%;height:auto;line-height:24px;}
.show-box .title span{float:left;width:100%;height:18px;line-height:18px;font-size:12px;font-weight:200;white-space:nowrap;}
.show-box .thispdf{float:right;width:140px;margin-left:20px;margin-bottom:0px;position:relative;}
.show-box .thispdf img{border-radius:4px;max-width:140px;}
.show-box .thispdf .tis{float:left;width:100%;text-align:center;font-size:1px;height:20px;margin-top:-10px;}
.show-box .video{float:left;width:100%;}
.show-box .video iframe{float:left;width:100%;min-height:600px;margin-bottom:0px;border-radius:0px;}
.show-box .content{float:left;width:100%;padding:20px 20px 30px 20px;line-height:36px;min-height:300px;font-size:16px;color:#111;}
.show-box .content img{border-radius:4px;margin-bottom:10px;}
.show-box .content hr{float:left;width:100%;overflow: hidden;height:1px;border:none;border-top:1px dotted #eee;}

.show-box .titles{float:left;width:100%;padding:10px 0px 10px 0px;height:50px;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:bold;}
.show-box .titlepicbox{float:left;width:100%;padding:20px 20px 10px 20px;min-height:500px;}
.show-box .titlepicbox img{float:left;width:100%;max-width:100%;}
.show-right .show-box{min-height:300px;padding-bottom: 0px;}
.show-right .show-box .title{height:60px;}
.show-right .hotbox{float:left;max-width:100%;padding-left:10px;overflow: hidden;}
.show-right .dlshow li{width:96%;}
.show-right .dlshow li a b{float:left;font-size:1.2em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.nocode{display:none;}
@media only screen and (max-width: 1366px) {
.show-left{float:left;width:70%;}
.show-right{float:right;width:28%;}
}
@media only screen and (max-width: 992px) {
.show-box .video iframe{min-height:300px;}
.show-box .content{padding:10px 10px 10px 10px;}
.all_main .box{padding:0px 0px 0px 0px;}
.show-box .thistitle{overflow:auto;white-space:normal;height:auto;}
.show-box .pic .a,.show-box .pic .b{width:100%;}
.show-box .pic .b{line-height:200px;}
.show-left{float:left;width:100%;}
.show-right{float:left;width:100%;margin-left:0%}
.show-right .dlshow li a b{font-size:1em;height:46px;padding-top:2px;}

}


.pic-box{display:inline-block;position:relative;width:100%;margin:0px 0px 20px 0px;padding-bottom:50px;min-height:600px;}
.pic-box .title{float:left;width:100%;padding:20px 20px 10px 0px;font-size:20px;font-weight:bold;}
.pic-box .pic{float:left;width:100%;}

.pic-box .pic .a{float:left;width:50%;text-align:center;}
.pic-box .pic .a img{width:100%;}
.pic-box .pic .b{float:left;width:100%;text-align:center;margin-bottom:20px;}
.pic-box .pic .b img{max-width:100%;}
.pic-box .video{float:left;width:100%;}
.pic-box .video iframe{float:left;width:100%;min-height:600px;margin-bottom:0px;border-radius:0px;}
.pic-box .content{float:left;width:100%;padding:0px 0px 10px 0px;line-height:36px;min-height:300px;font-size:16px;color:#111;}
.pic-box .content img{border-radius:0px;margin-bottom:10px;max-width:100%;}
.pic-box .content hr{float:left;width:100%;overflow: hidden;height:1px;border:none;border-top:1px dotted #eee;}




.bgwidth{float:left;width:100%;line-height:32px;}
.mwidth{max-width: 1346px;margin-left: auto;margin-right: auto;}
.bgwidth .dlshow{background: #fff;border-radius:4px;}
.bgwidth .mwidth .dlshow{margin-bottom: 10px;padding-bottom: 20px;}
.dlshow dt{height: 44px;line-height: 44px;font-size: 16px;padding: 0 0 0 12px;border-bottom: 1px solid #eee;}
.dlshow dt a.more{float: right;margin: 10px 12px 0px 0px;height:24px;padding:0px 10px 0px 10px ;line-height:24px;background:#f0f0f0;color:#555;border-radius:4px;font-size: 14px;text-align:center;}
.dlshow dt .more:hover{background:#999;color:#fff;}
.dlshow ul{float:left;width:100%;padding-bottom:20px;overflow: hidden;}
.dlshow li{float:left;padding: 20px 0 2px 10px;width: 100%;height: 112px;position: relative;overflow: hidden;}
.dlshow li img{float: left;width:20%;max-width: 20%;max-height: 100%;margin-right: 8px;border-radius:4px;border: 1px solid #eee;}
.dlshow li b{float:right;width:70%;border-bottom: 0px solid #f9f9f9;height:81px;line-height:27px;font-weight: 200;padding: 0 0 0px 0}
.dlshow.news li b{height:54px;}
.dlshow li a b{color:#111;}
.dlshow li a:hover b{color:#ff0000;}
.dlshow.news li{height: 82px;}
.dlshow.news li img{width: 90px;height: 60px;}
.dlshow.news li p{display:none;}
.dlshow li .goBtn{position: absolute; right: 8px; top: 20px; border: 1px solid #eee; padding: 0px 12px; border-radius: 4px;background: #fff;}
.dlshow li .goBtn i{display: none;}
.dlshow li .goBtn:hover{background: #999;color: #fff;}
.dlshow li .goBtn:hover i{display: block; position: absolute; right: 0px; top: 30px; border: 1px solid #eee; width: 170px; padding: 0 0 15px 0; background: #fff; font-size: 10px; z-index: 9;}
.dlshow li .goBtn i img{display: block; margin: 20px auto 0 auto; width: 110px; height: 110px; float: none;border-radius:4px;}
.dlshow li .goBtn i em{display: block; width: 160px; height: 22px; line-height: 22px; padding-left: 28px;margin-top:8px; background: url(../images/xcxicon.png) 9px 4px no-repeat;color:#676767;}
.fx00{position: relative;}
.fx{position: fixed;z-index:9999;top:0px;}
.pc_fx{position: fixed;z-index:9999;}
.m_more0{display:block;margin:0 auto;width:90px;height:30px;line-height:30px;margin-bottom:20px;}

.m_more{width:90px;height:40px;line-height:30px;margin:0 auto;text-align:center;display: inline-block;position: absolute;left:50%;bottom:30px;margin-left:-45px;}

.m_more a{width:90px;height:30px;background: #111;color: #fff;border-radius: 4px;display: inline-block;text-align:center;border:1px solid #ddd;margin-top:20px;}
.m_more a:hover{background: #d34506;}




.home_list{float:left;max-width:100%;margin-bottom:30px;margin-top:20px;margin-left:20px;margin-right:10px;border:0px solid #f0f0f0;border-bottom:0px;border-radius: 4px;}
.home_list li{position:relative;padding-bottom:10px;display:inline-block;width:19%;border:1px solid #eee;margin-bottom:1%;background:#fff;margin-right:1%;height:auto;overflow: hidden;
    -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.02);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.02);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .28s;
    -moz-transition: all .28s;
    transition: all .28s;
}
.home_list li:hover{    -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.16);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .28s;
    -moz-transition: all .28s;
    transition: all .28s;}
.home_list li .pic{float:left;width:100%;max-height:220px;overflow: hidden;padding:0px 0px 0px 0px;margin-bottom:10px;}
.home_list li .pic img{width:100%;}
.home_list li:hover .pic img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;}
.home_list li .title{float:left;width:100%;border:0px;height:27px;line-height:27px;overflow: hidden;padding:0px 16px 0px 16px;font-size:14px;color:#282828;text-overflow:ellipsis;white-space:nowrap}
.home_list li .tag{float:left;width:100%;height:22px;line-height:22px;overflow: hidden;padding:0px 16px 0px 16px;font-size:12px;color:#bbb;}
.home_list li .tag a{color:#bbb;padding:0px 2px 0px 2px;}
.home_list li .tag a:hover{color:#d34506;}
.home_more{width:100%;height:80px;line-height:40px;text-align:center;}
.home_more a{padding:16px 20px 16px 20px;background:#bbb;border-radius:4px;}
.home_more a:hover{background:#b5305e;color:#fff;}



.news_list{display:inline-block;width:100%;margin-bottom:30px;margin-top:20px;}
.news_list li{display:inline-block;position:relative;width:31.3%;margin-left:1%;margin-right:1%;height:auto;overflow: hidden;margin-bottom:30px;
    -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.02);
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.02);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .28s;
    -moz-transition: all .28s;
    transition: all .28s;
}
.news_list li:hover{    -webkit-box-shadow: 0 0px 16px rgba(0,0,0,.16);
    box-shadow: 0 0px 16px rgba(0,0,0,.16);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .28s;
    -moz-transition: all .28s;
    transition: all .28s;}
	
.news_list li .pic{float:left;width:100%;height:300px;background: #fff;overflow: hidden;padding:0px 0px 0px 0px;}
.news_list li .pic img{width:100%;}
.news_list li:hover .pic img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;}

.news_list li .list_box{float:left;width:100%;background: #fff;padding:2%;}
.news_list li .title{float:left;width:98%;padding-left:2%;height:50px;line-height:50px;font-size:1.2em;color:#000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.news_list li .tag{float:left;text-indent:2.2em;width:98%;padding-left:2%;max-height:160px;line-height:31px;font-size:0.9em;color:#595757;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.news_list li .title a{color:#000;}
.news_list li .tag a{color:#bbb;padding:0px 2px 0px 2px;}
.news_list li .tag a:hover{color:#d34506;}

.news_list li .list_more{display:inline-block;position: absolute;max-width:100%;right:40px;bottom:20px;z-index:3;}
.news_list li .list_more a{padding:6px 20px 6px 20px;background: #eee;border-radius: 4px;}
.news_list li .list_more a:hover{background: #ed7e42;color:#fff;}


@media only screen and (max-width: 992px) {
.home_list li{width:32%;}
.news_list{margin-top: 0px;margin-bottom:10px;}
.news_list li{width:98%;margin-bottom: 10px;}
.news_list li .pic{float:left;width:100%;height:auto;}
.news_list li .title{border-bottom:1px solid #eee;margin-bottom:10px;}
.news_list li .list_box{float:left;height:220px;padding:2%;width:100%;padding-bottom:20px;}
.news_list li .tag{float:left;height:150px;line-height:25px;text-indent:0em;}
}
@media only screen and (max-width: 640px) {
.home_list li{width:49%;}
.news_list li{width:98%;}

}
@media only screen and (max-width: 480px) {
.home_list li{width:99%;}
}

.msg_page{font-size:12px;padding:10px 0;width:100%;}
.msg_page .msg_list{zoom:1;margin-bottom:0px;margin-left:0px;margin-right:10px;}
.msg_page .msg_list_bd{margin-left:auto;margin-right:auto;padding:0px 0px;}
.msg_page .msg_wrapper{font-size:14px;}
.msg_page .msg_inner_wrapper{display:inline-block;width:100%;color:#000;text-decoration:none;}
.msg_page .images_box{margin-top:4px;} 
.msg_page .msg_title{padding-left:30px;font-size:14px;font-weight:200;word-wrap:break-word;word-break:break-all;}

.msg_page .msg_cover{position:relative;height:auto;overflow:hidden;text-decoration:none;display:block;}
.msg_page .msg_cover img{width:100%;height:auto;}
.msg_page .msg_cover .msg_title{color:#fff;text-decoration:none;padding:5px;}

.msg_page .msg_cover i{float:left;position:absolute;top:0;left:0;width:40px;height:40px;z-index:9;border-top:40px solid #d34506;border-right:40px solid transparent;opacity:0.8;}
.msg_page .msg_cover em{float:left;position:absolute;top:5px;left:6px;width:40px;height:40px;z-index:99;color:#fff;font-size:1em;}

.msg_page .msg_desc{color:#9a9a9a;word-wrap:break-word;word-break:break-all;}
.msg_page .msg_title_bar{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.8);}
.msg_page .sub_msg_list{padding:0px 0px 0px 0px;}
.msg_page .sub_msg_list h4{padding-top:10px;line-height:40px;height:40px;font-weight:200;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.msg_page .sub_msg_item{position:relative;overflow:hidden;zoom:1;border-top:1px solid #f5f5f5;display:block;text-decoration:none;padding:4px 0px 4px 0px;}



.msg_page .sub_msg_item i{float:left;position:absolute;top:22px;;left:0;width:26px;height:26px;z-index:9;background:#c3c3c3;border-radius:2px;}
.msg_page .sub_msg_item em{float:left;position:absolute;top:26px;left:0px;width:26px;height:26px;z-index:99;color:#313131;font-size:1em;text-align:center;}

.msg_page .thumb{float:right;border:1px solid #f5f5f5;font-size:0;padding:1px;width:auto;height:50px;line-height:50px;}
.msg_page .thumb img{width:50px;}
.msg_page.news .sub_msg_list h4{}

#pagebox{float:left;width:100%;margin:0 auto;text-align:center;height:56px;margin-top:0px;margin-bottom:10px;overflow:hidden;display:inline;}
div.pagings {height:37px;padding:0px 0px 0px 0px;overflow:hidden;margin:0 auto;}
div.paging {font-size:14px;font-family:Arial;font-weight:normal;font-weight:bold;}
div.paging a {text-decoration:none;margin-right:8px;height:40px;line-height:40px;width:40px;padding:8px 16px 8px 16px;}
div.paging a.page {text-decoration:none; background:#8B95A8;color:#fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.paging a.page:hover {text-decoration:none; background:#3B414D;color:#f0f0f0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.paging a.pagenow {background:#3B414D;color:#ffffff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.paging a.around {background:#8B95A8;color:#fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.paging a.around:hover{background:#3B414D;color:#f0f0f0;}
div.paging a.no,div.paging a.no:hover{color:#666;background:#999;cursor:not-allowed;}
div.paging a {text-decoration:none;margin-right:4px;height:40px;line-height:40px;width:40px;padding:4px 8px 4px 8px;font-size:12px;}
iframe#ditu{float:left;width:70%;min-height:300px;margin-bottom:0px;border-radius:4px;}

@media only screen and (max-width: 992px) {
.msg_page .sub_msg_item{border-top:0px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}
.msg_page .thumb{border:0px solid #f5f5f5;padding:0px;}
.msg_page .msg_cover000{display:none;}
.m_more{bottom:30px;}
.m_more0{float:left;margin:0 auto;width:100%;text-align:center;height:30px;line-height:30px;margin-bottom:20px;margin-right:0px;}
.m_more0 a{width:90px;height:30px;background: #f0f0f0;color: #000;border-radius: 4px;display: inline-block;text-align:center;}

.fx_m{position: fixed;}
.fx{position: fixed;}
.home .about .a-left{float:left;width:100%;}
.home .about .a-right{float:left;width:100%;}
.home .list .checkin{display:none;}
.dlshow .goBtn{display:none;}
.dlshow li{height: 70px;}
.dlshow li img{width: 50px;height: 50px;}
.dlshow li a b{font-size:1.3em;padding: 0;line-height:1.3em;}
.dlshow li span{font-size:0.8em;padding-top:4px;padding-bottom: 0px;line-height:0.8em;height:1.4em;}
.dlshow li p{float:left;height:0px;padding:0px;margin:0px;}
iframe#ditu{float:left;width:100%;min-height:350px;margin-bottom:0px;border-radius:4px;}
}

.tool_show{position:absolute;top:-75px;left:0;width:100%;z-index:999;}
.tool_show .pic{width:200px;margin:0 auto;height:200px;overflow: hidden;}
.tool_show .pic img{border:4px solid #f0f0f0;border-radius:50%;}
.tool_show .title{width:200px;margin:0 auto;height:40px;margin-top:10px;line-height:40px;overflow: hidden;text-align:center;font-size:18px;color:#333;font-weight:600;}
.tool_show .con{width:200px;margin:0 auto;height:20px;line-height:20px;overflow: hidden;text-align:center;font-size:14px;color:#999;}
.tool_top{float:left;width:100%;height:210px;}

@media only screen and (max-width: 992px) {
.tool_show{position:absolute;top:20px;left:0;width:100%;z-index:999;}
.tool_top{float:left;width:100%;height:290px;}
}


/*#######底部##########*/
.endline{border-bottom:1px solid #f5f5f5;}
.foot{float:left;width:100%;height:100%;margin:0 auto;position:relative;}
.end_main .link_main{float:left;width:100%;padding:20px 0px 20px 0px;font-size:14px;}
.end_main .link_main a{padding:0px 0px 0px 0px;word-wrap:break-word;margin-right:12px;display:inline-block;color:#595757;}
.end_main .link_main a:hover{color:#000;}

.end_main .foot_title{float:left;width:100%;padding:30px 0px 4px 0px;text-align:center;color:#ccc;}
.end_main .foot_title a{color:#595757;padding:0px 4px 0px 4px;font-size:14px;}
.end_main .foot_title a:hover{color:#000;}

.end_main .foot_main{float:left;width:100%;padding:10px 0px 20px 0px;text-align:center;color:#595757;font-size:14px;}
.end_main .foot_main span{display:inline-block;}
.end_main .foot_main a{color:#595757;padding:0px 4px 0px 4px;font-size:14px;}
.end_main .foot_main a:hover{color:#000;}

.end_list{padding:50px 10px 10px 10px;color:#999;}
.end_list a{color:#999;}
.end_list a:hover{color:#000;}
.end_list ul{float:left;width:100%;margin-bottom:40px;}
.end_list li{float:left;width:25%;;}
.end_list li.a{width:35%;}
.end_list li.b{width:13%;}
.end_list li.c{width:37%;}
.end_list li.d{width:15%;}

.end_list li .title{float: left;width: 100%;margin-bottom:20px;}
.end_list li .title span.t{float:left;width: 100%;font-size:15px;color: #fff;}
.end_list li .title span.e{float:left;width: 100%;font-size: 13px;color: #999999;padding-top: 6px;font-family: Arial, Helvetica, sans-serif;}
.end_list li .title i {float: left;width: 80px;height: 1px;background: #494949;margin-top: 6px;}

/*###a######*/
.end_list li .tel{float: left;width: 100%;height:40px;line-height:40px;font-size:14px;overflow:hidden;}
.end_list li .add{float: left;width: 100%;height:40px;line-height:40px;font-size:14px;overflow:hidden;}

.end_list li .tel i{float: left;width: 20px;height: 20px;margin: 0 auto;margin-top: 14px;background: url(../images/fixed_bar_icons.png) -75px -116px;}
.end_list li .add i{float: left;width: 20px;height: 20px;margin: 0 auto;margin-top: 12px;background: url(../images/fixed_bar_icons.png) -98px -115px;}

/*###b######*/
.end_list li .list span{float: left;width: 100%;height:27px;line-height:27px;font-size:14px;}
.end_list li .list span i{float: left;width:10px;height:27px;line-height:27px;background: url(../images/end_lot.png) left center no-repeat;}
/*###c######*/
.end_list li .content{float: left;width:96%;height:108px;font-size:14px;line-height:27px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
/*###d######*/
.end_list li .show{float: left;width:100%;margin-top:30px;}
.end_list li .show a{float: left;width: 40px;height: 40px;overflow: hidden;margin-right: 10px;}
.end_list li .show a.qq_ui {background: #111 url(../images/end_ico.png) 0px 0px no-repeat;border: 1px solid #858585;}
.end_list li .show a:hover.qq_ui {background: #ff0000 url(../images/end_ico.png) 0px 0px no-repeat;border: 1px solid #ff0000;}
.end_list li .show a.wx_ui {background: #111 url(../images/end_ico.png) -48px -2px no-repeat;border: 1px solid #858585;}
.end_list li .show a:hover.wx_ui {background: #ff0000 url(../images/end_ico.png) -48px -2px no-repeat;border: 1px solid #ff0000;}
.end_list li .wx_show {background: #fff;padding: 6px;position: absolute;margin-top: -150px;display: none;}



@media only screen and (max-width: 992px) {
.end_main .foot_main{padding: 20px 0px 20px 0px;}
.end_main .foot_main span{display:none;}
}



.cd-main-content{float:left;width:100%;height:100%;position:relative;z-index:1;}
.cd-fixed-bg{position:relative;min-height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:1}
.cd-fixed-bg h1,.cd-fixed-bg h2{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90%;max-width:1170px;text-align:center;font-size:30px;font-size:1.875rem;text-shadow:0 1px 3px rgba(0,0,0,.3);color:#fff;line-height:160%;}
.cd-fixed-bg .con{position:absolute;left:50%;top:40%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90%;max-width:1170px;text-align:center;font-size:30px;font-size:1.875rem;text-shadow:0 1px 3px rgba(0,0,0,.3);color:#fff;}
.cd-fixed-bg .a{font-size:36px;font-size:3rem;line-height:160%;}
.cd-fixed-bg .b{font-size:16px;font-size:1rem;line-height:180%;color:#f0f0f0;}
.cd-fixed-bg .c{font-size:20px;font-size:1rem;line-height:140%;margin-top:20px;}
.cd-fixed-bg .c a{border:1px solid #999;padding:8px 16px 8px 16px;border-radius:4px;color:#fff;transition:width 1s, height 1s, background 1s, transform 1s; }
.cd-fixed-bg .c a:hover{background:#fff;transition:width 1s, height 1s, background 1s, transform 1s; color:#333;}

.cd-fixed-bg.cd-bg-100{background-image:url(../../../upfile/1.jpg)}
@media only screen and (min-width:768px){.cd-fixed-bg h1,.cd-fixed-bg h2{font-size:36px}}
@media only screen and (min-width:1170px){.cd-main-content{margin-top:0px;height:700px;}.cd-fixed-bg{background-attachment:fixed}.cd-fixed-bg h1,.cd-fixed-bg h2{font-size:48px;font-weight:300}

}
.cd-scrolling-bg{position:relative;min-height:100%;padding:4em 0;line-height:1.6;box-shadow:0 0 50px rgba(0,0,0,.5);z-index:2}
.cd-scrolling-bg .cd-color-1{background-color:#3d3536;color:#a6989a}
@media only screen and (min-width:768px){.cd-scrolling-bg{padding:8em 0;font-size:20px;font-size:1.25rem;line-height:2;font-weight:300}}
@media only screen and (max-width:992px){
.cd-fixed-bg .con{top:50%;}
.cd-fixed-bg .a{font-size:2.4rem;}
.cd-fixed-bg .b{font-size:0.8rem;}
.cd-fixed-bg .c{font-size:1rem;}
}

.no-tablet{perspective: 1px; padding: 0; height: 600px; height: calc(100vh - 300px); overflow: auto;}
.no-tablet .box{height: 600px;transform-style: preserve-3d;position: relative;}
.no-tablet .asset{position: absolute; left: 50%;
    transform: translate3D(-50%, -120px, -1px) scale(2);}
.no-tablet .textblock{position: absolute; left: 50%;
    transform: translate3D(-50%, -120px, -1px) scale(2);}



.go_2wm .li{position:relative;}
dl.home dd ul .pic .code_img{float:left;width:100%;height:auto;background:#ddd;position: absolute;top:0px;left:0px;overflow: hidden;}
dl.home dd ul .pic .code_img img{width:80%;display:none;}

.s-l-5 li{float:left;width:19%;margin:0% 0px 10px 10px;}
.s-l-4 li{float:left;width:24%;margin:0% 0px 10px 10px;}
.s-l-3 li{float:left;width:32%;margin:0% 0px 10px 10px;}
.s-l-2 li{float:left;width:49%;margin:0% 0px 10px 10px;}
.s-l-1 li{float:left;width:98.5%;margin:0% 0px 10px 10px;}
@media only screen and (max-width: 992px) {
.s-x-5 li{float:left;width:18%;margin:0% 0px 10px 10px;}
.s-x-4 li{float:left;width:22%;margin:0% 0px 10px 10px;}
.s-x-3 li{float:left;width:30%;margin:0% 0px 10px 10px;}
.s-x-2 li{float:left;width:45%;margin:0% 0px 10px 10px;}
.s-x-1 li{float:left;width:95%;margin:0% 0px 10px 10px;}
}
.more_go{width:100%;margin:0 auto;height:auto;overflow: hidden;text-align:center;margin-bottom:40px;}
.more_go a{display:block;color:#fff;border-radius:50%;width:50px;height:50px;line-height:50px;text-align:center;margin:0 auto;transition: all 0.6s;background:#333333 url(../images/more.png) center center no-repeat;}
.more_go a:hover{width:90px;border-radius:50px;transition: all 0.6s;padding-left:0px;padding-right:40px;font-size:16px;background:#ff0008 url(../images/more.png) center center no-repeat;}

@media only screen and (max-width: 992px) {
.more_go{margin-bottom:16px;}
.m_nobg{background:none;box-shadow:none;}
}

.toolbox{float:left;width:100%;line-height:32px;}
.toolbox .leftv{float:left;width:25%;height:100%;}
.toolbox .leftv ul.item{float:left;width:100%;}
.toolbox .leftv ul.item li{float:left;width:100%;border-bottom:1px solid #f9f9f9;padding-left:20px;height:30px;line-height:30px;word-break:keep-all;white-space:nowrap;}
.toolbox .rightv{float:right;width:75%;height:100%;height:100%;min-height:500px;border-left:1px solid #f0f0f0;}
.icodir,.icoopen,.icoline,.icoline-a{display: block;margin: 0 auto; background: url(../images/fixed_bar_icons.png) no-repeat; }
i.icodir {display:inline-block;width:14px;height:14px;background-position: -20px -83px;}
i.icoopen {display:inline-block;width:14px;height:14px;background-position: -36px -83px;}
i.icoline {display:inline-block;width:14px;height:14px;background-position: -70px -83px;}
i.icoline-a {display:inline-block;width:14px;height:14px;background-position: -55px -83px;}
.taglist{position:relative;margin:0px 0px 10px 0px;height:30px;line-height:30px;border-radius:4px;width: 100%;border:1px solid #f9f9f9;overflow: hidden;}
.taglist ul{width: auto;overflow-x: auto;white-space: nowrap;margin-right:4px;}
.taglist span{display:inline-block;padding:0px 20px 0px 20px;height:30px;line-height:30px;background:#f9f9f9;border-right:1px solid #f9f9f9;text-align:center;}
.taglist a{display: inline-block;height:30px;line-height:30px;padding:0px 10px 0px 10px;border-right:1px solid #f9f9f9;white-space:nowrap;}
.taglist a:hover{background:#f9f9f9;}
.textlist{position:relative;margin:0px 0px 10px 0px;height:auto;line-height:30px;border-radius:4px;width: 100%;}
.textlist ul{width: 100%;overflow: hidden;}
.textlist span{display:inline-block;padding:0px 20px 0px 20px;height:30px;line-height:30px;background:#f0f0f0;text-align:center;}
.textlist a{float:left;width:94%;height:30px;line-height:30px;padding:0px 4px 0px 4px;white-space:nowrap;border-radius:4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.textlist a.tag{width:auto;margin:10px;padding:0px 10px 0px 10px;}
.textlist a:hover{background:#f0f0f0;border-radius:4px;}
ul.list{margin:0;padding:0;display: inline-block;width:100%;}
ul.list li {display: inline-block;list-style: none; line-height:30px;height:30px;width:31%;margin:0px 10px 0px 10px;border-bottom:1px solid #f9f9f9;overflow:hidden;}
a.tag{height:20px;line-height:20px;padding:0px;font-size:12px;margin-right:10px;margin-bottom:10px;}

.tag_list li{display:inline-block;background:#fff;width:23%;margin-left:1%;margin-right:1%;padding:16px;margin-bottom:20px;font-size: 14px;}
.tag_list li:hover{box-shadow:2px 2px 8px rgba(50,50,50,.3);border:1px solid #f0f0f0;}
.tag_list li:hover > .title a{color:#333;}
.tag_list li .pic{float:left;width:100%;}
.tag_list li .pic img{width:100%;}
.tag_list li .titlea{float:left;width:100%;height:26px;line-height:26px;overflow: hidden;margin-bottom:10px;}
.tag_list li .titlea a{color:#999;}
.tag_list li .tag{float:left;width:100%;height:30px;line-height:30px;padding:0px 10px 0px 10px;overflow: hidden;color:#999;}
.tag_list li .tag a{color:#999;}
@media only screen and (max-width: 992px) {
.tag_list li{width:48%;}
}
@media only screen and (max-width: 400px) {
.tag_list li{width:98%;}
}

.title_s{float:left;width:100%;border-bottom:1px solid #f0f0f0;min-height:30px;line-height:30px;padding:20px 20px 10px 20px;color:#555;}
.title_s span{color:#000;}



.home_er{width:100%;margin-bottom:20px;margin-top:30px;overflow: hidden;position:relative;}
.mr_frL{float:left;position:absolute;left:0px;top:140px;width:28px;height:28px;cursor:pointer;z-index:9;}
.mr_frL i{float:left;width:19px;height:22px;background: url(../images/fixed_bar_icons.png) no-repeat -134px -107px;}
.mr_frL i:hover{background: url(../images/fixed_bar_icons.png) no-repeat -134px -131px;}
.mr_frR{float:left;position:absolute;right:0px;top:140px;width:20px;height:28px;cursor:pointer;z-index:9;}
.mr_frR i{float:right;width:19px;height:22px;background: url(../images/fixed_bar_icons.png) no-repeat -154px -108px;}
.mr_frR i:hover{background: url(../images/fixed_bar_icons.png) no-repeat -154px -132px;}
.mr_frBtnR{float:right;width:28px;}
.mr_frUl{float:left;width:96%;margin-left:2%;margin-right:2%;overflow: hidden;max-height:312px;}
.mr_frUl .pic_box{padding-top:0px;}
.home_er ul{float:left;width:99%;min-width:99%;}
.home_er li{position:relative;padding-bottom:16px;display:inline-block;width:19%;border:0px solid #eee;background:#fff;margin-right:1%;height:auto;overflow: hidden;border-radius:4px;}
.home_er li .pic{float:left;width:100%;overflow: hidden;padding:10px 10px 0px 10px;margin-bottom:10px;}
.home_er li .pic img{max-width:100%;border-radius:4px;}
.home_er li a:hover img{border:0px solid #fff;}
.home_er li:hover .pic img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;}
.home_er li .title{float:left;width:100%;border-bottom:1px solid #f0f0f0;text-align:center;height:32px;line-height:22px;overflow: hidden;padding:0px 16px 4px 16px;font-size:16px;color:#282828;text-overflow:ellipsis;white-space:nowrap}
.home_er li .tag{float:left;width:100%;text-align:center;height:27px;line-height:27px;overflow: hidden;padding:4px 16px 0px 16px;font-size:12px;color:#999;}
.home_er li .tag a{color:#999;padding:0px 2px 0px 2px;}
.home_er li .tag a:hover{color:#b72f5f;}
.home_er ul li{display:inline;float:left;margin-left:8px;margin-right:8px;overflow:hidden;min-width:235px;}
.bg_fff .home_er li{background:#f7f7f7;}

/*首页广告*/
.home_banner{float:left;width: 100%;height:100%;margin: 0 auto;}
.home_banner_title{display:inline-block;position: absolute;width: 100%;height:100%;left:0%;top:0%;z-index:2;text-align:center;}
.home_banner_title_box{display:inline-block;position: absolute;width:100%;top:45%;left:0%;text-align:center;transform: translateY(-50%);}

.home_banner_title .tab-item{display:inline-block;text-align:center;width:180px;height:40px;overflow: hidden;}
.home_banner_title .tab-item a{display:inline-block;width:100%;height:40px;line-height:40px;color:#fff;opacity:1;transition: opacity 1s; white-space:nowrap;}
.home_banner_title .tab-item a span.cn{font-size:1.6em;}
.home_banner_title .tab-item a span.en{color:#f0f0f0;display:none;font-size:1.2em;}
.home_banner_title .active a .cn,.home_banner_title .active a .en{transition: opacity 1s;opacity:0.5;}

.home_banner_bg  {width: 100%;height:100%;}
.home_banner_bg  .bg{display:none;  position: absolute;width: 100%; height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.home_banner_bg  .bg.selected{display: block;}

.home_banner_loading{float:left;display:none;position: absolute;left:0px;top:0px;z-index:0;width: 100%;height:100%;margin: 0 auto;}
.home_banner_loading .loading{float:left;border-radius:4px;background:#fff url(../images/loading.gif) no-repeat center;position: absolute;left:50%;top:50%;z-index:9;width:50px;height:50px;line-height:50px;margin-left:-25px;margin-top:-25px;text-align:center;}
.home_banner_loading .bg{float:left;position: absolute;left:0px;top:0px;z-index:1;width: 100%;height:100%;margin: 0 auto;background:#fff;opacity:0.4; }



@media only screen and (max-width:700px){
	.home_banner_title_box{top:45%;}
	.home_banner_title .tab-item{height:60px;}
    .home_banner_title .tab-item a{height:60px;line-height:60px;}
	.home_banner_title .tab-item a span.cn{font-size:1.8em;}
	.home_banner_title .tab-item a span.en{font-size:1.4em;}
}
@media only screen and (max-width:390px){
	.home_banner_title_box{top:40%;}
	}

/*瀑布流*/
.sjsbox{background:#fff;}
.sjs-default{
  position: relative;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: height .2s ease-out, opacity .2s ease-out .2s;
}
[data-sjsel]{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .2s ease-out;
}
.wrapper{
float:left;
position:relative;
overflow-y:hidden;
  width: 100%;
  min-height:500px;
  margin: 0 auto;
  margin-bottom:20px;
  margin-top:0px;
}

.cardxxx{
  position:relative;
  background: none;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  transition: box-shadow .2s ease-in-out;
border:0px solid #f0f0f0;
}
.card{
 float: left;
 width:100%;
 max-height:100%;
  position:relative;
  background: none;
  border-radius: 0px;
  _display: flex;
  flex-direction: column;
  transition: box-shadow .2s ease-in-out;
border:0px solid #f0f0f0;
}
.card :hover img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	transition: all 500ms ease;
    filter: none;
}
.card__picture{
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.card-infos{
z-index:3;
position:absolute;
width:100%;
margin-left:-50%;
margin-top:-20px;
text-align:center;
top:50%;
left:50%;
background: none;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
color:#fff;
opacity:0;
transition: all 500ms ease;
}
.card :hover .card-infos{opacity:1;transition: all 500ms ease;}
.card .bg{position:absolute;display:inline-block;width:100%;height:100%;top:0%;left:0%;background-color: rgba(0, 0, 0, 0.0);z-index:2;transition: all 500ms ease;}
.card :hover .bg{transition: all 500ms ease;background-color: rgba(0, 0, 0,0.6);}
.card__logo{height:50px;background: url("../images/logo.png") no-repeat center center;}
.card__title{font-size: 1.4em;color:#999;font-weight: 200;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.card__line00{width:100px;height:20px;text-align:center;margin:0 auto;border-bottom: 1px solid #666;}
.card__text{width:90px;margin:0 auto;text-align:center;height:50px;overflow: hidden;position:relative;}
.card__text .l{display:inline-block;position:absolute;left:0px;top:20px;width:20px;text-align:center;margin:0 auto;height:1px;background:#666;}
.card__text .r{display:inline-block;position:absolute;right:0px;top:20px;width:20px;text-align:center;margin:0 auto;height:1px;background:#666;}
.card__text .view{display:inline-block;width:60px;margin:0 auto;height:40px;line-height:40px;color: #888;letter-spacing:2px;}

@media only screen and (max-width:990px){
.wrapper{padding: 0px 0;}
}

.article {
position: absolute;
display:inline-block;
  width:25%;
  margin: 0 0 0px 0;
  padding: 0px;
  background:none;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  opacity:0;
}
.article img {display:inline-block;width: 100%;transition: all 500ms;}
.card img{background:url(../images/loading.gif) no-repeat center;display:inline-block;}
@media (max-width: 1560px) {.article { width:25%;transition: all 500ms;}}
@media (max-width: 1300px) {.article { width:33.333%;transition: all 500ms;}}
@media (max-width: 980px) {.article { width:50%;transition: all 500ms;}.wrapper{margin-top:0px;}}
@media (max-width: 480px) {.article { width:100%;transition: all 500ms;}}
@media (max-width: 320px) {.article { width:100%;transition: all 500ms;}}


.gotool{z-index:9999;top:0px;left:0px;width:100%;height:100%;position:absolute;}
.gotool .goleft{left:90px;}
.gotool a.goleft{display:inline-block;width:20px;height:39px;position:fixed;top:50%;margin-top:-10px;z-index:9999;background: url('../images/prev.png') no-repeat 0 0;}
.gotool a:hover.goleft{background: url('../images/prev.png') no-repeat 0px -39px;}
.gotool .goright{right:90px;}
.gotool a.goright{display:inline-block;width:20px;height:39px;position:fixed;top:50%;margin-top:-10px;z-index:9999;background: url('../images/next.png') no-repeat 0 0;}
.gotool a:hover.goright{background: url('../images/next.png') no-repeat 0px -39px;}
.gotool a.no{cursor:not-allowed;background:none;}
.gotool a.noxx{cursor:not-allowed;background:none;}
.gotool a:hover.no{background:none;}

@media only screen and (max-width:1780px){.gotool .goleft{left:20px;}.gotool .goright{right:20px;}}
@media only screen and (max-width:1280px){.gotool .goleft{left:10px;}.gotool .goright{right:10px;}}