@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;outline:0;font-smoothing: antialiased;font-smooth:always;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
sub,sup {position: relative;font-size:75%;line-height: 0;vertical-align: baseline;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn,em{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
img{border:0 none;}
h1,h2,h3,h4,h5,h6{font-size: 1em;}
h1,h2,h3,h4,h5,h6,em,strong{font-weight:bold;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
input,label,button,select,textarea,keygen,legend{display:inline-block;font-size: inherit;font-family:inherit;vertical-align:top;*zoom:1;}
button,input[type=submit],input[type=image],input[type=reset]{cursor: pointer;border: 0 none;font-family: inherit;}
option{display:block;}
a, a:link, a:visited {text-decoration:none;outline:0 none;}
a:hover {text-decoration:none;}
a:active { star:expression(this.onFocus = this.blur()); }
::selection,::-moz-selection{background: transparent;}
/* tag reset end */
/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{clear:both;*zoom:1;}
.f-cl{clear:left;}
.f-cr {clear:right;}
/*.f-ib{display:inline-block;*zoom:1;}*/
.f-fl{float:left;display: inline-block;*display:inline}
.f-fr{float:right;display: inline-block;*display:inline}
.f-posr{position:relative;left:0;top:0;z-index:10;}
.f-posa{position:absolute;left:0;top:0;z-index:10;}
.f-ovh{overflow:hidden;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-th{display: none;}
/* function end */
/*grid*/
.g-wrap{margin:0 auto}
.g-widthmin{width: 100%;min-width: 1200px;}
.g-width{width:1200px;}
/*grid end*/
/*ui*/
.u-b{display: block;text-align: center;}
.u-b1{font: 14px/45px Roboto,arial;text-transform: uppercase;color: #2e962e;background: #fff;}
.u-b1:hover{color: #fff;background: #2e962e;}
.u-b2{font: 14px/34px Roboto,arial;text-transform: uppercase;color: #fff;background: #47b547;}
.u-b2:hover{color: #fff;background: #2e962e;}
.u-b3{font: 14px/34px Roboto,arial;text-transform: uppercase;color: #676767;border: 1px solid #bdbdbd;background: #fff;}
.u-b3:hover{color: #fff;background: #47b547;}
.u-bs175{width:175px;}
.u-bs182{width:182px;}
 /*u-i*/

.u-i {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;*/
  -moz-osx-font-smoothing: grayscale;
}

.t{-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.u-bg{background:#f3f3f3;}
.u-bg2{background:#fff;}
.u-bd{border-bottom:2px solid #1c8f7c;}
  /*u-i end */
/*m-autoimg*/
.m-autoimg{position: relative;z-index: 10;width: 100%;min-width:1200px;overflow: hidden;}
.m-autoimg>a,.m-autoimg>div{display: block;position: relative;left: 50%;top: 0;z-index:10;width: 3000px;margin-left: -1500px;text-align: center;}
.m-autoimg>a>img,.m-autoimg>div>img{display: block;width:1920px;margin: 0 auto;}
/*m-autoimg end*/
/* public */





/* public end*/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1488348456671'); /* IE9*/
  src: url('iconfont.eot?t=1488348456671#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1488348456671') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1488348456671') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1488348456671#iconfont') format('svg'); /* iOS 4.1- */
}

.u-font {
  font-family:"iconfont" !important;
  font-size:inherit;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  margin-right: 5px;
}

/*.section{overflow: hidden;}*/
.section .column-t{padding:3.6% 0 2.6%;margin: 0 auto;}
/*.section .footWeb{padding-bottom: 0;}*/
.column-t{margin-bottom: 70px;color: #c5c5c5;text-align: center;}
.column-t h2{font: 24px/30px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #000;}
.column-t{text-align: center;font: 25px/30px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
.column-t small{display: block;font: 48px/52px arial;text-transform: uppercase;}
.column-t h2:before,.column-t h2:after{content:"";display: inline-block;width: 40px;margin:0 30px;border-bottom: 2px solid #cdcdcd;vertical-align: middle;}
.bannerSlide,.bannerSlide .bd,.bannerSlide .bd ul,.bannerSlide .bd ul li,.bannerSlide .bd ul li a{height: 100%;}
.bannerSlide .bd img{width: auto;min-height: 100%;}
.bannerSlide .hd{position: absolute;left: 0;bottom:50px;z-index: 20;width: 100%;height:5px;}
.bannerSlide .hd ul{text-align: center;font: 0/1 arial;}
.bannerSlide .hd li{cursor: pointer;display: inline-block;width:50px;height:5px;margin:0 2px;background: #fff;}
.bannerSlide .hd .on{background: #5dcb5d;}

.advList li{float: left;position: relative;z-index: 10;width: 300px;height: 664px;border-left: 1px solid #d6d6d6;margin-right: -1px;overflow: hidden;}
.m-adv{display: block;text-align: center;color: #757575;background: #47b547;}
.m-adv .img{width: 300px;height: 664px;}
.m-adv .title{position: relative;z-index: 10;margin-top: -664px;height: 307px;color: #bfbfbf;background: #fff;}
.m-adv .title:after{content:"";display: block;position: absolute;bottom: 0;left:50%;z-index: 10;width:0;font: 0/1 normal;border-bottom: 1px solid #fff;}
.m-adv .title:before{content:"";display: block;position: absolute;bottom:-1px;left:50%;z-index: 10;width:0;font: 0/1 normal;border-bottom: 3px solid #fff;}
.m-adv .title .u-font{margin-bottom: 45px;padding-top:50px;font: 60px/60px iconfont;}
.m-adv .title .u-font:after{content:"";display: block;width: 30px;margin:15px auto 0;border-bottom: 2px solid #c6c6c6;}
.m-adv .title h3{margin-bottom: 6px;font: 26px/30px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #47b547;}
.m-adv .title small{display: block;font-weight: bold;font-family: arial;text-transform: uppercase;}
.m-adv .info{position: relative;z-index: 10;padding: 80px 3em;background: #f5f5f5;-webkit-opacity:1;opacity:1;filter:alpha(opacity=100);}
.m-adv .info h4{margin-bottom: 20px;font:bold 18px/20px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #666;}
.m-adv .info p{height: 96px;margin-bottom: 30px;overflow: hidden;}
.m-adv .info .u-font{font-size: 38px;color: #c9c9c9;}
.m-adv .more{position: absolute;z-index: 10;bottom:-140px;width: 100%;text-align: center;font-size: 76px;color: #fff;}

.m-adv:hover .title{color: #fff;background: transparent;}
.m-adv:hover .title:after{width: 90%;margin-left:-45%;}
.m-adv:hover .title:before{width:32px;margin-left:-16px;}
.m-adv:hover .title h3{font-size: 34px;line-height: 40px;color: #fff;}
.m-adv:hover .title .u-font{margin-bottom:30px;font-size: 75px;color: #fff;}
.m-adv:hover .title .u-font:after{width: 0;}
.m-adv:hover .more{bottom: 140px;}
.m-adv:hover .info{-webkit-opacity:0;opacity:0;filter:alpha(opacity=0);}
.m-adv:hover .title,.m-adv .title,.m-adv:hover .title h3,.m-adv .title h3,.m-adv:hover .title .u-font,.m-adv .title .u-font,.m-adv:hover .title .u-font:after,.m-adv .title .u-font:after,.m-adv:hover .more,.m-adv .more,.m-adv:hover .title:after,.m-adv .title:after,.m-adv:hover .title:before,.m-adv .title:before,.m-adv:hover .info,.m-adv .info{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}




/*page = culture end*/
@media screen and (max-height:800px) {
  .advList li{height: 550px;}
  .m-adv .title .u-font{margin-bottom: 10px;}
  .m-adv .title{height: 250px;}
  .m-adv .info p{margin-bottom: 10px;}
  .m-adv:hover .more{bottom: 100px;}
  .m-adv:hover .title .u-font{margin-bottom: 10px;}

  .videoSlide,.vdiBox,.bigSlide .bd{height: 550px;}
  .videoSlide .bd{margin-bottom: 10px;}
  .m-video2{margin-bottom: 15px;}

  .newsT{margin-bottom: 20px;}
  .m-news2 .des{padding-top: 20px;height: 60px;line-height: 20px;}
  .m-news2{height: 400px;}
  .m-news2:hover{height:490px}
  .m-news2:hover .title{top: 360px;}
  .m-news2:hover .more{bottom: 25px;}
}

@media screen and (max-height:700px) {
  .advList li{height: 500px;}
  .m-adv .info{padding-top: 30px;}

  .videoSlide,.vdiBox,.bigSlide .bd{height: 500px;}
  .videoSlide .bd{margin-bottom:5px;}
  .m-video2{margin-bottom:5px;}

  .newsT{margin-bottom: 20px;}
  .m-news2{padding-top:40px;height: 400px;}
  .m-news2 .title h3{font: 16px/20px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
  .m-news2:hover{height:450px}
  .m-news2:hover .title{top: 360px;}
  .m-news2:hover .more{left: auto;right: 25px;bottom: 25px;}
}
/*js style*/
[layerCtn]{display: none;}
.jsFloatPosTop{
  position: fixed;top:0;left: 0;z-index:110;width: 100%;margin: 0 auto;
}
/*js style end*/
/*animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.tips-mouse{
 -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: mtUpDown;
    animation-name: mtUpDown
}
#logo:hover{
 -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
/*  -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;*/
    -webkit-animation-name: mtUpDown;
    animation-name: mtUpDown
}
.videoSlide .bd .mask{
 -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: flash;
    animation-name: flash
}
.advantage>li:hover,.m-com:hover{
    
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mtUpDown;
    animation-name: mtUpDown
}
@-webkit-keyframes mtUpDown {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }
    50%{
        -webkit-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0)
    }
}
@keyframes mtUpDown {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }
    50%{
        -webkit-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0)
    }
}

@-webkit-keyframes flash {
    0%,100%  {
        -webkit-opacity: 0.5;
        opacity: 0.5
    }
    50% {
        -webkit-opacity: 1;
        opacity: 1
    }
}

@keyframes flash {
    0%,100% {
        filter:alpha(opacity=50);
        -webkit-opacity: 0.5;
        opacity: 0.5
    }
    50% {
      filter:alpha(opacity=100);
        -webkit-opacity: 1;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
/*animate end*/