@charset "utf-8";
.imgBox{position:relative;overflow:hidden;isolation:isolate}
.imgBox .img{padding-bottom:65%;transition:.5s;background-size:cover;display:block;background-repeat:no-repeat;background-position:center;display:block;background: #eee}
.imgBox img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s}
.imgBox img{display: none\0;}
.transImg{display: block;overflow: hidden;}
.transImg img{transition: .5s}
@media screen and (min-width: 1201px){
.imgBox.trans:hover .img{ -webkit-transform: scale(1.05)}
.imgBox.trans:hover img{ -webkit-transform: scale(1.05)}
.a:hover .imgBox.trans .img{ -webkit-transform: scale(1.05)}
.a:hover .imgBox.trans img{ -webkit-transform: scale(1.05)}
.transImg:hover img{-webkit-transform: scale(1.05)}
.a:hover .transImg img{-webkit-transform: scale(1.05)}
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}body,button,input,select,textarea{font:14px/1.5em 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif}code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}address,cite,dfn,em,var{font-style:normal}h1,h2,h3,h4,h5,h6{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none;color:#444}a:hover{text-decoration:none;color:#88BD65}img{padding:0;border:none;display:block;-ms-interpolation-mode:bicubic;max-width:100%}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:none}html{overflow-y:scroll}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}legend{display:table;box-sizing:border-box;padding:0;max-width:100%;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:#999;opacity:.54}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
.clearfix{*zoom:1}.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}.fl{float:left}.fr{float:right}.bor{border:1px dashed #999}.wrap{width:75pc;margin:0 auto}.wrap1000{width:750pt;margin:0 auto}.wrap1020{width:765pt;margin:0 auto}.wrap960{width:60pc;margin:0 auto}.wrap880{width:55pc;margin:0 auto}.min{min-width:75pc}.wrapbg{background:#eef6f8;padding:1px 0}.wrapbg_w{background:#fff}.texto{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tips{position:absolute;padding:5px 10px;z-index:99999;background:#2c9b81;color:#fff;border-radius:5px}::-moz-selection,::selection{background:#308ecc;color:#fff}::-webkit-selection{background:#308ecc;color:#fff}.totop{position:fixed;width:50px;height:69px;cursor:pointer;display:none;background:url(../img/totop.png) no-repeat top center;bottom:75pt;z-index:9999;right:20px}.co1{color:#666}.co2{color:#999}.co3{color:#0075c2!important;font-size:20px!important}.a1{color:#fff}.a1,.a1:hover{text-decoration:none}.a1:hover{color:#88bd65}.imgin{display:inline-block!important;vertical-align:middle}.imgmr{margin:0 auto}.imgmax{width:100%}.h10{height:10px}.h10,.h20{width:100%}.h20{height:20px}.h30{height:30px}.h30,.h40{width:100%}.h40{height:40px}.h50{height:50px}.h50,.h60{width:100%}.h60{height:60px}.h70{height:70px}.h70,.h80{width:100%}.h80{height:5pc}.h90{width:100%;height:90px}.h100{width:100%;height:75pt}.h120{width:100%;height:90pt}.h140{width:100%;height:140px}.h160{width:100%;height:10pc}.mr20{margin:20px auto}.mr30{margin:30px auto}.mr40{margin:40px auto}.mr50{margin:50px auto}.mr60{margin:60px auto}.mr80{margin:5pc auto}.pa10{padding:10px 0}.pa20{padding:20px 0}.pa30{padding:30px 0}.pa40{padding:40px 0}.pa50{padding:50px 0}.text-l,.text-r{text-align:right!important}.text-m{text-align:center!important}.pages ul{display:inline-block}.pages_c ul li a,.pages_c ul li.page-count{border-radius:5px}.pages ul li{float:left;margin:0 3px}.pages ul li.page-form{color:#555;margin-left:10px}.pages ul li.page-form input{width:50px;height:25px;border:1px solid #ddd;margin:0 5px;text-align:center;color:#555}.pages ul li.page-form button{width:30px;height:27px;background:#88bc65;border:0;color:#fff;cursor:pointer;margin-left:10px}.pages ul li.page-form button:hover{background:#6a934b}.pages ul li.page-count{color:#555}.pages ul li a,.pages ul li.page-count{display:block;padding:3px 10px;border:1px solid #ddd}.pages ul li a:hover,.pages ul li.page-on a{color:#fff;background:#88bc65;border:1px solid #88bc65}.place{position:relative;padding-left:25px}.place span{width:22px;height:33px;display:block;background:url(../img/home.png) no-repeat left center;position:absolute;left:0;top:-1px}.place{color:#fff;line-height:33px}.place a{font-size:15px;color:#fff}
.pages ul li a:hover, .pages ul li.active a {
    color: #fff;
    background: #88bc65;
    border: 1px solid #88bc65;
}
 img[src=""], img:not([src]) { opacity: 0;visibility: hidden;}
 .compensate-for-scrollbar{margin-right: 0!important}
/*index*/
/*@font-face {
	font-family: 'Conv_impact';
	src: url('../fonts/impact.eot');
	src: local('☺'), url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype'), url('../fonts/impact.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
	font-family: 'Conv_DINEngschriftStd';
	src: url('../fonts/DINEngschriftStd.eot');
	src: local('☺'), url('../fonts/DINEngschriftStd.woff') format('woff'), url('../fonts/DINEngschriftStd.ttf') format('truetype'), url('../fonts/DINEngschriftStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    } */
*{font-size: 15px;}
.bodyfixed{position: fixed;width: 100%;top:0;left:0;height: 100%;overflow: hidden;cursor}
#head{width: 100%;min-width: 1200px;position: absolute;top:0;left:0;right:0;z-index: 999;padding-top:0 }
#head .logo{width: 79px;height: 61px;float: left;margin-right:40px;margin-top: 5px}
#head .logo a{display: block; width: 69px;height: 53px;overflow: hidden;text-indent: 99em;line-height: 61px}
#head .ser{float: right;width: 30px;height: 30px;background: transparent;margin-top: 15px;transition: width .2s ease;position: relative;}
#head .ser input[type=text]{background: transparent;width: 0;height: 28px;line-height: 28px;border: none;padding-left: 5px;float: left;position: absolute;right: 0;top: 0;/* background: #fff; */}
#head .ser input[type=submit]{background: url(../img/ser.png) #88BC65 no-repeat center center;width: 22px;height: 22px;border: none;cursor: pointer;margin-top: 4px;float: right;margin-right:5px;border-radius: 3px;position: relative;z-index: 5;}
#head .ser:hover input[type=text]{background: #fff;width: 165px;padding-right:30px;}
#head .lan{float: right;margin-left:10px;margin-top: 15px;height: 30px;line-height: 30px}
#head .lan a{font-size: 18px}

.transparent{background: transparent;}
.transparent .logo a{background: url(../img/logo_w.png) no-repeat center center;background-size: cover;}
.transparent .nav li a{color: #fff}
.transparent .lan a{color: #fff}

.white{background: rgba(255,255,255,.9);}
.white .logo a{background: url(../img/logo_b.png) no-repeat center center;background-size: cover;}
.white .nav li a{color: #333}
.white .lan a{color: #333}

.nav{float: left;margin-top: 15px}
.nav li{float: left;text-align: center;height: 51px;padding: 0 8px}
.nav li>a{display: block;font-size: 18px;}
.nav li>a span{display: block;font-size: 12px;font-weight: normal;opacity: .4}
.nav li .submenu{position:absolute;left:0;right:0;top:66px;overflow: hidden; background:rgba(255,255,255,.95);background:#fff;z-index:9999;display: none;border-top: 2px solid #97C479}
.nav li .submenu .mj_menu_news_bg .fl{width: 688px;height: 310px;background: url(../img/meun_bg.png) no-repeat right center;padding-right: 60px;overflow: hidden;}
.mj_menu_news_bg{padding:36px 0 44px;width: 1200px;margin:0 auto;}
.nav li .submenu .mj_menu_news_bg .fl a{display: block;color: #555;text-align: center;width: 20%;float: left;margin-bottom: 120px}
.nav li .submenu .mj_menu_news_bg .fl a:hover{color: #97C479}
.hoverNav>a{color: #97C479!important}
.maskb{position: relative;}
.maskb::after{content: "";position: fixed;left:0;right:0;top:66px;bottom:0;background: rgba(0,0,0,.7);z-index: 99;}

/**/
.bannerny{height: 600px;width: 100%;min-width: 1200px;background-position: center center;background-repeat: no-repeat;background-size:cover}
.banner .swiper-container {width: 100%;height: 900px;color: #fff;text-align: center;min-width: 1200px}
.banner .swiper-slide{height: 900px;width: 100%;background-position: center center;background-repeat:no-repeat;}
@media screen and (max-width: 1440px){
.bannerny{height: 500px;width: 100%;min-width: 1200px;background-position: center center;background-repeat: no-repeat;}
.banner .swiper-container {width: 100%;height:750px;}
.banner .swiper-slide{height: 750px;width: 100%;background-position:center -60px;}

}
@media screen and (max-width: 1366px){
.bannerny{height: 450px;width: 100%;min-width: 1200px;background-position: center center;background-repeat: no-repeat;}
.banner .swiper-container {width: 100%;height: 600px;}
.banner .swiper-slide{height: 600px;width: 100%;background-position:center -60px;}

}
.banner .arrow-left{background:url(../img/arrows.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-15px;width:17px;height:30px;z-index: 999}
.banner .arrow-right{background:url(../img/arrows.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-15px;width:17px;height:30px;z-index: 999}
.banner .pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%;z-index: 999}
.banner .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;margin:0 3px;cursor:pointer;border:1px solid #fff;}
.banner .swiper-active-switch{background:#fff}
/**/

#scrollDiv{float:left;overflow:hidden;padding-left:100px;height:33px;background:url(../img/lb.png) no-repeat left center;line-height:33px}
#scrollDiv li{padding-left:10px;width:25pc;height:25px;color:#fff;font-size:13px}
#scrollDiv li:hover a,#scrollDiv li:hover span{color:#88BD65}
#scrollDiv li span{float:left;display:block;color:#fff}
#scrollDiv li a{float:left;margin-right:10px;width:300px;font-size:14px}
#scrollDiv .fr{margin-left:20px;height:25px;line-height:33px}

.index_n{width: 100%;min-width: 1200px;height: 33px;line-height:33px;background: #787878;padding:15px 0; }
.index_n .new_r a{display: block;float: left;margin-left:15px;}
.index_n .new_r a.bg{width: 33px;height: 33px;border-radius: 3px;}
.index_n .new_r a.bg1{background:url(../img/mob.png)  #A4AFB1 no-repeat center center;}
.index_n .new_r a.bg2{background:url(../img/card.png)  #A4AFB1 no-repeat center center;}
.index_n .new_r a.bg3{background:url(../img/tel.png)  #A4AFB1 no-repeat center center;}
.index_n .new_r span{font-size: 35px;color: #fff;float: left;margin-left:15px;font-family: 'Conv_DINEngschriftStd'!important;}

.intro{background: #EEF6F8;}
.intro-pic{height: 132px;padding-top: 100px}
.intro-pic img{margin:0 auto}
.intro-pic-box li img{transition: all .2s ease}
.intro-pic-box li{float: left;width: 50%;position: relative;overflow: hidden;}
.intro-pic-box li::after{content:"";display: block;position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.4);transition: background .2s ease}
.intro-pic-box li:hover::after{background: rgba(0,0,0,0);}
.intro-pic-box li a{position: absolute;display: block;width: 180px;border:2px solid #fff;left:50%;margin-left: -90px;top:40%;text-align: center;color: #fff;font-size: 24px;padding: 10px 0;z-index: 99}
.intro-pic-box li:hover img{transform: scale(1.1);}
.intro-pic-box li:hover a{border:2px solid #A4AFB1;background: #A4AFB1}
.intro-pic-box li a span{display: block;font-size: 14px}

.life_i{background: #D7DCDF;padding-bottom: 130px;}
.see{background: #D7DCDF;padding:120px 0;}
.guide_i{background: #EEF6F8;padding-bottom: 130px}

/*over*/
.life{position:relative;width:1340px;margin:0 auto}
.life .swiper-container{width:1200px;height:480px;color:#fff;text-align:center}
.life .arrow-left{background: url(../img/arr1.png) no-repeat left center;position:absolute;left:10px;top:50%;margin-top:-15px;width: 36px;height: 82px;opacity: .5;transition: opacity .2s}
.life .arrow-right{background: url(../img/arr1.png) no-repeat right center;position:absolute;right:10px;top:50%;margin-top:-15px;width: 36px;height: 82px;opacity: .5;transition: opacity .2s}

.life .swiper-slide .title{width: 394px;height: 100%;margin:0 auto;background:#A5A9AA}
.life .swiper-slide .mask img{width: 100%}
@media screen and (max-width: 1366px){
  .life{width: 1200px}
  .life .swiper-container{width:1100px;height:450px;color:#fff;text-align:center}
  .life .swiper-slide .title{width: 96%;height: 100%;margin:0 auto;background: #A5A9AA}
}
.life .arrow-left:hover,.life .arrow-right:hover{opacity: 1}
.life .swiper-text{background: #A5A9AA;padding:25px 55px 30px;color: #fff;border-top: 2px solid #fff}
.life .swiper-text h3{text-align: center;font-weight: normal;font-size: 18px;margin-bottom:15px}
.life .swiper-text p{line-height: 1.8em;font-size: 13px}
.life .swiper-text a{display: block;width: 40%;margin:15px auto 0;text-align: center;color: #fff}
.life .swiper-text a:hover{color: #9A0303}
/*life over*/

.see ul li:nth-child(1){float: left;width: 32%;margin-right: 2%}
.see ul li:nth-child(2){float: left;width: 32%;margin-right: 2%}
.see ul li:nth-child(3){float: left;width: 32%}

.see .swiper-text{background: #A5A9AA;padding:20px 30px 40px;color: #fff;border-top: 2px solid #fff}
.see .swiper-text .red_circle{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border:1px solid #9A0303;margin-right:5px;}
.see .swiper-text h3 small{display: block;padding-left: 16px;font-size: 13px;opacity: .6}
.see .swiper-text h3 {font-weight: normal;font-size: 18px;width: 50%;float: left;}
.see .swiper-text a{display: block;width: 90px;float: right;color: #fff;text-align: right;margin-top: 10px}
.see .swiper-text a:hover{color: #9A0303}
.see .video_a{display: block;position: relative;}
.see .video_a::before{content: "";position: absolute;display: block;width:70px ;height:70px ;left: 50%;top:40%;margin-left:-35px;background: url(../img/play.png) no-repeat center center;}
/**/
#guide .full{width:100%;overflow:hidden;min-width:1200px}
#guide .guide{width:1440px;margin:0 auto;position:relative}
@media screen and (max-width: 1440px){#guide .guide{width: 1000px}}
@media screen and (max-width: 1366px){#guide .guide{width: 720px}}
#guide .cover-left{width:2000px;position:absolute;left:-2000px;top:0;opacity:.7;background:#000;height:364px;z-index:10}
#guide .cover-right{width:2000px;position:absolute;right:-2000px;top:0;background:#000;opacity:.7;height:364px;z-index:10}
#guide .swiper-container{overflow:visible;height:364px}
#guide .swiper-slide{height:364px;background:#000;position:relative}
#guide .swiper-slide img{max-width:100%;opacity:1;-webkit-transition:all linear .3s;transition:all linear .3s}
#guide .arrow-left{background: url(../img/arr.png) no-repeat left center;position:absolute;left:30px;top:50%;margin-top:-40px;width:36px;height:82px;z-index:88}
#guide .arrow-right{background: url(../img/arr.png) no-repeat right center;position:absolute;right:30px;top:50%;margin-top:-40px;width:36px;height:82px;z-index:88}
/**/
.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}
.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0;overflow:hidden}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{background:#fff;height:364px;position:relative;width:100%;zoom:1;margin:0 auto}
.flexslider .slides li{position:relative}
.flexslider .slides li img{max-width: 100%}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav a{text-decoration:none;display:block;width:38px;height:75px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.flex-direction-nav .flex-prev{left:-50px}
.flex-direction-nav .flex-next{right:-50px;text-align:right}
.flexslider:hover .flex-prev{opacity:.7;left:15%}
.flexslider:hover .flex-next{opacity:.7;right:15%}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}
.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:''}
.flex-pauseplay a:hover{opacity:1}
.flex-pauseplay a.flex-play:before{content:''}
.flex-control-nav{width:50%;position:absolute;bottom:120px;z-index:999999;left:calc(50% + 33px);height:10px;display: none}
@media screen and (max-width: 1440px){.flex-control-nav{bottom: 140px}}
.flex-control-nav li{margin:0 4px;display:inline-block;zoom:1}
.flex-control-paging li a{width:6px;height:6px;display:block;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;border:1px solid #fff}
.flex-control-paging li a:hover{background:rgba(255,255,255,.7)}
.flex-control-paging li a.flex-active{background:#fff;cursor:default}


.slide_box{position: absolute;top:0;right:0;width: 50%;bottom:0;z-index: 99;background: rgba(120,120,120,.85);color:#fff;font-family: microsoft yahei;opacity: 0;overflow: hidden;transition: opacity .2s}
.slide_box h3{padding:84px 110px 0 33px;margin: 0;font-weight: normal;font-size: 20px}
.slide_box p{padding:25px 110px 0 33px;margin: 0;font-size: 13px;line-height: 1.6em;min-height: 100px}
.slide_box .btn_gr{display: inline-block;background: #88BC65;color: #fff;padding:5px 20px;text-decoration: none;margin-left: 33px;margin-top: 60px;font-size: 14px;transition: background .2s}
.slide_box .btn_gr:hover{background: #6F9D4D;}
#guide .swiper-container .swiper-slide-visible .slide_box{opacity: 1}
#guide .swiper-container .swiper-slide-visible .flex-control-nav{display: block;}
/**/
.foot{background: url(../img/b_line.jpg) #151924 repeat-x top center;min-height: 300px;padding-top: 20px;padding-bottom: 30px}
.foot-nav{width: 100%}
.foot-nav dl{width: 9.09%;float: left;color: #fff;text-align: center;}
.foot-nav dl dt{color: #fff;font-size: 15px;font-weight: bold;margin-bottom: 20px}
.foot-nav dl dt a{color: #fff;font-size: 15px}
.foot-nav dl dd{line-height: 25px}
.foot-nav dl a{color: #A4AEAF;font-size: 12px}
.foot-nav dl a:hover{color: #fff}
.foot .links,.foot .copyright{color: #A4AEAF}
.foot .links a,.foot .copyright a{color: #A4AEAF;font-size: 13px;display: inline-block;padding:0 5px;}
.foot .links a:hover,.foot .copyright a:hover{color: #fff}
.codebox{position: relative;}
.codebox span{display: block;position: absolute;width: 110px;height:0;background: #fff;bottom:25px;left:50%;margin-left:-58px;z-index: 99;transition: height .2s;overflow: hidden;}
.codebox span img{padding:3px;background: #fff;width: 104px}
.codebox:hover span{height: 110px}
.codebox1{position: relative;}
.codebox1 ins{display: block;position: absolute;width: 110px;height:0;background: #fff;bottom:40px;left:50%;margin-left:-58px;z-index: 99;transition: height .2s;overflow: hidden;}
.codebox1 ins img{padding:3px;background: #fff;width: 104px}
.codebox1:hover ins{height: 110px}

/*list*/
/*.a_img li a.mask{display: block;background: #000;overflow: hidden;}
.a_img li img{opacity: .8;transition: opacity .2s;}
.a_img li a.mask:hover img{opacity: 1}
.a_img div a.mask{display: block;background: #000;overflow: hidden;}
.a_img div img{opacity: .8;transition: opacity .2s;}*/
.sc_img div img{transition: all .2s;}
.sc_img div a.mask{display: block;overflow: hidden;}
/*.a_img div a.mask:hover img{opacity: 1}*/
.sc_img div a.mask:hover img{transform: scale(1.1);}


.list-h{height: 500px;background: #fff}
.list-h-h{height: 450px;background: #fff}
.list-h .fl{width: 380px;padding:60px 140px 0 80px;background: url(../img/list_bg.png) no-repeat right 180px;height: 440px}
.list-h-v .fl{width: 490px;padding:60px 30px 0 80px;background: url(../img/list_bg.png) no-repeat right 180px;height: 440px}
.list-h .fl h2{font-weight: normal;font-size: 28px;color: #444;position: relative;display: inline-block;line-height: 28px}
.list-h .fl h2 img{position: absolute;right:-128px;top:-7px; }
.list-h ul li span{float: right;color: #777}
.list-h ul li a{float: left;width: 400px}
.list-h ul li{padding:6px 0;}
.list-h .fl p{margin:40px 0;line-height: 1.8em;color: #666;min-height: 175px}
.list-h .fr{width: 600px}
.list-h .more_bt{display: inline-block;width: 125px; line-height: 36px;text-align: center;;color: #fff;background: #88BC65;font-size: 15px}
.list-h .more_bt:hover{background: #679D43}
.list-h-h .more_bt{display: block;width: 125px; line-height: 36px;text-align: center;;color: #fff;background: #88BC65;font-size: 15px;margin:30px auto 0;}
.list-h-h .more_bt:hover{background: #679D43}

.list-v-h{padding:40px 0;background: #fff}
.list-v-h ul{padding:40px 100px;background: #fff}
.list-v-h ul li{float: left;margin-right:12px;width: 325px}
.list-v-h ul li:nth-child(3n){margin-right: 0}
.list-v-h ul li a.texto{width: 100%;text-align: center;margin-top: 15px}
.list-v-h h2{font-weight: normal;font-size: 28px;color: #444;text-align: center;}
.list-v-h .more_bt{display: block;width: 125px; line-height: 36px;text-align: center;color: #fff;background: #88BC65;font-size: 15px;margin:0 auto;}
.list-v-h .more_bt:hover{background: #679D43}

.list-v{height: 500px;background: #fff;position: relative;}
.list-v .fl{position: absolute; width: 950px;padding:35px 80px;bottom: 20px;left:50%;margin-left: -555px;background: rgba(0,0,0,.6);color: #fff}
.list-v .fl h2{font-weight: normal;font-size: 28px;text-align: center;}
.list-v .fl p{margin:25px 0;line-height: 1.8em;}
.list-v .fr{width:100%;height: 500px}
.list-v .more_bt{display: block;width: 125px; line-height: 36px;text-align: center;color: #fff;background: #88BC65;font-size: 15px;margin:0 auto;}
.list-v .more_bt:hover{background: #679D43}

.list_1 li{float: left;width: 48%;margin:20px 1%;}
.list_1 .swiper-text{background: #fff;padding:25px 55px 20px;color: #555;border-top: 2px solid #A4AFB1}
.list_1 .swiper-text h3{text-align: center;font-weight: normal;font-size: 20px;margin-bottom:12px}
.list_1 .swiper-text p{line-height: 1.8em;font-size: 13px}
.list_1 .more_bt{display: block;width: 125px; line-height: 36px;text-align: center;color: #fff;background: #88BC65;font-size: 15px;margin:0 auto;margin-top: 15px}
.list_1 .more_bt:hover{background: #679D43}

.ch_tit{background: url(../img/tit_bg.png) no-repeat left bottom;border-bottom: 1px solid #C2CBCD;font-weight: normal; padding-top: 40px;height: 94px;font-size: 30px;text-align: center;color: #555;line-height: 110px;margin-bottom:20px}
.ch_tit span{font-size: 24px;padding-left: 10px;}
.list_2 li{padding:30px 0;border-bottom: 1px solid #C2CBCD}
.list_2 li .fr{width: 610px}
.list_2 li .fr span{font-size: 14px;font-weight: bold;color: #555}
.list_2 li .fr h3{font-weight: normal;font-size: 25px;position: relative;margin-top: 15px;color: #555;line-height: 1.3em}
.list_2 li .fr h3::after{content: "";display: block;position: absolute;width: 50px;height: 3px;background: #88BC65;bottom:-20px;left:0;}
.list_2 li .fr p{line-height: 1.8em;margin:30px 0 20px;color: #666;min-height: 50px}
.list_2 .more_bt{display: block;width: 125px; line-height: 36px;text-align: center;color: #fff;background: #88BC65;font-size: 15px;margin-top: 15px}
.list_2 .more_bt:hover{background: #679D43}

.pickind{padding:20px 0; border:1px solid #CED2D5; border-left:0; border-right:0}
.pickind_1{padding:30px 0 20px; border:1px solid #CED2D5; border-left:0; border-right:0;border-top:0;}
.pickind a{display: inline-block;background: #D6DEE0;color: #555;padding:3px 15px;margin-right: 10px;}
.pickind_1 a{display: inline-block;background: #D6DEE0;color: #555;padding:3px 15px;margin-right: 10px;margin-bottom: 10px}
.pickind a:hover{background: #980000;color: #fff}
.pickind a.on{background: #980000;color: #fff}
.pickind a.cur{background: #980000;color: #fff}
.pickind a.cur1{background: #CD7171;color: #fff}

.list_3{margin-top: 40px}

.list_3 li{width: 320px;margin-right:30px;float: left;height: 300px;background: #fff;position: relative;margin-bottom:50px;}
.list_3 li:nth-child(3n){margin-right: 0}
.list_3 li .v-text{position: absolute;width: 100%;left:0;bottom:0;background: #fff;height: 50px;text-align: center;padding-top: 35px;transition:all .3s}
.list_3 li .v-text h3{font-weight: normal;}
.list_3 li .v-text span{font-family: 'Conv_DINEngschriftStd'!important;font-size: 30px;border-bottom: 2px solid #fff;padding-bottom: 5px}
.list_3 .video_a{display: block;position: relative;height:245px;}
.list_3 .video_a img{width:100%;height:100%;object-fit:cover}
.list_3 .video_a::before{content: "";position: absolute;display: block;width:50px ;height:50px ;left: 50%;top:40%;margin-left:-25px;background: url(../img/play.png) no-repeat center center;background-size: 100%;transition:top .3s}
.list_3 li:hover .v-text{height: 110px;background: #A7AAAB;color: #fff}
.list_3 li:hover .video_a::before{top:15%;}
.list_3 li:hover .v-text span{border-bottom: 2px solid #fff;}

.list_4 li{padding:30px 0;border-bottom: 1px solid #C2CBCD}
.list_4 li .fr{width: 460px}
.list_4 li .fr h3{font-weight: normal;font-size: 26px;position: relative;color: #555}
.list_4 li .fr h3::after{content: "";display: block;position: absolute;width: 50px;height: 3px;background: #E42424;bottom:-30px;left:0;}
.list_4 li .fr p{line-height: 1.8em;margin:50px 0 30px;color: #666;min-height: 150px;letter-spacing: 0.1em}
.list_4 .more_bt{display: block;width: 125px; line-height: 36px;text-align: center;color: #fff;background: #A7AAAB;font-size: 15px;margin-top: 25px;padding-top: 1px}
.list_4 .more_bt:hover{background: #679D43}

.a_titile{text-align: center;font-weight: normal;color: #555;margin-bottom:30px;line-height: 1.3em}
.a_info{text-align: center;color: #555;position: relative;}
.a_info::before{content: "";display: block;position: absolute;height: 1px;width: 100%;left:0;bottom:-10px;background: #A4AFB1}
.a_info::after{content: "";display: block;position: absolute;height: 1px;width: 100%;left:0;bottom:-13px;background: #D1DADC}
.a_content img{display: inline-block!important;}
.a_content p{margin-bottom:15px}
.a_content{color: #555;line-height: 1.8em;letter-spacing: 0.1em;padding-bottom: 50px}
.next_pre span{display: block;line-height: 2em}

/*water*/
.water{position:relative;overflow:hidden;margin:42px 0 160px}
.water .pic{position:relative;display:block;overflow:hidden}
.water h3{position:absolute;right:0;bottom:0;left:0;overflow:hidden;padding:0 25px;height:30px;background-color:rgba(0,0,0,.75);color:#fff;font-weight:400;font-size:15px;line-height:30px}
.water img{display:block;width:324px;transition:all .3s ease}
.water .pic p{position: absolute;width: 100%;text-indent: 2em;left:0;bottom:0;background: rgba(0,0,0,.6);color: #fff;line-height: 2.3em}
.water li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1)}
.g-title5{padding-top:48px}
.g-title5 .g-tab1{padding:16px 0 5px}
.spinner{text-align: center;margin-top:60px;letter-spacing: .1em;color: #555}
/*water*/
/*video*/
.js-video{position:fixed;z-index:9999;display:none}
.js-video,.js-video>.mask{top:0;left:0;width:100%;height:100%}
.js-video>.mask{position:absolute;background:url(../img/mask-bg.png) repeat 0 0}
.video-cont{position:absolute;top:50%;left:50%;margin-top:-225px;margin-left:-350px;width:700px;height:440px}
.video-cont .tit-bar{padding-left:20px;height:40px;background-color:#88BC65;color:#fff;font-size:17px;line-height:40px}
.video-cont .close{float:right;margin-top:13px;margin-right:20px;width:1pc;height:1pc;background:url(../img/close.png) no-repeat 0 -40px}
.video-cont .close:hover{opacity:.8;filter:aphal(opacity=80)}
.flowplayer{position: relative;}
.flowplayer video{width:700px;background:#000}
.playBtn{width: 70px;height: 69px;position: absolute;top:45%;left: 50%;background:url(../img/play.png) no-repeat center center; margin-left: -25px;cursor: pointer;}
/*video -over*/
.life_1 h4{color: #980000;font-size: 20px;}
.life_1 p{color: #555;font-size: 15px;line-height: 1.7em}
.life_1 h4 small{font-weight: normal;color: #555;font-size: 16px;padding-left: 10px}
.life_tit{height: 353px;background-repeat: no-repeat;background-position: top center;position: relative;}
.life_tit p{position: absolute;width: 450px;min-height: 85px;top:190px;left:165px;line-height: 1.8em;letter-spacing: 0.1em;font-size: 15px}
.life_tit_s{height: 18px;background: url(../img/life_tit.png) no-repeat center center;width: 100%;margin:10px 0;}
.life_pic_s div{background: #EFEFEF;margin-bottom:20px;float: left;margin-right:20px;}
.life_pic_s div:nth-child(2n){margin-right:0}

.life_pic_s div strong a{display: block;margin:15px 0;text-indent: 2em}
.jd_tit img{margin:0 auto;}


.list3-box{overflow:hidden;margin-top:2px;width:100%;height:900px;min-width:75pc}
@media screen and (max-width: 1440px){
.list3-box{height: 800px}	
}
@media screen and (max-width: 1366px){
.list3-box{height: 700px}	
}
.list3 li{position:relative;float:left;margin:0 2px;width:calc(25% - 4px)}
.list3 img,.list4 img{max-width:100%}
.list3 a.topp{position:relative}
.list3 a.topp,.list3 a.topp:before{display:block;width:100%;transition:all .3s ease}
.list3 a.topp:before{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background:#000;content:'';opacity:.3}
.list3 .list-text1{padding-top:10px;height:999px;border-top:4px solid #c4b4a5;background:#fff;text-align:center;font-size:20px;transition:all .3s ease;}
.list3 li div.list-text1 a{position:relative;display:block;margin-top:70px;color:#555;font-size:26px;transition:all .3s ease}
.list3 li div.list-text1 a:before{position:absolute;bottom:-20px;left:50%;display:block;margin-left:-30px;width:60px;height:3px;background:#c3b4a5;content:"";transition:all .3s ease}
.list3 li div.list-text1 p{margin:40px auto 0;width:75%;color:#555;font-size:14px;transition:all .3s ease}
.list3 li:hover a.topp{margin-top:-75pt}
.list3 li:hover a.topp:before{opacity:0}
.list3 li:hover div.list-text1{border-top:4px solid #fff;background:url(../img/meun_bg.png) #c4b4a5 no-repeat right top;  ;transition:background .3s ease}
.list3 li:hover div.list-text1 a{color:#fff}
.list3 li:hover div.list-text1 p{color:#fff}
.list3 li:hover div.list-text1 a:before{background:#fff}
.list3 li:hover div.list-text1{color:#fff}
@media screen and (max-width: 1200px){
	.swwrap{width: 1200px;}
	.life .swiper-button-prev,.life .swiper-button-next{display: none}
}
.o_ico_box_bg{background:url(../img/meun_bg.png) #fff no-repeat right bottom;background-size: auto 100%}
.o_ico_box{width: 1110px;margin:0 auto;}
.s_ico_box li{float: left;width: 29.33%;position: relative;padding:0 2%!important;text-align: center;color: #666;line-height: 1.8em}
.s_ico_box li p{text-align: justify;}
.o_ico_box li{float: left;width: 360px;position: relative;margin-right:15px;text-align: center;color: #666;line-height: 1.8em;padding:0!important;}
.s_ico_box li::before{content: "";display: block;position: absolute;right:0 ;top:80px;background:#ddd;width: 1px;height: 290px}
.o_ico_box li::before{display: none}
.s_ico_box li:nth-child(3n)::before{display: none;}
.s_ico_box li:nth-child(3n){margin-right:0;}
.s_ico{width: 135px ;height: 135px;border-radius: 50%;display: block;margin:80px auto 20px;}
.s_ico_box .s_ico_tit{font-size: 28px;margin-bottom: 30px;}
.o_ico_box .s_ico_tit{font-size: 28px;margin-bottom: 30px;margin-top:50px;}
.o_ico_box .o_ico_pic{border-bottom: 5px solid #88BC65;position: relative;}
.o_ico_box .o_ico_pic span{width:85px;height: 64px;background:url(../img/o6.jpg) no-repeat center center;position: absolute;right: 0;top: 0 }


/*add*/

.list-h0{height: 500px;background: #fff}
.list-h0 .fr{width: 540px;padding:260px 0 0 0;}
.list-h0 .fr h2{font-weight: normal;font-size: 30px;color: #444;position: relative;display: inline-block;line-height: 28px;border-bottom: 1px solid #999;
	padding-bottom: 10px;margin-left: 30px}

.list-h0 .fr p{margin:20px 0;line-height: 1.8em;color: #666;text-indent: 2em}
.list-h0 .fl{width: 630px}
.list-h0 .fl img{width: 630px}






.list-h01{height: 500px;background: #fff}
.list-h01 .fr{width: 540px;padding:260px 0 0 0;;float: left;}
.list-h01 .fr h2{font-weight: normal;font-size: 30px;color: #444;position: relative;display: inline-block;line-height: 28px;border-bottom: 1px solid #999;
	padding-bottom: 10px;margin-left: 30px}

.list-h01 .fr p{margin:20px 0;line-height: 1.8em;color: #666;text-indent: 2em}
.list-h01 .fl{width: 630px;float: right;}
.list-h01 .fl img{width: 630px}





/*.list-v0{height: 500px;background: #fff;position: relative;}
.list-v0 .fl{position: absolute; width: 950px;padding:35px 80px;bottom: 20px;left:50%;margin-left: -555px;background: rgba(0,0,0,.6);color: #fff}
.list-v0 .fl h2{font-weight: normal;font-size: 28px;text-align: center;}
.list-v0 .fl p{margin:25px 0;line-height: 1.8em;}
.list-v0 .fr{width:100%;height: 500px}
.list-v0 .more_bt{display: block;width: 125px; line-height: 36px;text-align: center;color: #fff;background: #88BC65;font-size: 15px;margin:0 auto;}
.list-v0 .more_bt:hover{background: #679D43}*/