.index-banner{position: relative; height: auto;text-align: center;}
.index-banner .swiper-wrapper,.index-banner .swiper-wrapper .swiper-slide,.index-brief-lun .swiper-wrapper,.index-brief-lun .swiper-slide,.height-auto{ height: auto!important; overflow: hidden;}
.index-banner>a,.channel-carousel>a{ width: 54px; height: 55px; position: absolute; top: 50%; margin-top: -27px; left: 46px; z-index: 40; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.index-banner>a.arrow-right,.channel-carousel>a.arrow-right{left: auto;}
.index-banner>.arrow-right,.channel-carousel>a.arrow-right{right:46px;}
.index-banner>.arrow-left,.channel-carousel>a.arrow-left{ left:46px;}
.index-new{ padding: 20px 0 50px; background-color: #eee; height: 386px;}
.index-new-left{ box-shadow: 0 4px 4px #e5e5e5; background-color: #fff; line-height: 50px; float: left;width: 714px;}
.index-new-left> span{display: inline-block;vertical-align: top;width: 100px;text-align: center;color: #fff;background-color: #bf002d;}
.index-new-lun{  display: inline-block;vertical-align: top;height: 50px;width: 555px;margin-left: 25px;position: relative;padding-right: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.new-time{ color: #8d8d8d;}
.index-banner .pagination{position: absolute; width: 100%; text-align: center; bottom: 10px; z-index: 10;}
.index-banner .pagination span{ display: inline-block; vertical-align: middle; width: 9px; height: 9px; border-radius: 50%; background-color: #f0f4f9; margin-right: 8px; cursor: pointer;}
.index-banner .pagination .swiper-active-switch { background-color: #fff; width: 12px; height: 12px;}
.index-new-lun .pagination{ position: absolute; width: 45px; right: 0; text-align: center; top: 50%; margin-top: -7px; line-height: 100%;}
.index-new-lun .pagination span{ width: 7px; height: 7px; background-color: #e5e5e5; display: inline-block; border-radius: 50%; margin-left: 6px; cursor: pointer;}
.index-new-lun .pagination .swiper-active-switch{background-color: #bfbfbf;}
.index-new-right{ float: right; width: 455px; background-color: #fff; line-height: 50px; overflow: hidden;}
.index-new-right li{ float: left; margin-left: 27px;}
.index-new-right li a{ color: #757575; display: block; padding-left: 34px; background:url(../images/icon.png) 0 14px no-repeat; }
.index-new-right li  .index-new-2{background-position-y:-32px ;}
.index-new-right li  .index-new-3{background-position-y:-78px ;}
.index-new-hea{ margin-bottom: 36px;}
.index-new-list li>div{overflow: hidden;}
.index-new-list li>div img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.index-new-list li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.index-new-list li:hover{ margin-top: -50px;}
.index-new-list li{ float: left; width: 387px; background-color: #fff; text-align: center; padding-bottom: 24px;color: #6b6b6b;height: 276px; -webkit-transition: all 500ms;transition: all 500ms;}
.index-new-list li+li{margin-left: 18px;}
.index-new-list h6{font-size: 18px;line-height: 48px;}
.index-new-list p{font-size: 12px;}
.index-brief-hea a{ width: 79px;vertical-align: top;display: inline-block; line-height: 32px; color: #636363; background-color: #eee; text-align: center; margin-bottom: 16px;}
.index-brief-hea a.curr{ background-color:#bf002d ; color: #fff;}
.index-brief{ padding:24px 0 32px;}
.index-brief-lun{ position: relative; height: 244px; float: left; width: 383px;}
.index-brief-lun p{ position: absolute; width: 100%; background-color: rgba(0,0,0,0.6); text-align: center; color: #dadad7; line-height: 30px; bottom: 0; left: 0;}
.index-brief-lun .pagination{ position: absolute; text-align: center; right: 30px; bottom: 4px; z-index: 10;}
.index-brief-lun .pagination span{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; margin-left: 3px;}
.index-brief-lun .pagination .swiper-active-switch{background-color: #bf002d;}
.index-brief-lun  .swiper-slide{position: relative;}
.index-brief-main h6 a{font-size: 16px;color: #353535;font-weight: normal;line-height: 26px;}
.index-brief-main>p{ color: #848484; line-height: 24px;}
.index-brief-main{ width: 388px; float: left; height: 210px; background-color: #fff; padding:24px 10px 10px 18px; box-shadow: 0 2px 6px #b4b4b4;}
.index-brief-list{ margin-top: 8px;}
.index-brief-list li{line-height: 40px;border-bottom: 1px solid #e5e5e5;}
.index-brief-list li>span{ display: inline-block; height:20px; border:1px solid #d2d2d2; padding:0 6px; border-radius: 4px; line-height: 20px; margin-right: 14px;}
.index-brief-right{ float: right; position: relative; width: 383px; height: 244px;}
.index-brief-right .play{ width: 59px; height: 59px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 2;}
.index-brief-right .paly-zhe {width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);top: 0;left: 0;position: absolute;}
.footer-share{line-height: 24px; text-align: center;}
.footer-share>div{overflow: hidden; margin-top: 16px;}
.footer-share>div>div,.about-addres>div>div{float: left;}
.footer-share>div>div+div,.about-addres>div>div+div{margin-left: 15px;}
.ban{ background:url(../images/9.jpg) no-repeat center ; height: 147px;}
.about-main{ background-color: #f4eae9; padding-bottom: 144px; position: relative;}
.about-left{ width: 100%; border-radius: 0  8px  0 0; margin-top: -14px; height: 100px; position: absolute; z-index: 2; background-color: #f4eae9; right: 50%; margin-right: 297px;}
.about-right{ z-index: 2; background-color: #fff; border-radius: 8px 0  0 0; width: 100%; top: -14px; left: 50%; position: relative; margin-left: -298px; padding-left: 50px; padding-top: 114px; padding-bottom: 160px;}
.about-left-in{ width: 294px; left: 50%; position: absolute;  /*float: left;*/  top: 0;  margin-left: -620px;  z-index: 10; padding-top: 55px; padding-right: 30px;}
.about-left-img { margin: 24px 0 28px;}
.about-left-img a{ display: block; margin-bottom: 12px;}
.bread{ line-height: 58px; background-color: #f5f3ec; border-radius: 3px; padding-left: 32px; overflow: hidden; margin-bottom: 60px;}
.bread-in{ padding-left: 20px; background:url(../images/icon-1.png) left center no-repeat; font-size: 12px; float: left;}
.bread-in a{ color: #494949;}
.bread-in i{ font-family: simsun; font-style: normal;}
.bread-in span{ color: #bf002d;}
.bread ul{ float: right;}
.bread ul a{font-weight: bold; color: #626262;}
.bread ul li{ margin-left: 26px; position: relative; float: left; font-size: 12px;}
.bread ul li:after{ content:""; position: absolute;width: 100%;bottom: 0;height: 4px;left: 0;background-color: transparent;}
.bread ul li.on:after {background-color: #db2d56;}
.bread ul li:hover:after {background-color: #db2d56;}
.bread>div{ width: 790px; overflow: hidden;}
.about-content{ width: 822px; line-height: 30px; color: #797979;}
.about-content h6{font-size: 20px; color: #bf002d; margin-bottom: 26px;}
.about-content h6 span{color: #dd96a0; font-size: 22px; display: inline-block; vertical-align: middle;}
.about-addres{ color: #7e7e7e; font-size: 12px; line-height: 24px;}
.about-addres .mt{ margin-top: 20px;}
.about-addres>div{ margin-top: 22px;}
.about-addres>div>div{ text-align: center; line-height: 28px; font-size: 14px;}
.channel-carousel{ position: relative;}
.channel-carousel, .channel-carousel .swiper-container,.channel-carousel .swiper-wrapper,.channel-carousel .swiper-slide{ width: 100%; height: 100%;}
.channel-container >.swiper-wrapper>.swiper-slide,.channel-carousel .swiper-slide{ background:url(../images/jh-1.jpg) center no-repeat ; position: relative; background-size: cover;}
.channel-carousel .chan-swi-1{background-image: url(../images/chan-swi-1.jpg); }
.channel-carousel .chan-swi-2{background-image: url(../images/chan-swi-2.jpg);}
.channel-carousel .chan-swi-3{background-image: url(../images/chan-swi-3.jpg);}
.channel-carousel .chan-swi-4{background-image: url(../images/chan-swi-4.jpg);}
.channel-carousel .chan-swi-5{background-image: url(../images/chan-swi-5.jpg);}
.channel-container >.swiper-wrapper> .swi-1{background:none;}
.channel-container >.swiper-wrapper> .chnnel-slide-2{background-image: url(../images/jh-21.jpg);}
.channel-container >.swiper-wrapper> .chnnel-slide-3{background-image: url(../images/jh-3.jpg);}
.channel-container >.swiper-wrapper> .chnnel-slide-4{background-image: url(../images/jh-4.jpg);}
.channel-container >.swiper-wrapper> .chnnel-slide-5{background-image: url(../images/jh-5.jpg);}
.channel-container{ position: relative;} 
.channel-container .pagination{ position: fixed; top: 50%;right: 20px;z-index: 111;margin-top: -50px;}
.channel-container .pagination span{ width: 9px; height: 9px; border-radius: 50%; background-color: #f0f4f9; display: block; margin: 0 auto 14px; cursor: pointer;}
.channel-container .pagination .swiper-active-switch{ background-color: #fff; width: 12px; height: 12px;}
.chnnel-1{ width: 610px; position: absolute; top: 110px; right: 20%; color: #fff;}
.chnnel-1 h6{ font-size: 40px; color: #fff; width: 405px; font-weight: normal; line-height: 100%; margin-bottom: 20px;}
.chnnel-1 >div{ padding:20px 15px 15px; background-color: rgba(0, 0, 0, 0.45);}
.chnnel-new-left{ float: left; width: 480px; background-color: #fff; border-bottom: 3px solid #ebebec; margin-top: 10px}
.chnnel-new-left>div{ position: relative; padding:8px 22px 22px;}
.chnnel-new-left h6{ color: #494949; font-weight: normal; margin-bottom: 4px;}
.chnnel-new-left span{ color: #6b6b6b; font-size: 12px;}
.new-more{ background:url(../images/more.png) no-repeat; width: 35px; height: 35px; position: absolute; right: 15px; bottom: 13px;}
.chnnel-new-box{ position: absolute; width: 994px; left: 0; right: 0; margin: auto; top: 40%; margin-top: -150px;}
.channel-new-hea>a{ display: inline-block; vertical-align: top; font-size: 16px; color: #7c7c7c; font-weight: bold; margin-right: 26px; border-bottom: 2px solid transparent; margin-bottom: -2px; padding-bottom: 12px;}
.channel-new-hea>a:nth-child(4){margin-right: 0px;}
.channel-new-hea{ border-bottom: 2px solid #e3e3e2; margin-bottom: 18px;}
.chnnel-new-right{ float: right; width: 440px;}
.channel-new-hea>a.curr{ color: #575756; border-color: #009019;}
.chnnel-new-time{ width: 82px; height: 82px; border-radius: 50%; background-color: #009019; color: #fff; text-align: center; font-size: 12px; display: inline-block; vertical-align: middle;}
.chnnel-new-time p{font-size: 24px;border-bottom: 1px solid #89C493;width: 54px;margin: 0 auto 4px;padding-top: 10px;}
.m-chnnel-new-time{ display: none; font-size: 1.25em; color: #5e5e5e; font-weight: bold;}
.chnnel-new-main{ display: inline-block; width: 336px; margin-left: 12px; vertical-align: middle;}
.chnnel-new-main h6 a{ color: #383838;}
.chnnel-new-main h6 { margin-bottom: 6px;}
.chnnel-new-main p a{ color: #9e9e9f; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 35px;}
.channel-new-list{/*display: none;*/ display: inline-block;}
.chnnel-new-hz{ position: relative; overflow: hidden;}
.channer-nwe-lun{ position: relative; width: 305%; left: 0; top: 0;}
.chnnel-new-hz ul+ul{ margin-left: 10px;}
.chnnel-culture-in:hover h6,.chnnel-culture-in  a:hover{ color: #009019; border-color:#009019 ;}
.channel-new-list li{margin-bottom: 24px;}
.chnnel-culture-in{ background-color: #fff; text-align: center; padding-top: 55px; height: 245px; position: relative;}
.chnnel-culture-in h6{font-size: 24px; color: #181818; font-weight: normal; margin-bottom: 22px;}
.chnnel-culture-in p{ color: #7b7b7b;}
.chnnel-culture-in >a{ display: block; margin: 34px auto 0; width: 134px; line-height: 35px; border:1px solid #d2d2d2; text-align: center; color: #717171;}
.chnnel-culture-list{ overflow: hidden; width: 1200px; height: 600px; margin: auto; bottom: 0; right: 0; top: 0; left: 0; position: absolute;}
.chnnel-culture-list li{float: left; width: 33.33%;}
.chnnel-a{ margin-top: 14px;}
.chnnel-a em{ font-style: normal; margin: 0 8px;}
.chnnel-a a{ text-decoration: underline; color: #7b7b7b;}
.chnnel-a i{ font-style: normal; font-family: simsun;}
.chnnel-culture-in.top:after { content: ''; position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; left: 50%; margin-left: -7px; top:-14px; z-index: 10;}
.chnnel-culture-in.bottom:after { content: ''; position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; left: 50%;margin-left: -7px; bottom:-14px; z-index: 10;}

.chnnel-ipro-list{ overflow: hidden; width: 1200px; height: 720px; margin: auto; bottom: 0; right: 0; top: 0; left: 0; position: absolute;}
.chnnel-ipro-list li{float: left; width: 23%; box-sizing: border-box; margin: 12px 1%; border: 2px solid #FFF; background-color: #FFF}
.chnnel-ipro-list li img{width: 100%; height: auto; display: block}
.chnnel-ipro-list li p{width: 100%; height: 40px; line-height: 40px;text-align: center; font-size: 15px; color: #333}
.chnnel-ipro-list li:hover{border: 2px solid #009019}
.chnnel-ipro-list li:hover p{color: #009019}


#menu{ height: 100%; position: fixed; border-left: 6px solid #009019; width: 160px; background-color: #fff; top: 0; left: 0; overflow: hidden; padding-left: 40px; z-index: 100; box-shadow: 0 0 6px #636363;}
#menu.inside-menu{ position: absolute; height: 100%;}
.menu-logo{ margin: 75px 0 82px 14px; display: block; width: 87px; height: 87px;}
.menu-list{ width: 124px; line-height: 44px;}
.menu-list li { border-bottom: 1px solid #c9c9c9;}
.menu-list li a{ display: block; color: #6e6e6e; font-size: 16px; padding-left: 26px; background:url(../images/menu-1.png) left center no-repeat;  margin-right: -36px;}
.menu-list li .menu-0{background-image:url(../images/menu-0.png) ;}
.menu-list li .menu-2{background-image:url(../images/menu-2.png) ;}
.menu-list li .menu-3{background-image:url(../images/menu-3.png) ;}
.menu-list li .menu-4{background-image:url(../images/menu-4.png) ;}
.menu-list li .menu-5{background-image:url(../images/menu-5.png) ;}
.menu-list li .menu-6{background-image:url(../images/menu-6.png) ;}
.menu-list li .menu-7{background-image:url(../images/menu-7.png) ;}
.menu-list li .menu-8{background-image:url(../images/menu-8.png) ;}
.menu-list li a:hover,.menu-list li a.active{ background-image:url(../images/menu-1-1.png) ; color: #009019;}
.menu-list li .menu-0:hover,.menu-list li .menu-0.active { background-image:url(../images/menu-0-1.png) ;}
.menu-list li .menu-2:hover,.menu-list li .menu-2.active { background-image:url(../images/menu-2-1.png) ;}
.menu-list li .menu-3:hover,.menu-list li .menu-3.active { background-image:url(../images/menu-3-1.png) ;}
.menu-list li .menu-4:hover,.menu-list li .menu-4.active { background-image:url(../images/menu-4-1.png) ;}
.menu-list li .menu-5:hover,.menu-list li .menu-5.active { background-image:url(../images/menu-5-1.png) ;}
.menu-list li .menu-6:hover,.menu-list li .menu-6.active { background-image:url(../images/menu-6-1.png) ;}
.menu-list li .menu-7:hover,.menu-list li .menu-7.active { background-image:url(../images/menu-7-1.png) ;}
.menu-list li .menu-8:hover,.menu-list li .menu-8.active { background-image:url(../images/menu-8-1.png) ;}

.menu-list li a.on{ background-image:url(../images/menu-1-1.png) ; color: #009019;}
.menu-list li .menu-2.on{ background-image:url(../images/menu-2-1.png) ;}
.menu-list li .menu-3.on{ background-image:url(../images/menu-3-1.png) ;}
.menu-list li .menu-4.on{ background-image:url(../images/menu-4-1.png) ;}
.menu-list li .menu-5.on{ background-image:url(../images/menu-5-1.png) ;}
.menu-list li .menu-6.on{ background-image:url(../images/menu-6-1.png) ;}
.menu-list li .menu-7.on{ background-image:url(../images/menu-7-1.png) ;}

.channel-ol{ margin-top: 60%;}
.channel-ol a{ color: #595959;}
.channel-ol  li{ margin-bottom: 10px;}
.channel-footer{ position: absolute; bottom: 24px; width: 115px;}
.channel-footer p{ color: #9f9f9f; font-size: 12px;}
.channel-footer p+p{  margin-bottom: 14px;}
.menu-grid li{margin-bottom: 20px;padding-left: 8px;background:url(../images/dian.png) left center no-repeat;}
.carte{position: fixed;width: 110px;background-color: rgba(255, 255, 255, 0.7);left: 0;top: 0;z-index: 50;height: 100%;padding-left: 16px;}

.menu-grid { position: absolute; top: 30%;}
.map-container{ position: fixed; width: 100%; height: 100%; padding-left: 206px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url(../images/logo-bgpng.png) right bottom no-repeat #7d0000; left: -100%; top: 0; z-index: 11;}
.map-web-hea{background-color: #580202; position: relative; height: 102px; margin-bottom: 56px;}
.map-close{ background:url(../images/close.png) no-repeat; width: 23px; height: 23px; position: absolute; right: 42px; top: 50%; margin-top: -11px; cursor: pointer; z-index: 2;}
.map-title{ display: inline-block; position: relative; line-height: 92px; padding-top: 10px; font-size: 18px; color: #e7e1e1; position: relative;}
.map-title:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #580202;
  bottom: -10px;
  left: 12px;
}
.map-nav dt{
  font-size: 16px;
  border-bottom: 1px solid #aa5959;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.map-nav {
  margin-bottom: 30px;
}
.map-nav dt a{
  color: #bababa;
  cursor: default;
}

.map-nav dd{
  margin-bottom: 10px;
}
.map-nav dd a{
  color: #d1b8b8;
}

.map-nav-list li{
  display: inline-block;
  vertical-align: top;
  width: 159px;
}


.map-nav-list li+li{
  margin-left: 42px;
}


.map-atn-1,.map-atn-2,.map-atn-3{
  display: block;
  width: 80px;
  line-height: 30px;
  border:1px solid #993636;
  border-radius: 6px;
  padding-left: 40px;
  background:url(../images/icon1.png) 8px 4px no-repeat;
}
.map-atn-2{
  background-position-y:-52px ;
}
.map-atn-3{
  background-position-y:-109px ;
}
.map-address{
  float: right;
  color: #b58888;
}
.map-footer{
  position: absolute;
  width: 1200px;
  left: 0;
  right: 0;
  padding-left: 206px;
  margin: auto;
  bottom: 130px;
}
.map-underling,.map-link{
  display: inline-block;
  vertical-align: top;
  width: 196px;
  line-height: 38px;
  background-color: #650000;
  font-size: 12px;
  color: #c3adad;
  padding-left: 12px;
  position: relative;
  cursor: pointer;
  margin-right: 24px;
}
.map-underling a,.map-link a{
  color: #fff;
  display: block;
  padding-left: 20px;
  border-bottom: 1px solid #d1b8b8;
}
.map-underling ul,.map-link ul{
  position: absolute;
  width: 100%;
  left: 0;
  bottom:37px;
  display: none;
  background-color: #6b0000;
}
.map-underling:after ,.map-link:after{
  content: '';
    width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #a16363;
  position: absolute;
  right: 15px;
  top: 14px;
}
.circle-main{
  width: 708px;
  height: 650px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.circle-out{
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  margin: auto;
  width: 602px;
  height: 602px;
  background:url(../images/out-1.png) center no-repeat;
    -webkit-animation: rotate-round 4s infinite;
  animation: rotate-round 4s infinite;
}
.circle-in{
   position: absolute;
  left: 0;
  right: 0;
  top: 55px;
  margin: auto;
  width: 510px;
  height: 510px;
  background:url(../images/circle.png) center no-repeat;   
  -webkit-animation: rotate-round 4.5s infinite;
  animation: rotate-round 4.5s infinite;
}
.circle-inner{
  width: 414px;
  height: 414px;
  position: absolute;
  left: 146px;
  top: 106px;
  margin: auto;
  background: url(../images/circle-inner.png) center no-repeat;
    -webkit-animation: rotate-round2 4s infinite;
  animation: rotate-round2 4s infinite;
}
.circle-centre{
  position: absolute;
  width: 212px;
  height: 239px;
    left: 0;
  right: 0;
  top: 200px;
  margin: auto;
  background: url(../images/main.png) center no-repeat;
}
.ismall{
  width: 112px;
  height: 112px;
  position: absolute;
  cursor: pointer;
}
.ileft{
  left: 50%;
  margin-left: -225px;
  background: url(../images/sq.png) no-repeat;
  bottom: 205px;
}
.itop{
  left: 50%;
  margin-left: -62px;
  background: url(../images/jq.png) no-repeat;
  top: 64px;
}
.iright{
  left: 50%;
  margin-left: 122px;
  background: url(../images/yy.png) no-repeat;
  bottom: 205px; 
}
.ani-left,.ani-top,.ani-right{
    width: 133px;
  height: 133px;
  position: absolute;
  left: 50%;
  margin-left: -67px;
  background: url(../images/sq-1.png) no-repeat;
  display: none;
}
.ani-top{
  background-image: url(../images/jq-1.png);
}
.ani-right{
  background-image: url(../images/yy-1.png);

}
.inl-left{
  width: 106px;
  height: 176px;
  position: absolute;
  background:url(../images/arr-left.png) no-repeat;
    left: 130px;
  top: -78px;
}
.inl-top{
    width: 200px;
  height: 66px;
  position: absolute;
  background:url(../images/top.png) no-repeat;
      bottom: -66px;
  left: -29px;
}

.inl-right{
     width: 107px;
  height: 175px;
  position: absolute;
  background:url(../images/arr-right.png) no-repeat;
     bottom: 35px;
  left: -117px;
}

.circle-decipher{
  text-align: center;
  position: absolute;
}
.circle-decipher p{
  font-size: 16px;
  color: #fff;
}
.circle-decipher span{
  font-size: 12px;
  color: #b5b9b8;
}
.decipher-left{
  top: 48px;
  left: -96px;
}
.decipher-top{
  top: -65px;
}
.decipher-right{
  top: 48px;
  right: -172px;  
  text-align: left;
}

.decipher-right p{
  padding-left: 10px;
}

@keyframes rotate-round { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rotate-round { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate-round2 { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-webkit-keyframes rotate-round2 { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }

.zome-img{
  overflow: hidden;
  display: block;
}
.zome-img img{
  -webkit-transition: all .4s ;
     -moz-transition: all .4s ;
    -ms-transition: all .4s ;
     -o-transition: all .4s ;
      transition: all .4s ;
}
.zome-img:hover img{
-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
    transform: scale(1.1);
}

.sharediv .bshare-custom a {
  display: inline-block;
  margin: 3px 0 0 8px;
  padding: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  transition: all 400ms;
  -webkit-transition: all 400ms;
}
.sharediv .bshare-custom .bshare-weixin {
  background: url(../images/share_icon1.png) center no-repeat;
}
.sharediv .bshare-custom .bshare-sinaminiblog {
  background: url(../images/share_icon2.png) center no-repeat;
}
.sharediv .bshare-custom .bshare-qzone {
  background: url(../images/share_icon3.png) center no-repeat;
}
.sharediv .bshare-custom .bshare-qqim {
  background: url(../images/share_icon4.png) center no-repeat;
}
.sharediv {
  background: url(../images/icon-share.png) no-repeat left;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-align: left;
  padding-left: 20px;
}

.channel-share{
  padding-left: 0;
  background-image: none;
}
.channel-share>span{
  display: block;
  background: url(../images/icon-share.png) no-repeat left;
  padding-left: 23px;
  margin-bottom: 2px;

}

.channel-share .bshare-custom{
  position: relative;
}
.channel-share .bshare-custom a{
  margin-left: 2px;
}


.menu-height{
  height: 870px;
  position: relative;
}
.about-banner{
  background:url(../images/banner-5.jpg) no-repeat center;
  height: 378px;
}
.inside-nav{
  padding:14px 0 12px;
  height: 31px;  
  background-color: #009019;
}
.inside-name{
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  color: #fff;
  padding-left: 14px;
  border-left: 4px solid #d45977;
  line-height: 31px;
}
.insede-list{
  float: right;
  overflow: hidden;
}

.insede-list li{
  float: left;
  margin-left: 11px;
}
.insede-list li:first-child{
  margin-left: 0px;
}
.insede-list li a{
  font-size: 16px;
  color: #fff;
  display: block;
  padding: 0 23px 0 23px;
  line-height: 31px;
}
.insede-list li a.curr{
background-color: #e7a1b2;
color: #009019;
border-radius:20px;
}
.insede-list li a:hover{
background-color: #e7a1b2;
color: #009019;
border-radius:20px;
}
.inside-title{
  padding: 50px 0 16px;
color: #999;
font-size: 16px;
}
.inside-title h6{
  font-size: 28px;
  color: #333;
  font-weight: normal;
}
.brief-list{
  overflow: hidden;
  margin: 0 auto 64px;
  width: 990px;
  padding-top: 36px;
  text-align: center;
}
.brief-list li{
  float: left;
  width: 33%;
  height: 80px;
}
.brief-list li i,.brief-list li em{
  font-style: normal;

}
.brief-list li+li{
  border-left: 1px solid #eeeeee;
}

.brief-list li i {
  font-size: 16px;
}
.brief-list li em {
  font-size: 36px;
}
.brief-list p{
  font-size: 48px;
  color: #009019;
  line-height: 100%;
}
.brief-list span{
  color: #808080;
  font-size: 16px;
  display: block;
  margin:-6px auto ;
}
.brief-box{
  padding-bottom: 74px;
  padding-top: 27px;
}
.brief-box>div{
 width: 46%;
 float: left;
 color: #999;
 line-height: 24px;
}
.brief-box .brief-right{
  float: right;
}

.history-box{
  padding-top: 115px;
  position: relative;
  margin-bottom: 40px;
}
.his-title{
  position: absolute;
  top: 0;
  left: 0;
}
.his-line{
  position: absolute;
  height: 100%;
  background-color: #dcdcdc;
  width: 1px;
  left: 50%;
  top: 0;
  margin-left: -253px;
  z-index: 10;
}

.history {
  max-width: 1200px;
  margin: auto;
  margin-top: 48px; 
}

.history .timeline {
  min-height: 60px;
}

.history .timeline {
  background-image: url('../images/bottom-line.png');
  background-repeat: repeat-x;
  background-position: 1px 34px;;
}

.timeline .timeline-wrap {
  max-width: 1072px;
  margin: auto;
  margin-top: 48px;
}

.timeline .single-timeline {
  display: inline-block;
  width: 210px;
  text-align: center;
  padding-top: 50px; 
}

.timeline .single-timeline {
  background-image: url('../images/lines.png');
  background-repeat: no-repeat;
  background-position: 0px 10px;

}

.timeline .single-timeline.active {
  background-image: url('../images/red-line.png');
  background-repeat: no-repeat;
  background-position: 0px 10px;
}

.timeline .single-timeline h5 {
  font-size: 16px;
  color: #818181;
  font-weight: 200;
  padding-left: 19px;
}

.history-content {
  max-width: 1070px;
  margin: auto;
  padding-top: 60px;
  display: none;
}

.history-content h1 {
  font-size: 56px;
  color: #000000;
  font-weight: 200;
}

.history-content .swiper-container {
  display: inline-block!important;
  width: 373px;
  vertical-align: top;
  height: 241px;
}

.history-content .history-slider {
  display: inline-block;
  padding-right: 24px;
  border-right: 1px solid #adadad;
  vertical-align: top;
  position: relative;
}

.history-content .swiper-container .swiper-slide {
  height: 241px;
  background-position: center;
  position: relative;
  text-align: center;
  outline: none;
}

.history-content .swiper-container .img-overlay {
  position: absolute;
  bottom: 0;
  background-image: url('../images/light.png');
  background-repeat: repeat-x;
  height: 57px;
  width: 100%;
}

.history-content .swiper-container .title-overlay {
  position: absolute;
  bottom: 18px;
  text-align: center;
  width: 100%;
}

.history-content .swiper-container h5 {
  position: relative;
  font-size: 14px;
  font-weight: 200;
  color: #dcdcdc;
  z-index: 2;
}

.history-content .text {
  display: inline-block;
  width: 630px;
  font-size: 14px;
  line-height: 30px;
  padding-left: 37px;
}

.history-content .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 3px;
  width: 373px;
  z-index: 3;
}

.history-content .swiper-pagination-switch,
.history-content .swiper-pagination-bullet {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0px 5px;
  cursor: pointer;
  border-radius: 50%;
  background-color: white;
  opacity: 1;
}

.history-content .swiper-active-switch,
.history-content .swiper-pagination-bullet-active {
  background-color: #009019;
}

.about-hea{
  overflow: hidden;
  padding-bottom: 48px;
  color: #999999;
  line-height: 24px;
  font-size: 14px;
}

.about-hea img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.about-hea .mt{
  margin-top: 18px;
  margin-bottom: 10px;
}

.about-hea .mt:first-child{
  margin-top: 0px;
}

.about-hea-top{
  font-size: 16px;
  padding-bottom: 27px;
}

.about-hea-left{
  width: 544px;
  float: left;
}
.about-hea-right{
  float: right;
  width: 560px;
}

.culture-hea{
  overflow: hidden;
  padding-bottom: 48px;
  color: #333;
  line-height: 30px;

}
.culture-hea .mt{
  margin-top: 18px;
}

.culture-hea-left{
  width: 486px;
  float: left;
}
.culture-hea-right{
  float: right;
  width: 680px;
}

.culture-bg{
  height: 586px;
  background-image:url(../images/culture-bg.jpg);
  background-repeat: no-repeat;
  background-position: right;
  position: relative;
  margin-bottom: 72px;
  background-attachment: fixed;
}
.culture-idea{
  padding:62px 0 0 68px;
  width: 688px;
  height: 242px;
  background:url(../images/bg.png) right bottom no-repeat #009019;
  position: absolute;
  color: #fff;
  line-height: 30px;
  top: 62px;
  right: 0;
}
.culture-core {
  overflow: hidden;
}

.culture-core > h6{
  color: #333;
  font-size: 20px;
  line-height: 100%;
  padding-left: 16px;
  border-left: 3px solid #009019;
  margin-bottom: 32px;
}

.culture-list{
  overflow: hidden;
  width: 1240px;
  margin-bottom: 64px;
}
.culture-list li{
  overflow: hidden;
   width: 285px;
   margin-right: 14px;
   display: inline-block;
   vertical-align: top;
   padding-bottom: 24px;
}
.culture-list li h6{
  font-size: 18px;
  font-weight: normal;
  color: #333;
  line-height: 32px;
  margin-top: 4px;
}
.culture-list li p{
  color: #828282;
  letter-spacing:-0.5px;
  overflow: hidden;
  white-space: nowrap;
}
.scrc-img:hover img{
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
      transform: scale(1.1);
}

.scrc-img{
  overflow: hidden;
}
.scrc-img img{
  -webkit-transition: all .25s ;
     -moz-transition: all .25s ;
    -ms-transition: all .25s ;
     -o-transition: all .25s ;
      transition: all .25s ;
}

.new-banner{
  background-image: url(../images/banner-6.jpg);
  position: relative;
}
.new-hea{
  position: absolute;
  left: 0;
  top: 120px;
  color: #fff;
  font-size: 18px;
}
.new-hea h5 {
font-size: 36px;
font-weight: normal;
}
.new-hea-p{
  color: #dfdfe0;
  font-size: 30px;
  margin-bottom: 22px;
  padding-bottom: 12px;
  position: relative;
  text-transform: uppercase;
}
.new-hea-p:after {
  content: '';
  position: absolute;
  height: 3px  ;
  background-color: #938d93;
  width: 57px;
  bottom: 0;
  left: 0;
}
.new-option{
  overflow: hidden;
}
.new-option>a{
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
      border:1px solid #e5e5e5;
      background:url(../images/bg-none.jpg) no-repeat ;
      width: 595px;
      line-height: 56px;
      height: 56px;
      text-align: center;
      color: #636363;
      font-size: 18px;

}
.new-option>a+a{
  margin-left: 9px;
}

.new-option>a.curr{
  color: #009019;
  border-top: 5px solid #009019;
  background-image: url(../images/bg-act.jpg);
}

.new-option{
  margin:30px 0 36px;
}



.new-video-list{
  width: 1240px;
}

.new-video-list li{
  display: inline-block;
  vertical-align: top;
  margin-right: 26px;
  margin-bottom: 28px;
  width: 380px;
}
.new-video-list li .new-video-in:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}
.new-video-list li .new-video-in {
  position: relative;
  overflow: hidden;
}
.new-video-list li .new-video-in img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.new-video-list li .new-video-in:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.new-video-p{
  padding:0 16px;
  line-height: 42px;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
}
.new-video-p i{
  float: right;
  font-style: normal;
  font-size: 12px;
}
.new-play{
  position: absolute;
  width: 46px;
  height: 46px;
  background:url(../images/play-in.png) no-repeat center;
  top: 78px;
  left: 0;
  right: 0;
  margin:auto;
  z-index: 2;
  cursor: pointer;
}


#myModal {
  top: 50%!important;
  margin-top: -200px!important;
  left: 50%;
  margin-left: -300px;
  position: fixed;
}

.reveal-modal-bg {
  position: fixed;
  opacity: 0.6;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, .8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}
.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: -15px;
  right: -15px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
  font-weight: bold;
  cursor: pointer;
  left: 50%;
}
#close {
  float: right;
}

 .reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
 
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 600px;
background: #eee url(modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
 
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
 
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}

.reveal-modal {
  visibility: hidden;
  background: #eee url(modal-gloss.png) no-repeat -200px -80px;
  z-index: 101;
  padding: 10px 10px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.new-video-more{
  display: block;
  text-align: center;
  background-color:#009019 ;
  line-height: 50px;
  color: #fff;
  overflow: hidden;
  margin-bottom: 86px;
}

.new-video-more img{
  margin-top: 12px;
  margin-right: 14px;
}
.new-container>div,#test{
  display: none;
}

.inside-bread{
  overflow: hidden;
  padding:30px 0;
}
.new-headline{
  overflow: hidden;
  background-color: #eee;
  margin-bottom: 6px;
}

.new-headline-img{
  display: inline-block;
  vertical-align: top;
}
.new-headline-right{
  display: inline-block;
  vertical-align: top;
  width: 790px;
  margin-left: 26px;
  padding-top: 22px;
}
.new-headline-right h6 a{
  color: #009019;
  font-size: 16px;
}
.new-headline-right .new-time{
  font-weight: bold;
  color: #4a4a4a;
  display: block;
  margin:10px 0;
}
.new-headline-p{
  line-height: 25px;
  display: -webkit-box  !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 75px;
}
.new-left{
  width: 326px;
  float: left;
  padding-top: 30px;
}
.new-search,.new-select{
  width: 322px;
  border:2px solid #dfdfdf;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.new-select {
  border: none;
}
.new-search input{
  line-height: 51px;
  padding-left: 16px;
  width: 240px;
  font-family: Microsoft Yahei;
  font-size: 14px;
}

.new-search button{
  float: right;
  background:url(../images/search.png) center no-repeat #dfdfdf;
  width: 58px;
  height: 51px;
  cursor: pointer;
  outline: none;
}

.new-grid{
  overflow: hidden;
   padding-bottom: 90px;
}
.new-select input{
  width: 100%;
  height: 51px;
  border:2px solid #dfdfdf;
  font-family: Microsoft Yahei;
  font-size: 14px;
  padding-left: 16px;
  background:url(../images/select.jpg) right top no-repeat;
  -webkit-appearance:none;
  cursor: pointer;
  text-align: left;
}
.new-select ul {
  display: none;
  border: 2px solid #dfdfdf;
  border-top: none;
}
.new-select li{
  
}
.new-select a{
  line-height: 55px;
  display: block;
  padding-left: 16px;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  transition: all ease-out .3s;
}
.new-select a:hover{
  text-indent: 10px;
  background-color: #F2F2F2;
}
.new-right{
  border-left: 1px solid #e5e5e5;
  float: right;
  width: 865px;
}
.new-right li{
  padding-left: 30px;
  position: relative;
}
.new-right li .new-in{
  border-bottom: 1px dotted #b9b9b9;
  position: relative;
  padding:25px 45px 12px 98px;
}
.new-in h6 {
  margin-bottom: 8px;

}
.new-in h6 a{
  font-size: 16px;
  color: #4a4a4a;
  overflow: hidden;
  white-space: nowrap;
  max-width: 655px;
  display: inline-block;
}
.new-in .new-time{
  position: absolute;
  font-weight: bold;
  color: #5e5e5e;
  left: 0;
  top: 25px;
}
.new-in>i{
  position: absolute;
  font-family: simsun;
  font-size: 22px;
  color: #717170;
  right: 45px;
  top: 22px;
  font-style: normal;
  font-weight: 700;
}

.new-in>i a {
  font-family: simsun;
  color: #717170;
}
.new-right li:hover{
   background-color: #eee;
}
.pag, .m-pag {
  text-align: center;
  padding: 26px 0 30px;
  line-height: 23px;
  margin-top: 30px;
}
.pag>a, .m-pag>a {
  display: inline-block;
  padding: 0 8px;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
}
.pag>a.on, .m-pag>a.on {
  color: #fff;
  background-color: #bf002c;
  border-color: #bf002c;
}
.pag>span, .m-pag>span{
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  margin:0 4px;
}
.simsun{
  font-family: simsun;
}

.new-details{
  background-color: #fff;
  padding:30px 30px 40px;
  line-height: 25px;
  color: #6a6a6a;
  border:1px solid #eeeeee;
}
.new-box-left{
  width: 848px;
  float: left;
}

.new-box{
  overflow: hidden;
  padding-bottom: 50px;
}
.new-box-left>h6{
  color: #494949;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 12px;
}
.new-box-time{
  line-height: 46px;
  padding:0 20px;
  background-color: #f1ebe5;
  margin-bottom: 11px;
}
.new-box-time>span{
  font-size: 12px;
  color: #919191;
}

.new-box-time .bshare-custom{
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
.new-box-time .sharediv {
  float: right;
}
.new-box-time .sharediv{
  background-image: none;
}
.new-pag{
  padding-top: 20px;
  margin-top: 18px;
  border-top: 2px solid #c9c9c9;
  position: relative;
}

.new-pag >p a{
  color: #878787;
  font-size: 12px;
  padding-left: 13px;
  background:url(../images/icon-3.png) left center no-repeat;
}

.new-pag >p a:hover{
  background-image: url(../images/icon-4.png);
  color: #009019;
}
.new-return{
  color: #797979;
  position: absolute;
  padding-left: 30px;
  background:url(../images/icon-5.png) left center no-repeat;
  right: 0;
  top: 25px;
}
.new-box-right{
  float: right;
  width: 295px;
  background-color: #fff;
  border-top: 4px solid #009019;
  margin-top: 48px;
  padding:0 15px 15px;
  overflow: hidden;
}
.new-box-right >p{
  font-size: 16px;
  color: #303030;
  padding-left: 10px;
  border-left:3px solid #009019 ;
  margin:12px 0 22px;
  line-height: 100%;
}

.new-box-right li+li{
border-top: 1px dotted #cacaca;
  margin-top: 14px;
  padding-top: 10px;
}
.new-box-right li {
  line-height: 25px;


}
.new-box-right li a{
  color: #303030;
}
.new-box-right li a:hover{
  text-decoration: underline;
}

.new-box-right li span{
  display: block;
  color: #757575;
  margin-top: 4px;
}
.science-hea>div{
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
  overflow: hidden;
  height: 420px;
  float: left;
  position: relative;
}

.science-hea{
  background-color: #f4ecdf;
  overflow: hidden;
  display: none;
}
.science-hea-right{
  background:url(../images/bg-2.png) no-repeat right bottom #f4ecdf;
  padding:76px 74px 0 44px;

}
.science-hea-right h5,.science-hea-right h6{
  font-size: 24px;
  color: #333;
  font-weight: normal;
}
.science-hea-right h6{
  color: #009019;
  line-height: 120%;
  margin: 15px 0;

}
.science-hea-right  a{
  line-height: 25px;
  color: #666;
}
.science-more{
  position: absolute;
  width: 38px;
  height: 37px;
  background:url(../images/icon-6.png) no-repeat;
  bottom: 44px;
  left: 44px;
}
.science-box{
  margin:122px 0 100px;
  position: relative;
}


.science-list{
  position: absolute;
  width: 360px;
  top: -50px;
  left:50%;
  margin-left: -180px;
  z-index: 10;
}

.science-list li{
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 93px;
  height: 35px;
  background:url(../images/science-1.png) no-repeat center 22px #fff;
  color: #009019;
  padding-top: 58px;
  text-align: center;
  cursor: pointer;
  border:1px solid #eeeeee;
  box-shadow: 0 3px 8px rgba(35, 24, 21, 0.20);
}
.science-list li+li{
  margin-left: 30px;
}
.science-list .science-1{
  background-image: url(../images/science-1.png);
}
.science-list .science-2{
  background-image: url(../images/science-2.png);
}
.science-list .science-3{
  background-image: url(../images/science-3.png);
}

.science-list .science-1.curr{
  background-image: url(../images/science-1-1.png);
  color: #fff;
  background-color: #009019;
  border-color: #009019;
}
.science-list .science-2.curr{
  background-image: url(../images/science-2-1.png);
  color: #fff;
  background-color: #009019;
  border-color: #009019;
}
.science-list .science-3.curr{
  background-image: url(../images/science-3-1.png);
  color: #fff;
  background-color: #009019;
  border-color: #009019;
}
.science-center{
  overflow: hidden;
  margin:100px 0 60px;
}
.science-center-left{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 230px;
height: 230px;
border:4px solid #009019;
padding-top: 76px;
text-align: center;
display: inline-block;
vertical-align: top;
}

.science-center-left h6{
  font-size:24px;
  color: #333;
  font-weight: normal;
  margin-bottom: 4px;
}

.science-center-left a{
  display: inline-block;
  color: #fff;
  width: 100px;
  line-height: 28px;
  background-color: #009019;
}
.science-center-in{
  display: inline-block;
  vertical-align: top;
  margin-left: 56px;
  width: 410px;
  padding-top: 38px;
}
.science-center-in h6 a{
font-size: 18px;
font-weight: normal;
color: #009019;
}
.science-center-in .time{
  display: inline-block;
  margin:14px 0 18px;
  color: #000;
}

.science-center-in  .science-p{
  color: #808080;
    display: -webkit-box  !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.science-footer{
  overflow: hidden;
  margin-bottom: 120px;
}
.science-footer-left{
  width: 650px;
  float: left;
  position: relative;
  text-align: center;
  background:url(../images/32.jpg) no-repeat center;
  background-size: cover;
  height: 375px;
}
.science-footer-left:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
}
.science-footer-left h6{
  position: absolute;
  width: 310px;
  color: #fff;
  font-size: 34px;
  font-weight: normal;
  top:95px;
  line-height: 110%;
  left: 50%;
  margin-left: -155px;
  z-index: 1;
}
.science-footer-left a{
  width: 114px;
  line-height: 40px;
  border:1px solid  #009019;
  bottom: 120px;
  left: 50%;
  margin-left: -57px;
  position: absolute;
  z-index: 10;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.science-footer-left a:after{
  content: '';
  width: 110px;
  height: 36px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color:  #009019;
  z-index: -1;
}
.science-footer-right{
  float: right;
  width: 550px;

}
.science-footer-hea{
  height:200px;
  background:url(../images/bg-3.jpg) no-repeat;
  position: relative;
}
.science-footer-hea h6{
  position: absolute;
  color: #2a2a2a;
  font-size: 24px;
  font-weight: normal;
  top: 32px;
  left: 330px;
}
.science-footer-hea p{
  position: absolute;
  color: #666;
  font-size: 16px;
  left: 330px;
  top: 70px;
}
.science-footer-hea  a{
  position: absolute;
  left: 330px;
  bottom: 36px;
  border:1px solid #a0a0a0;
  width: 106px;
  line-height: 30px;
  text-align: center;
  color: #666;
  border-radius: 30px;
}
.science-footer-in{
  height: 175px;
  overflow: hidden;
}

.science-footer-in>div{
  width: 50%;
  position: relative;
  height: 100%;
  float: left;
}
.science-gl{
  background-color: #eee;
  text-align: center;
  overflow: hidden;
}
.science-gl h6{
  color: #333;
  font-size: 24px;
  margin: 40px 0 14px;
  font-weight: normal;
}
.science-gl p{
  width: 210px;
  color: #666;
  margin:0 auto;
}
.science-rz{
  background:url(../images/31.jpg) no-repeat;
  position: relative;
}
.science-rz:after {
  content: '';
  position: absolute;
   width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
}
.science-rz h6{
  position: absolute;
  padding-top: 96px;
  background:url(../images/icon-7.png) center 40px no-repeat;
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  z-index: 2;
  width: 100%;
}

.consult-hea{
  margin:33px 0 57px;
  overflow: hidden;
}
.consult-hea-left{
  background-color: #fff;
  width: 867px;
  height: 541px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding:24px 36px 0;
}

.consult-hea-left>h6,.consult-hea-right>h6{
  margin-bottom: 17px;
  line-height: 100%;
  color: #525252;
  padding-left: 8px;
  border-left: 3px solid #009019;
  font-size: 18px;
  font-weight: normal;
}
.consult-form{
  border-top: 1px solid #dcdcdc;
  color: #323232;
  padding-top: 16px;
}
.science-select{
  font-size: 14px;
  color: #333;
  background:url(../images/secl.jpg) right center no-repeat;
  width: 217px;
  height: 36px;
  border:1px solid #dcdcdc;
  -webkit-appearance:none;
  padding-left: 20px;
  margin:20px 0;
  text-align: left;
  cursor: pointer;
}
#science-select {
  position: relative;
}

#science-select ul {
  position: absolute;
  left: 0;
  top: 56px;
  border:1px solid #dcdcdc;
  border-top:none;
  width: 215px;
  display: none;
}
#science-select ul a {
  display: block;
  line-height: 34px;
  background-color: #fff;
  padding-left: 20px;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  transition: all ease-out .3s;
}
#science-select ul a:hover {
  text-indent: 5px;
  background-color: #F2F2F2;
}
.science-area{
  resize:none;
  border:1px solid #dcdcdc;
  padding:10px;
  font-family: "Microsoft Yahei";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 154px;
  font-size: 14px;
  font-family:  Microsoft YaHe;
  outline: none;
}
.science-meg{
  height: 38px;
  margin:18px 0 ;
}
.science-call{
  width: 217px;
  height: 36px;
  border:1px solid #dcdcdc;
  position: relative;
  float: left;
  margin-right: 8px;
}
.science-call .sex-select {
  width: 64px;
  height: 34px;
  font-size: 14px;
  font-family: Microsoft YaHe;
  padding-left: 10px;
  -webkit-appearance: none;
  background: url(../images/secl.jpg) right center no-repeat;
  display: inline-block;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.science-call ul {
  position: absolute;
  width: 64px;
  right: 0;
  top: 37px;
  background-color: #fff;
  z-index: 2;
  border: 1px solid #dcdcdc;
  border-top: none;
  height: 64px;
  float: right;
  display: none;
}
.science-call ul li{
}
.science-call ul a {
  width: 100%;
  line-height: 34px;
  padding-left: 10px;
  display: block;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  transition: all ease-out .3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.science-call ul a:hover {
  text-indent: 2px;
  background-color: #F2F2F2;
}
.science-call > input{
  width: 136px;
  padding-left: 10px;
  height: 36px;
  font-size: 14px;
  position: relative;
  font-family: "Microsoft Yahei";
}

.science-call:after {
  content: '';
  height: 14px;
  width: 1px;
  background-color: #e5e5e5;
  position: absolute;
  right: 66px;
  top: 11px;
}
.science-call select{
  width: 66px;
  height: 36px;
  font-size: 14px;
  font-family:  Microsoft YaHe;
  padding-left: 10px;
   -webkit-appearance:none;
  background:url(../images/secl.jpg) right center no-repeat;
}
.science-meg>input{
  width: 189px;
  padding:0 14px;
  height: 36px;
  font-size: 14px;
  border:1px solid #dcdcdc;
  float: left;
  margin-right: 8px;
  font-family: "Microsoft Yahei";
}
.science-code>input{
  width: 102px;
  font-family: "Microsoft Yahei";
  padding:0 14px;
  height: 36px;
  font-size: 14px;
  border:1px solid #dcdcdc;
  float: left;
  margin-right: 8px;
}
.science-code{
  width: 304px;
  position: relative;
}
.science-code>a{
  position: absolute;
  width: 14px;
  height: 14px;
  background:url(../images/icon-8.jpg) no-repeat;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.science-btn{
  display: block;
  cursor: pointer;
  width: 160px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  margin-top: 18px;
  background-color: #009019;
  font-size: 14px;
  outline: none;
}
.consult-hea-right{
  float: right;
  background-color: #fff;
  padding:24px 25px 0 19px;
  width: 301px;
  height: 541px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
}
.consult-hea-details{
  color: #555;
  line-height: 24px;
  max-height: 270px;
  overflow: hidden;
}
.consult-hea-details h6 {
margin:14px 0;
color: #525252;
font-size: 16px;
font-weight: normal;
}
.consult-hea-details h6 i{
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  font-style: normal;
  font-size: 14px;
}
.consult-main{
  padding-bottom: 64px;
}
.consult-title{
  height: 32px;
  background-color: #009019;
  padding-left: 14px;
    padding-top: 13px;
    margin-bottom: 32px;
}
.consult-title span{
  display: block;
  border-left: 3px solid #fff;
  line-height: 100%;
  padding-left: 16px;
  color: #fff;
  font-size: 18px;

}
.consult-question{
  padding-bottom: 16px;
  border-bottom: 1px dotted #c6c6c6;
  margin-bottom: 20px;
}
.consult-question>h6{
padding-left: 38px;
line-height: 24px;
margin-bottom: 18px;
position: relative;
color: #000;
font-weight: normal;
}
.consult-question>h6:after {
  content: '闂�';
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #ef7c07;
  border-radius: 3px;
  left: 0;
  top: 0;
}
.consult-question>div{
  position: relative;
padding-left: 38px;
line-height: 24px;
color: #898989;

}
.consult-question>div:after {
  content: '绛�';
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #009019;
  border-radius: 3px;
  left: 0;
  top: 0;
}
.patent-list{
  width: 1220px;
}
.patent-list>li{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 385px;
      height: 180px;
      background-color: #fff;
      padding:18px 30px 0;
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin-right: 16px;
  box-shadow: 0 0 12px #cccccc;
  border-radius: 5px;
  margin-bottom: 20px;
}

.patent-list>li .time{
  display: block;
  color: #999;
  font-size: 18px;
  margin-bottom: 16px;
}
.patent-p{
  color: #290229;
    display: -webkit-box  !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.patent-down{
  position: absolute;
  line-height: 30px;
  padding-left: 40px;
  background:url(../images/down.png) left center no-repeat;
  left: 30px;
  bottom: 20px;
}



.patent-list>li:hover{
  background-color: #009019;
}
.patent-list>li:hover .time,.patent-list>li:hover .patent-p,.patent-list>li:hover .patent-down{
  color: #fff;

}
.patent-list>li:hover .patent-down{
  background-image: url(../images/donw-1.png);
}
.public-banner{
  background-image: url(../images/banner-7.jpg);
  height: 260px;
}
.duty-banner{
    background-image: url(../images/35.jpg);
    height: 377px;
}
.public-banner h5,.duty-banner h5{
  color: #ce6a53;
}
.public-banner .new-hea-p,.duty-banner .new-hea-p{
color: #d79674;
}
.public-banner .new-hea-p:after,.duty-banner .new-hea-p:after{
background-color: #d89274;
}
.public-banner .new-hea{
  color: #d39462;
  top: 42px;
}
.duty-banner .new-hea{
  color: #d39462;
}
.public-nav{
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.public-nav .inside-bread{
padding: 26px 0;
float: left;
}
.public-nav  .bread-in{
font-size: 14px;
}
.public-nav-list{
  float: right;
  overflow: hidden;
  margin-bottom: -1px;
}
.public-nav-list li{
  margin-left: 26px;
  border-bottom: 2px solid transparent;
  float: left;
}
.public-nav-list li a{
  color: #494949;
  display: block;
  line-height: 73px;
}
.public-nav-list li:hover,.public-nav-list li.curr{
  border-color: #009019;
}
.public-main{
  background:url(../images/responsibility.png) right 6px no-repeat #f5f5f2;
  padding-bottom: 18px;
}
.public-left{
  float: left;
  width: 848px;
  padding-right: 25px;
  border-right:1px solid #deded6;
}
.public-list{
  overflow: hidden;
  margin: 47px 0 35px;
}
.public-list li{
  float: left;
  font-size: 16px;
  margin-left: 11px;
}
.public-list li:first-child{
  margin-left: 0px;
}
.public-list li a{
padding:0 27px;
line-height: 31px;
display: block;
color: #5d5d5d;
border-radius: 30px;
}
.public-list li a.curr,.public-list li a:hover{
  color: #fff;
  background-color: #009019;
}
.system-right{
  width: 418px;
}
.system-headline-img{
  width: 380px;
}
.system-headline-img img{
  width: 100%;
}
.system-headline-p{
  -webkit-line-clamp:4;
  max-height: 97px;
}
.system-new-list{
  border-left: 0;
}
.system-new-list li{
  padding-left: 0;
}
.system-new-list {
  float: none;
  width: auto;
}
.system-more{
  background-color: #d9d9c7;
  color: #009019;
  margin-top: 30px;
}
.public-right{
  float: right;
  padding-top: 114px;
}
.public-right a{
  display: block;
  padding-bottom: 27px;
}
.border-none{
  border:0;
}
.public-left>.new-box-left{
  width: auto;
  float: none;
  margin-top: 54px;
  margin-bottom: 50px;
}
.duty-nav{
  overflow: hidden;
  line-height: 38px;
  padding: 42px 0 64px;
}
.duty-nav li{
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-left: 11px;
}
.duty-nav li:first-child{
  margin-left: 0px;
}
.duty-nav li a{
  text-align: center;
width: 111px;
line-height: 31px;
display: block;
color: #848483;
border-radius: 30px;
padding-left: 20px;
background:url(../images/icon-group.png) no-repeat 20px 8px ;
}
.duty-nav li a.curr,.duty-nav li a:hover{
  background-color: #009019;
  color: #fff;
  background-position-y: -36px ;
}
.duty-nav li .duty-nav-2{
background-position-x:-114px ;
}
.duty-nav li .duty-nav-3{
background-position-x:-246px ;
}
.duty-nav li .duty-nav-4{
background-position-x:-378px ;
}
.duty-nav li .duty-nav-6{
background-position-x:-644px ;
}
.duty-nav li .duty-nav-5{
background-position-x:-512px ;
}
.duty-hea{
  overflow: hidden;
}
.duty-hea-left{
  float: left;
  width: 532px;
  height: 320px;
  background:url(../images/bg4.png) no-repeat center;
  color: #fff;
  padding-top: 77px;
  padding-left: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
  margin-top: 54px;
  position: relative;
}

.duty-hea-left h6{
  font-size: 30px;
  font-weight: normal;
}
.duty-hea-left p{
  font-weight: lighter;
  font-size: 30px;
}
.duty-hea-left span{
  position: absolute;
  font-size: 24px;
  left: 50px;
  bottom: 56px;
}
.duty-hea-right{
  float: right;
  width: 666px;
  height: 420px;
  position: relative;
}
.duty-hea-right>a{
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 10;
  left: 30px;
}
.duty-hea-right>.arrow-right{
  left: auto;
  right:30px;
}
.duty-hea-right> .pagination{
  position: absolute;
  bottom: 14px;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 10;
}
.duty-hea-right> .pagination span{
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background-color: #f8f7f3;
  margin-right: 10px;
  cursor: pointer;
}
.duty-hea-right> .pagination .swiper-active-switch{
background-color: #b03125;
}
.duty-main{
  padding:38px 0 70px;
}
.channel-list{
  height: 496px;
  background:url(../images/40.jpg) no-repeat center;
}
.channel-list-right{
  float: right;
  padding-top: 100px;
  width: 580px;
  line-height: 30px;
  color: #7c6d02;
  overflow: hidden;
}
.channel-list-right ul{
  overflow: hidden;
  margin-top: 26px;
  width: 594px;
}
.channel-list-right ul li{
  float: left;
  margin-right: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 183px;
  height: 74px;
  text-align: center;
  margin-bottom: 14px;
  border-radius: 6px;
}
.channel-list-right ul li a{
  display: block;
  height: 64px;
  padding-top: 10px;
  color: #917f00;
}
.channel-list-right ul li h6{
  font-size: 24px;
  font-weight: normal;
  color: #776a01;
}
.channel-list-right ul li:hover,.channel-list-right ul li.curr{
  background-color: #c80000;
}
.channel-list-right ul li:hover h6,.channel-list-right ul li.curr h6{
  color: #ffe404;  
}
.channel-list-right ul li:hover a,.channel-list-right ul li.curr a{
  color: #eca903;  
}
.channel-img{
  position: absolute;
  left: 270px;
  top: 142px;
}
.public-welfare{
  height: 449px;
  background:url(../images/36.jpg) no-repeat center;
}
.public-welfare ul{
  position: absolute;
  overflow: hidden;
  top: 124px;
}
.public-welfare ul li{
  float: left;
  margin-right: 10px;
}
.public-welfare-right{
  width: 356px;
  position: absolute;
  top: 100px;
  right: 200px;
  color:rgba(0, 0, 0, 0.6);
}
.public-welfare-right h6{
  font-size: 48px;
  color: #316d36;
  font-weight: normal;
}
.public-welfare-right i{
  font-style: normal;
  font-size: 48px;
  color: #539b63;
  letter-spacing:-1px;
  font-family: Segoe UI;

}
.public-welfare-p{
  font-size: 16px;
  margin: 4px 0 8px;
  color:rgba(0, 0, 0, 0.5);
}
.public-welfare-right p{
  line-height: 24px;
}
.duty-channel-footer{
  background:url(../images/bg-5.jpg) no-repeat center;
  height: 500px;
  padding-top: 72px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.duty-channel-left{
  width: 850px;
  position: relative;
  float: left;
}
.duty-channel-left>h6{
  color: #717170;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 40px;
}
.duty-more{
  position: absolute;
  padding-right:50px ;
  color: #009019;
  line-height: 36px;
  right: 0;
  top: 0;
  background:url(../images/icon-8.png) right center no-repeat;
}
.duty-channel-in{
  padding: 15px 0;
  overflow: hidden;
  position: relative;
  border-bottom: 1px dotted #c4c3c1;
}
.duty-channel-in>.time{
  width: 114px;
  height: 78px;
  text-align: center;
  color: #009019;
  background-color: #fff;
  padding-top: 22px;
  float: left;
}
.duty-channel-in>.time p{
  font-size: 18px;
}
.duty-channel-in>.time span{
  font-weight: bold;
  font-size: 24px;
}
.duty-channel-main{
  width: 524px;
  padding-left: 34px;
  color: #6c6c6c;
  float: left;
  padding-top: 6px;
}
.duty-channel-main>h6{
  font-size: 18px;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
}
.duty-channel-main>h6 a{
  color: #434343;
}
.duty-channel-main>p{
  display: -webkit-box  !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 42px;
}
.duty-down{
  float: right;
  width: 122px;
  height: 100%;
  background:url(../images/down1.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
}

.duty-channel-in:hover{
  background-color: #fff;
}
.duty-channel-in:hover .duty-down{
  background-color: #009019;
  background-image: url(../images/down1-1.png);
}

.duty-channel-right{
  float: right;
  width: 307px;
}
.duty-report{
  padding-top: 40px;
}

.honour-kind a {
  line-height: 54px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  width: 206px;
  text-align: center;
  font-size: 16px;
  color: #696969;
  box-shadow: inset 0px 8px 15px -5px rgba(0, 0, 0, 0.1);
}

.honour-kind .honour-btn {
  display: inline-block;
  margin-right: 9px;
  vertical-align: top;
}

.honour-kind .honour-btn.active {
  border-top: 5px solid #009019;
}

.honour-kind .honour-btn.active a {
  border-top: none;
  line-height: 49px;
  box-shadow: inset 0px -8px 15px -5px rgba(0, 0, 0, 0.1);
}

.honour-list {
  padding-top: 47px;
  overflow: hidden;
}

.honour .years-btn {
  float: left;
}

.honour .years-btn a{
  line-height: 28px;
  width: 139px;
  border: 1px solid #c9c9c9;
  font-size: 16px;
  color: #a6a6a6;
  display: block;
  padding-left: 41px;
  margin-bottom: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('../images/year-grey.png');
  background-repeat: no-repeat;
  background-position: 16px center;
  display: none;
}

.honour-list .years-btn a{
  display: block;
}

.honour .years-btn a.active,
.honour .years-btn a:hover{
  border: 1px solid #009019;
  background-color: #009019;
  color: white;
  background-image: url('../images/year-white.png');
}

.honour-list .years {
  float: right;
  width: 1047px;
  margin-bottom: 85px;
  display: none;
}

.honour-list.years-btn {
  float: none;
}

.honour-list .single-year {
  padding-left: 69px;
  background-image: url('../images/grey-lines.png');
  background-repeat: repeat-y;
  background-position: left 17px;
}

.honour-list .single-year:hover {
  background-image: url('../images/red-lines.png');
}

.honour-list .single-year .detail {
  border-bottom: 1px dotted #a3a3a3;
  padding-top: 16px;
  padding-bottom: 16px;
  background-position: left 17px;
}

.honour-list .single-year span {
  font-size: 14px;
  color: #009019;
  vertical-align: top;
  width: 142px;
  display: inline-block;
}

.honour-list .single-year .text {
  font-size: 14px;
  color: #666666;
  max-width: 831px;
  display: inline-block;
}

.single-year.two-img .text,
.single-year.one-img .text {
  max-height: 170px;
  overflow: hidden;
  margin-left: 14px;
}

.single-year.two-img .text {
  max-width: 326px;
}

.single-year.one-img .text {
  max-width: 575px;
}

.single-year .year-img {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.single-year .year-img img {
  display: inline-block;
  max-width: 232px;
  border: 1px solid #dcdcdc;
  margin-left: 14px;
}

.single-year .year-img img:first-child {
  margin-left: 0px;
}

.honour-list .honour-hide {
  height: 19px;
  background-image: url('../images/grey-lines.png');
  background-repeat: repeat-y;
  background-position: left 17px;
}

.quality-banner {
  position: relative;
}

.quality-banner .swiper-container {
  height: 681px;
}
.quality-banner .swiper-wrapper,
.quality-banner .swiper-slide {
  height: 100%;
  float: none;
}

.quality-banner  .arrow-left,
.quality-banner  .arrow-right {
  position: absolute;
  top: 51%;
  width: 27px;
  height: 58px;
  z-index: 2;
}

.quality-banner  .arrow-left {
  background: url('../images/quality-arrow-l.png') no-repeat left top;
  left: 0%;
}
.quality-banner  .arrow-right {
  background: url('../images/quality-arrow-r.png') no-repeat left bottom;
  right: 0%;
}

.quality-banner .banner-btn a {
  line-height: 54px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  width: 381px;
  text-align: center;
  font-size: 16px;
  color: #696969;
  background-color: white;
  box-shadow: inset 0px 10px 15px -5px rgba(0, 0, 0, 0.1);
}

.quality-banner .banner-btn {
  position: absolute;
  bottom: 0;
  z-index: 4;
  text-align: center;
  width: 100%;
}

.quality-banner .single-btn {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}

.quality-banner .single-btn:first-child {
  margin-left: 0px;
}

.quality-banner .single-btn.active {
  border-top: 5px solid #009019;
}

.quality-banner .single-btn.active a {
  border-top: none;
  line-height: 50px;
  box-shadow: inset 0px -10px 15px -5px rgba(0, 0, 0, 0.1);
}

.wine {
  margin: auto;
  padding-top: 64px;
}

.wine .title {
  font-size: 16px;
  color: #929292;
  text-align: center;
}

.wine .title span {
  font-size: 30px;
  color: #2e2e2e;
  display: block;
  padding-bottom: 7px;
}

.wine .wine-content {
  overflow: hidden;
  padding-top: 34px;
  display: none;
}

.wine .wine-content .detail {
  width: 472px;
  margin: auto;
  padding-top: 55px;
  line-height: 180%;
  max-height: 238px;
  overflow: hidden;
}

.wine-content .img {
  width: 593px;
  float: left;
  position: relative;
}

.wine-content .img .img-overlay{
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.6);
  font-size: 12px;
  color: white;
  line-height: 25px;
  min-width: 143px;
  text-align: center;
  padding: 0 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wine-content .text {
  width: 593px;
  float: right;
  background-color: #eeeeee;
  font-size: 12px;
  color: #5c5c5c;
  height: 334px;
}

.wine-content .text .decorate {
  padding-bottom: 12px;
}

.wine-content .text .decorate-text {
  font-size: 18px;
  color: #333333;
  display: block;
  padding-bottom: 13px;
}

.quality-icon {
  padding-top: 66px;
  padding-bottom: 68px;
}

.quality-icon .single-icon {
  text-align: center;
  display: inline-block;
  font-size: 12px;
  color: #a0a0a0;
  text-transform: uppercase;
  cursor: pointer;
}

.quality-icon .single-icon span {
  font-size: 14px;
  color: #5d5d5d;
  display: block;
  padding-top: 7px;
  overflow: hidden;
  white-space: nowrap;
}

.single-icon {
  width: 296px;
  background-image: url('../images/icon-line.png');
  background-position: left center;
  background-repeat: no-repeat;
  background-position: left 14px;
}

.single-icon .text {
  max-height: 46px;
  overflow: hidden;
}

.single-icon:first-child {
  background-image: none;
}

.single-icon .red-icon,
.single-icon.active .grey-icon {
  display: none;
}

.single-icon.active {
  color: #d57e8c;
}

.single-icon.active span {
  color: #009019;
}

.single-icon.active .red-icon {
  display: inline-block;
} 

.product {
  background-image: url('../images/quality-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right;
}

.product .product-overlay {
  background-color: rgba(0,0,0,.69);
}

.product .product-wrap {
  margin: auto;
  padding-top: 55px;
  padding-bottom: 58px;
  overflow: hidden;
}

.product .detail {
  max-width: 480px;
  float: left;
}

.product .detail .text {
  font-size: 14px;
  color: white;
  position: relative;
  padding-bottom: 19px;
}

.product .text span {
  font-size: 24px;
  display: block;
  padding-bottom: 12px;
}

.product .detail .text::after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #ffffff;
  width: 59px;
  bottom: 0;
  left: 0;
}

.product ul {
  font-size: 14px;
  color: white;
  padding-top: 36px;
  font-weight: bold;
}

.product ul li {
  position: relative;
  padding-left: 13px;
  display: inline-block;
  padding-right: 24px;
  padding-bottom: 12px;
}

.product ul li:before {
  content: '';
  position: absolute;
  height: 7px;
  width: 7px;
  background-color: white;
  left: 0;
  top: 20%;
  border-radius: 50%;
}

.product .detail a {
  line-height: 31.5px;
  border: 1px solid #c7c9cc;
  font-size: 14px;
  color: #c7c9cc;
  padding: 0px 37.5px;
  display: inline-block;
  margin-top: 22px;
}

.product .detail a span {
  font-family: "SimSun";
  padding-left: 5px;
}

.product .icon-row {
  padding-bottom: 30px;
  overflow: hidden;
}

.product .icon-list {
  padding-top: 60px;
  width: 333px;
  float: right;
}

.product .icon-row .icon {
  font-size: 14px;
  color: white;
  text-align: center;
  display: inline-block;
}

.icon-row a {
  float: right;
}

.icon-row a:first-child {
  float: left;
}

.icon-row .icon img {
  display: block;
  max-width: 100%;
}

.icon-row .icon img {
  display: block;
  max-width: 100%;
}

.report {
  background-image: url('../images/report-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

.report .title {
  font-size: 16px;
  color: #909190;
  text-align: center;
  padding-top: 43px;
}

.report .title > span {
  font-size: 30px;
  color: #2e2e2e;
  display: block;
}

.report .title a {
  line-height: 30px;
  color: #909190;
  border: 1px solid #909190;
  padding: 0px 20.5px;
  display: inline-block;
  margin-top: 10px;
}

.report .title a span {
  font-family: "SimSun";
  padding-left: 4px;
}

.report .report-list {
  padding-bottom: 97px;
}

.report .report-row {
  overflow: hidden;
  padding-top: 31px;
}

.report .report-list .single-report {
  width: 577px;
  border: 1px solid #e5e5e5;
  padding: 25px 35px 19px 35px;
  display: inline-block;
  float: right;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.report .report-list .single-report:first-child {
  background-color: white;
  float: left;
}

.single-report .text > a{
  font-size: 14px;
  color: #6f6f6f;
  padding-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 68px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.single-report .text span a {
  font-size: 16px;
  color: #000000;
  display: block;
  padding-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
}

.source a {
  font-size: 14px;
  color: #6f6f6f;
  border-bottom: 1px solid #6f6f6f;
  padding-bottom: 1px;
  line-height: 1;
}

.source span {
  font-size: 12px;
  color: #6f6f6f;
  padding-left: 36px;
}

.source h5 {
  font-size: 12px;
  color: #6f6f6f;
  display: inline-block;
  font-weight: normal;
  padding-left: 22px;
  margin-left: 20px;
  background-image: url('../images/eye.png');
  background-repeat: no-repeat;
  background-position: left center;
}

.technology-banner {
  background-image: url('../images/banner-8.jpg');
  background-repeat: no-repeat;
}

.technology-banner h5 {
  color: #ffffff;
}
.technology-banner .new-hea-p {
  color: #e2e2e2;
}

.technology-banner .new-hea-p:after {
  background-color: #adb0b5;
}

.technology-banner .new-hea {
  color: #dbdcdd;
}

.technology-banner .new-hea {
  color: #dbdcdd;
}

#technology-list {
  display: none;
}

.technology-list .new-video-more {
  margin-bottom: 131px;
}

.public-duty {
  padding-top: 66px;
  background-image: url('../images/duty-bg.png');
  background-position: center 19%;
  background-repeat: no-repeat;
  background-color: #fbfbfb;
}

.public-duty .text {
  font-size: 14px;
  color: #6e6e6e;
  max-width: 560px;
  line-height: 180%;
  padding-top: 14px;
}

.duty-title {
  font-size: 36px;
  color: #000000;
  display: inline-block;
}

.duty-list {
  overflow: hidden;
  padding-top: 66px;
  padding-bottom: 50px;
}

.duty-list .img {
  float: left;
  width: 599px;
  position: relative;
  height: 378px;
  display: none;
}

.duty-list .img:first-child {
  display: block;
}

.duty-list .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.duty-list li {
  display: inline-block;
  margin-left: 10px;
}

.duty-list ul {
  margin-bottom: 14px;
}

.duty-list li:first-child {
  margin-left: 0px;
}

.duty-list .img .img-overlay {
  position: absolute;
  background-color: rgba(189,0,46,.9);
  color: white;
  font-size: 24px;
  right: 0;
  bottom: 23px;
  line-height: 55px;
  padding: 0px 33px;
}

.duty-list .icon-list {
  float: right;
  width: 576px;
}

.duty-list .icon-list a {
  font-size: 16px;
  color: #858585;
  height: 182px;
  width: 182px;
  background-color: white;
  display: block;
  text-align: center;
  padding-top: 44px;
  transition-duration: .4s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.duty-list .icon-list a.active {
  color: white;
  background-color: #009019;
}

.duty-list .icon-list a.active img {
  display: block;
}

.duty-list .icon-list a.active img:first-child {
  display: none;
}

.duty-list li img {
  display: none;
  margin: auto;
  max-width: 100%;
  padding-bottom: 13px;
}

.duty-list li img:first-child {
  display: block;
}
.welfare {
  background-color: #eeeeee;
  padding-top: 62px;
  padding-bottom: 57px;
  overflow: hidden;
}

.welfare .text {
  max-width: 325px;
  float: left;
}

.welfare .project {
  width: 770px;
  float: right;
}

.welfare .text > span a {
  font-size: 24px;
  color: #009019;
  padding-top: 23px;
  display: block;
  max-height: 95px;
  overflow: hidden;
  font-weight: bold;
}

.welfare .text h5 {
  font-size: 18px;
  color: #b8b7b7;
  padding: 12px 0px;
}

.welfare .text .detail {
  font-size: 14px;
  color: #8a8a8a;
  max-height: 146px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.welfare .text .new-list-btn {
  font-size: 14px;
  color: #797979;
  line-height: 31px;
  border: 1px solid #d2d2d2;
  padding: 0px 14px;
  display: inline-block;
  margin-top: 36px;
  transition-duration: .4s; 
}

.welfare .text .new-list-btn:hover {
  background-color: #009019;
  border: 1px solid #009019;
  color: white;
}

.welfare .text .new-list-btn:hover span {
  color: white;
}

.welfare .text a span {
  font-size: 14px;
  color: #797979;
  padding-left: 4px;
  font-family: "SimSun";
  transition-duration: .4s; 
}

.project-list li {
  margin-bottom: 12px;
}

.project-list li img:first-child {
  display: block;
}

.project-list li img {
  display: none;
  max-width: 100%;
  margin: auto;
  margin-bottom: 12px;
}

.project-list li a {
  width: 178px;
  height: 132px;
  background-color: white;
  font-size: 16px;
  color: #606060;
  display: block;
  text-align: center;
  padding-top: 19px;
  border-radius: 6px;
  transition-duration: .4s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.project-list li.active a {
  background-color: #bf002c;
  color: white;
}

.project-list li.active img {
  display: block;
}

.project-list li.active img:first-child {
  display: none;
}

.project-list {
  overflow: hidden;
}

.project-list ul {
  float: left;
}

.project-list .img-list {
  display: inline-block;
  float: right;
  width: 580px;
  height: 418px;
  overflow: hidden;
}

.project-list .img-list img {
  width: 100%;
  height: auto;
  display: none;
}

.culture-bg .detail {
  background-color: rgba(234,234,234,.88);
  background-image: url('../images/logo-copy.png');
  background-repeat: no-repeat;
  background-position: 109% center;
  background-attachment: fixed;
  height: 100%;
}

.culture-bg .detail .word {
  /*padding: 0px 310px;*/
  padding-top: 128px;
  margin: 0 auto;
}

.culture-bg .word {
  overflow: hidden;
  background-image: url('../images/true.png');
  background-repeat: no-repeat;
  background-position: center;
}

.culture-bg .word .left-word {
  float: left;
}

.culture-bg .word .right-word {

  float: right;
}

.culture-bg .word .single-word {
  width: 298px;
  height: 113px;
  box-shadow: 1px 1px 1px #b4b4b4;
  background-color: rgba(243,245,246,.68);
  border-radius: 3%;
  background-repeat: no-repeat;
  background-position: 35px center;
  padding-left: 97px;
  padding-top: 28px;
  margin-bottom: 83px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.culture-bg .single-word .text { 
  font-size: 14px;
  color: #474747;
  border-left: 1px solid #d2d2d2;
  padding: 0px 18px;
  height: 60px;
  overflow: hidden;
  display: table;
}

.culture-bg .single-word .text-middle { 
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  max-width: 168px;
}

.culture-bg .detail {
  position: relative;
}

.culture-bg .bottem-word {
  position: absolute;
  font-size: 16px;
  font-weight: 700;
  color: #075a35;
  width: 100%;
  top: 81%;
  text-align: center;
}

.video-btn a {
  line-height: 54px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  width: 594px;
  text-align: center;
  font-size: 16px;
  color: #696969;
  background-color: white;
  box-shadow: inset 0px 10px 15px -5px rgba(0, 0, 0, 0.1);
}

.video-btn {
  text-align: center;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 37px;
}

.video-btn .single-btn {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.video-btn .single-btn:first-child {
  float: left;
}

.video-btn .single-btn.active {
  border-top: 5px solid #009019;
}

.video-btn .single-btn.active a {
  border-top: none;
  line-height: 50px;
  box-shadow: inset 0px -10px 15px -5px rgba(0, 0, 0, 0.1);
}

.research {
  overflow: hidden;
  padding-bottom: 69px;
}

.research .detail {
  float: left;
  max-width: 550px;
}

.research .detail .text {
  font-size: 14px;
  color: #424242;
  padding-top: 96px;
  overflow: hidden;
  max-height: 247px;
}

.research-title {
  font-size: 30px;
  color: #009019;
  padding-bottom: 17px;
}

.research .detail a {
  line-height: 36px;
  font-size: 12px;
  color: white;
  background-color: #009019;
  display: inline-block;
  padding: 0px 21px;
  margin-top: 32px;
}

.research a span {
  font-family: "SimSun";
  padding-left: 4px;
}

.research .img {
  float: right;
  max-width: 600px;
  padding-top: 75px;
}

.research .img img {
  display: block;
  width: 100%;
  height: auto;
}

.m-inside-title {
  display: none;
}

.m-honour-kind {
  display: none;
}

.trends {
  padding-top: 40px;
  float: left;
}

.goto {
  text-decoration: underline;
  color: #009019;
  font-size: 12px;
  padding-right: 8px;
  background-image: url('../images/red-arrow.png');
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  margin-top: 25px;
}

.goto:hover {
  text-decoration: underline;
}

.innovate {
  float: right;
}

.research-news {
  background-color: #f2f2f2;
  overflow: hidden;
  padding-bottom: 40px;
}

.research-news .big-trends {
  width: 365px;
  background-color: #009019;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

.research-news .big-trends .swiper-container {
  height: 441px;
}

.research-news .trend-list {
  float: right;
  width: 380px;
  background-color: white;
}

.research-news .trend-content {
  overflow: hidden;
  width: 783px;
}

.research-news .big-trends .detail {
  padding: 0px 24px;
  padding-top: 17px;
}

.big-trends .text > a{
  font-size: 18px;
  color: white;
  padding-bottom: 4px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 58px;
}

.big-trends .text > span a {
  font-size: 16px;
  display: block;
  padding-bottom: 4px;
  max-height: 28px;
  overflow: hidden;
  color: white;
}

.research-news .big-trends h5 {
  font-size: 14px;
  color: #e8bdc3;
  padding-top: 14px;
  padding-bottom: 28px;
  font-weight: normal;
}

.big-trends .detail > a {
  font-size: 12px;
  color: white;
  line-height: 29px;
  display: inline-block;
  border: 1px solid #ecb5c2;
  padding: 0px 12px;
}

.big-trends a span{
  font-family: "SimSun";
  padding-left: 7px;
}

.big-trends .img img {
  max-height: 210px;
}

.big-trends .img img {
  display: block;
  width: 100%;
}

.research-news .pagination {
  position: absolute;
  right: 13px;
  text-align: center;
  bottom: 12px;
  z-index: 3;
}

.research-news .swiper-pagination-switch {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0px 3px;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #e8a6b6;
}

.research-news .swiper-active-switch {
  background-color: #f4d6dd;
  border: 2px solid #f4d6dd;
}

.research-news .trend-list {
  float: right;
  width: 380px;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 441px;
}
.research-news .single-trend {
  padding: 0px 21px 19px 21px;
}

.research-news .single-trend:hover {
  background-color: #eeeeee;
}

.research-news .single-trend .detail {
  border-top: 1px dotted #d8bbbb;
  padding-top: 17px;
}

.research-news .single-trend:first-child .detail {
  border-top: none;
  padding-top: 23px;
}

.single-trend .text {
  max-width: 252px;
  display: inline-block;
  padding-left: 9px;
}

.single-trend .text > a {
  font-size: 12px;
  color: #858585;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 36px;
}

.single-trend span a {
  font-size: 14px;
  color: #4b4b4b;
  display: block;
  padding-bottom: 6px;
  overflow: hidden;
  max-height: 20px;
}

.research-news .single-trend .date {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.single-trend .date h5 {
  width: 68px;
  line-height: 35px;
  background-color: #009019;
  font-size: 20px;
  color: white;
  font-weight: normal;
}

.single-trend .date h6 {
  width: 68px;
  line-height: 35px;
  background-color: #e6dede;
  font-size: 12px;
  color: #5a5a5a;
  font-weight: normal;
}

.innovate {
  width: 365px;
  padding-top: 40px;
  position: relative;
}

.innovate-slider .swiper-container {
  height: 441px;
}
.innovate .img {
  background-color: #f8b62c;
}
.innovate .img img {
  display: block;
  width: 100%;
  max-height: 206px;
}

.innovate .img h5 {
  font-weight: normal;
  line-height: 50px;
  font-size: 18px;
  color: white;
  padding-left: 63px;
  background-image: url('../images/innovate-icon.png');
  background-repeat: no-repeat;
  background-position: 22px center;
}

.innovate .img span {
  font-size: 12px;
  display: none;
  color: #fde9ca;
}

.innovate .text > a{
  font-size: 14px;
  color: #8d8d8d;
}

.innovate span a{
  font-size: 16px;
  color: #4a4a4a;
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 352px;
}

.innovate .pagination-2 {
  position: absolute;
  right: 13px;
  text-align: center;
  bottom: 48%;
  z-index: 3;
}

.innovate .swiper-pagination-switch {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0px 3px;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid white;
}

.innovate .swiper-active-switch {
  background-color: white;
  border: 2px solid white;
}

#achievement {
  display: none;
}

.achievement {
  padding-top: 45px;
  padding-bottom: 70px;
  overflow-y: hidden;
}

.achievement .research-title-wrap {
  overflow: hidden;
}

.achievement .research-title-wrap .research-title {
  float: left;
}

.achievement .research-title-wrap .goto {
  float: right;
}

.achievement .achievement-list .row {
  height: 176px;
  padding-bottom: 33px;
}

.single-achievement {
  width: 578px;
  position: relative;
  float: right;
}

.single-achievement:first-child {
  width: 578px;
  position: relative;
  float: left;
}

.single-achievement .achievement-wrap {
  height: 175px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 14px 16px 13px 59px;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.single-achievement .achievement-icon {
  position: absolute;
  left: -9px;
  top: 21px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  color: white;
  height: 32px;
  width: 55px;
  text-align: center;
  padding-top: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.single-achievement .achievement-left {
  float: left;
  max-width: 266px;
}

.single-achievement .achievement-right {
  float: right;
}

.single-achievement .achievement-right .img {
  max-width: 194px;
}

.achievement-right .img img {
  width: 100%;
  display: block;
}

.achievement-right .check {
  padding: 10px 38px 15px 25px;
  margin-top: 25px;
  border-left: 1px solid #dcdcdc;
}

.achievement-right .check a {
  line-height: 38px;
  font-size: 14px;
  color: white;
  background-color: #009019;
  padding: 0px 33.5px;
  margin-bottom: 14px;
  display: block;
}

.achievement-right a span {
  font-family: "SimSun";
  padding-left: 7px;
}

.achievement-left .text a {
  color: #6f6f6f;
  font-size: 14px;
  line-height: 170%;
  margin-top: 6px;
  margin-bottom: 12px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 69px;
}

.single-achievement .text span a {
  color: #000000;
  font-size: 16px;
  display: block;
  margin-bottom: 11px;
  max-height: 27px;
  overflow: hidden;
}

.single-achievement .achievement-left > span,
.single-achievement .achievement-right > span {
  color: #6f6f6f;
  font-size: 12px;
}

.single-achievement .achievement-left h5,
.single-achievement .achievement-right h5 {
  color: #6f6f6f;
  font-size: 12px;
  padding-left: 22px;
  font-weight: normal;
  background-image: url('../images/eye.png');
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  margin-left: 20px;
}

.identifi {
  padding-top: 22px;
  font-size: 14px;
  color: #6a6a6a;
  padding-bottom: 83px;
}

/*.identifi span {
  color: #009019;
  font-size: 14px;
  font-weight: 700;
  display: block;
  padding-bottom: 3px;
}*/

.achievement-lists {
  padding-top: 23px;
}

.achievement-lists .single-achievement {
  float: none;
  width: 100%;
  margin-bottom: 17px;
}

.achievement-lists .single-achievement .achievement-wrap {
  width: 100%;
}

.achievement-lists .single-achievement .achievement-left {
  max-width: 542px;
}

.technology-report li .new-in {
  padding-left: 0px;
}

.technology-report .source {
  padding-top: 11px;
  padding-bottom: 19px;
}

.technology-about .research .detail {
  float: none;
  max-width: 100%;
}

.technology-about .detail .text {
  padding-top: 22px;
}

.technology-about .research .img {
  float: none;
  padding-top: 25px;
  max-width: 100%;
  padding-right: 98px;
}

.welfare-list li .new-in {
  padding-left: 0px;
}

.channel-carousel .carousel-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 3px;
  width: 100%;
  z-index: 3;
}

.channel-carousel .swiper-pagination-switch {
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin: 0px 3px;
  cursor: pointer;
  border-radius: 50%;
  background-color: white;
}

.channel-carousel .swiper-active-switch {
  background-color: #bf002c;
}
.m-more-btn {
  text-align: center;
  margin-bottom: 9.5%;
}
.m-more {
  display: none;
  line-height: 233%;
  border: 1px solid #d2d2d2;
  color: #8d8d8d;
  font-size: 1.125em;
  width: 22.8125%;
  text-align: center;
}

.m-more span {
  font-family: "SimSun";
  padding-left: 3px;
}

.m-trip {
  text-align: center;
  background-image: url('../images/m-bg.jpg');
  background-repeat: no-repeat;
  background-position: bottom center;
  display: none;
}

.m-trip .detail {
  background-color: rgba(13, 42, 58, 0.61);
  padding-top: 17%;
  padding-bottom: 16%;
}

.m-trip .detail .text {
  font-size: 1.25em;
  color: #d4d6d6;
}

.m-trip .text span {
  font-size: 1.75em;
  color: #ffffff;
  display: block;
  padding-bottom: 2%;
}

.m-trip a {
  display: block;
  border: 1px solid #d2d2d2;
  text-align: center;
  color: #d4d6d6;
  width: 28%;
  line-height: 220%;
  left: 20%;
  margin: auto;
  margin-top: 8%;
}

.m-trip .m-footer {
  background-image: none;
  background-color: rgba(0,0,0,.61);
}

.m-title {
  display: none;
}
.m-list {
  display: none;
}
.m-pag {
  display: none;
}
.list-more {
  display: inline;
}
.m-list-more {
  display: none;
}
.m-goto {
  display: none;
}
.timeline .timeline-left, .timeline .timeline-right,
.wine .icon-left, .wine .icon-right {
  position: absolute;
  top: 15%;
  width: 42px;
  height: 42px;
  z-index: 2;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-position: center!important;
  display: none;
}
.timeline .timeline-left, .wine .icon-left {
  background-image: url('../images/red-arrow-l.png');
  left: -31.9%;
}
.timeline .timeline-right, .wine .icon-right {
  background-image: url('../images/red-arrow-r.png');
  right: -31.9%;
}
.timeline .timeline-left.swiper-button-disabled, 
.wine .icon-left.swiper-button-disabled {
  background-image: url('../images/grey-arrow-l.png');
}
.timeline .timeline-right.swiper-button-disabled, 
.wine .icon-right.swiper-button-disabled {
  background-image: url('../images/grey-arrow-r.png');
}
.timeline .swiper-button-disabled {
  background-image: 
}
.history-content.swiper-slide {
  float: none;
}
.m-quality-icon {
  display: none;
}
.wine .swiper-slide {
  float: none;
}
.wine .icon-left, .wine .icon-right {
  top: 7%;
}
.wine .icon-left {
  left: 3.1%;
}
.wine .icon-right {
  right: 3.1%;
}
.technology-bg {
  background-image: url('../images/technology.png');
}
.m-new-list {
  display: none;
}
.m-new-list p {
  max-height: 50px;
  overflow: hidden;
}




















































@media  screen and (max-width:1600px ) {
  
.chnnel-culture-list{
  width: 1000px;
  height: 524px;
}
.chnnel-culture-in{
  height: 219px;
  padding-top: 30px;
}
.channel-body{
  padding-left: 170px;
}
#menu{
    padding-left: 20px;
    border-width: 4px;
      width: 145px;
}
.menu-logo {
  margin: 45px 0 42px 14px;
}
.map-container .main,.map-footer{
  width: 1000px;
}
.map-nav-list li{
  width: 120px;
}
.map-container{
  padding-left: 169px;
}
.logo{
  display: none;
}
.logo-1{
  display: block;
  width: 64px;
  height: 64px;
  margin-top: 12px;
}
.header .main{
  width: 960px;
}
.header .menu{
  right: 16px;
}
.header .btns input{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
}
.header .nav li{
    padding: 0 12px 0 16px;
}
.res-main{
  width: 1000px;
}
.culture-hea-left{
  width: 386px;
}
.culture-hea-right {
  width: 580px;
}
.culture-idea {
  padding: 50px 0 0 50px;
  width: 600px;
}
.culture-list{
  width: 1020px;
}
.culture-list li{
  width: 236px;
}
.menu-list li a {
    margin-right: -21px;
  }
.honour-in{
  width: 620px;
  padding: 24px 14px 20px 20px;
}
.honour-in h6 {
  font-size: 22px;
  margin-bottom: 13px;
}
.honour-list li {
  margin-bottom: 14px;
  padding-bottom: 10px;
}
.honour-box{
  height:auto;
}
.honour-img{
  width: 340px;
}
.new-headline-right{
  width: 590px;
}
.new-right {
  width: 665px;
}
.new-option>a{
  width: 495px;
}
.new-video-list{
  width: 1040px;
}
.new-video-list li{
  width: 313px;
}
.new-box-right{
  width: 260px;
}
.new-box-left {
  width: 700px;
}
.science-hea>div{
  height: 350px;
}
.science-hea-right {
  padding: 44px 24px;
}
.science-center-in {
  margin-left: 20px;
  width: 375px;
  padding-top: 30px;
}
.science-center-left {

  width: 200px;
  height: 200px;
  padding-top: 56px;
}
.science-footer-left {
  width: 500px;
  float: left;
  position: relative;
  text-align: center;
  height: 375px;
}
.science-footer-right {
  float: right;
  width: 500px;
}
.consult-hea-left{
  width: 670px;
}
.science-meg>input{
   width: 150px;
  padding: 0 12px;   

}
.patent-list>li{
  width: 320px;
}
.patent-list {
  width: 1020px;
}
.system-headline-img {
   display: none;
}
.system-right {
  width: 500px;
}
.system-headline-p {
  -webkit-line-clamp: 3;
}
.new-headline-right .new-time {
  margin: 5px 0;
}
.public-left .new-headline {
  padding-bottom: 20px;
}
.public-left{
width: 700px;
}
.public-right{
  width: 250px;
}
.system-new-list {
  width: auto;
}
.duty-hea-right {
  width: 550px;
  height: 346px;
}
.duty-hea-left{
    margin-top: 16px;
  width: 450px;
}
.channel-img{
  left: 50px;
}
.public-welfare-right{
  right: 40px;
}
.duty-channel-main{
  width: 415px;
}
.duty-channel-left{
  width: 650px;
}
.about-hea-left {
  width: 444px;
}
.about-hea-right {
  width: 460px;
}
.timeline .single-timeline {
  width: 196.5px;
}

.history-content .swiper-container {
  width: 338px;
}

.history-content .text {
  width: 595px;
}

.history-content .swiper-container {
  height: 219px;
}

.history-content .pagination {
  width: 338px;
}

.honour-list .years {
  width: 847px;
}
.honour-list .single-year .text {
  max-width: 631px;
}
.single-year.two-img .text {
  max-width: 186px;
}
.single-year.one-img .text {
  max-width: 405px;
}
.honour-list .single-year img {
  max-width: 202px;
}
.quality-banner .banner-btn a {
  width: 307px;
}
.research-news .trend-content {
  width: 649px;
}
.research .detail {
  max-width: 450px;
}
.research .img {
  max-width: 500px;
}
.research-news .big-trends {
  width: 298px;
}
.research-news .trend-list {
  width: 313px;
}
.innovate {
  width: 298px;
}
.single-trend .text {
  max-width: 185px;
}
.single-achievement .achievement-left {
  max-width: 186px;
}
.single-achievement {
  max-width: 478px;
}
.achievement-lists .single-achievement {
  max-width: 100%;
}
.video-btn a {
  width: 494px;
}
.wine-content .img,
.wine-content .text {
  width: 493px;
}

.wine-content .text {
  height: 278px;
}

.quality-banner .single-btn {
  margin-left: 33px;
}

.wine .wine-content .detail {
  width: 442px;
}

.single-icon {
  width: 246px;
}

.report .report-list .single-report {
  width: 477px;
}

.duty-list .img {
  width: 499px;
}
.duty-list .icon-list {
  width: 476px;
}
.duty-list .icon-list a {
  width: 148px;
  height: 148px;
}
.duty-list .img {
  height: 311px;
}
.welfare .project {
  width: 640px;
}
.project-list .img-list {
  width: 480px;
}
.project-list li a {
  width: 148px;
  height: 112px;
}
.welfare .text {
  max-width: 315px;
}
.project-list .img-list {
  height: 359px;
}
}
@media screen and (max-width:1024px ) and (min-width:1024px ){
  .channel-body {
    padding-left: 0px;
  }

  #menu {
    left: -175px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
  }

  #menu.active {
    left: 0px;
  }

  .carte {
    left: -126px;
  }

  .carte.active {
    left: 0px;
  }

  .menu-btn {
    display: block;
  }

  .map-container {
    display: none;
  }
}
@media screen and (max-height:800px ) {
  .menu-list{
    line-height: 32px;
  }
  .menu-list li a{
    font-size: 14px;
  }
  .channel-ol{
    margin-top: 30%;
  }
}
@media screen and (max-height:768px ) {
.menu-logo {
  margin: 30px 0 30px 10px;
}
.channel-ol{
  margin-top: 20px;
}
.map-title{
   line-height: 60px;
  padding-top: 10px;  
}
.map-web-hea{
  height: 70px;
  margin-bottom: 30px;
}
.map-footer{
  bottom: 70px;
}
}
@media screen and (max-width:1440px) and (min-width:1024px) {
  #menu {
    width: 125px;
  }
  .menu-list li a {
    font-size: 12px;
  }
  .menu-list {
    width: 104px;
  }
  .channel-body {
    padding-left: 150px;
  }
  .about-banner {
    height: 308px;
  }
  .about-banner.public-banner {
    height: 260px;
  }
  .new-hea {
    top: 70px;
  }
}
@media screen and (max-width:1366px) and (min-width:1024px) {
  .circle-main {
    width: 658px;
    height: 600px;
  }
  .circle-inner {
    left: 121px;
  }
  .ileft {
    margin-left: -250px;
  }
  .iright {
    margin-left: 147px;
  }
}

.channel-container,#container{height: 100%;}
html, body {width: 100%; height: 100%; overflow: hidden;}
#container { overflow: hidden;  position: absolute;  top: 0; left: 0; right: 0; bottom: 0;}
#background_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; }
#video_cover { position: absolute; width: 100%; height: 100%; background: url('../video_cover.jpeg') no-repeat; background-size: cover; background-position: center; }
#video_controls { position: absolute; left: 50%; transform: translate(-50%, 0);}
#play img {width: 100px; }
#pause img { width: 90px; }
#pause { display: none;}
@media (min-width: 768px) {
  #video_controls { display: none;}
}
#overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0}