/* Header */
#Header{width:100%;height:100px;position:fixed;top:0px;left:0px;z-index:1000;background:rgba(0,0,0,0.6);background:url(../images/black.png)\9;opacity:1;}
#Header .wrap{height:100%;position:relative;zoom:1;}
#Header .logo{float:left;height:100px;}
#Header .logo a{display:block;width:60px;height:100%;line-height:100px;vertical-align:middle;background:url(../images/logo.png) no-repeat left center;}
#Header .logo img{vertical-align:middle;}
#Header .menu{height:100px;float:right;position:relative;margin-right:120px;zoom:1;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
#Header .nav ul{width:100%;height:100%;position:relative;z-index:90;}
#Header .nav li{display:block;height:100%;float:left;padding:0px 19px;position:relative;}
#Header .nav a.m{display:block;font-size:16px;line-height:100px;color:#FFF;}
#Header .nav a:hover, #Header .nav .current a, #Header .nav .submenu a:hover{color:#3cab32;}
#Header .nav .submenu{width:100%;padding:5px 0px 10px;position:absolute;top:110px;left:0%;background:rgba(0,0,0,0.7);background:url(../images/black.png)\9;visibility:hidden;opacity:0;}
#Header .nav .submenu p{display:block;padding:0px 5px;text-align:center;line-height:30px;}
#Header .nav .submenu a{display:block;color:#FFF;font-size:14px;}
#Header .nav li:hover .submenu{top:100px;visibility:visible;opacity:1;}
#Header .code{height:100%;width:auto;position:absolute;right:0%;top:0%;zoom:1;z-index:5;}
#Header .code a{display:block;float:left;margin-left:7px;width:34px;height:100%;height:100px\9;position:relative;zoom:1;}
#Header .code a i{display:block;width:34px;height:34px;position:absolute;left:0px;top:50%;margin-top:-17px;}
#Header .code a .fd{background:url(../images/icon-find.png) no-repeat center;}
#Header .code a .cd{background:url(../images/icon-code.png) no-repeat center;}
#Header .sreach{width:32px;height:32px;position:absolute;right:0px;top:50%;margin-top:-17px;border:1px solid #3cab32;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;overflow:hidden;visibility:hidden;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
#Header .ui-input{float:left;width:145px;padding:0px 7px;height:32px;line-height:32px;border:none;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;color:#FFF;}
#Header .ui-but{float:right;height:32px;width:32px;background:url(../images/icon-find-gre.png) no-repeat center;background-size:32px auto;text-indent:-999rem;overflow:hidden;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#Header .code a:hover .fd{display:none;}
#Header .code a:hover .cd{background:url(../images/icon-code-on.png) no-repeat center;}
#Header .code a:hover p{visibility:visible;}
#Header .code a.isShow .sreach{width:180px;visibility:visible;}
#Header .code-img{width:200px;padding:20px 10px;border:1px solid #3cab32;position:absolute;top:100px;right:0px;color:#FFF;visibility:hidden;opacity:0;}
#Header .code-img p{display:block;width:80px;float:left;font-size:14px;text-align:center;margin:0px 10px;}
#Header .code-img img{display:block;width:100%;}
#Header .code-img span{display:block;padding-top:3px;}
#Header .code a:hover .code-img{opacity:1;visibility:visible;}
#Header .moved{margin-right:240px;}
#Header:hover, #Header.isWall{box-shadow:0px 0px 5px rgba(0,0,0,0.35);opacity:1;}
/* mobile menu */
#Header .menu-btn{width:50px;height:100%;position:absolute;right:0px;top:0%;display:none;z-index:210;}
#Header .menu-btn i, #Header .menu-btn b, #Header .menu-btn p{display:block;width:24px;height:2px;position:absolute;top:50%;left:50%;margin-left:-12px;background:#FFF;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;}
#Header .menu-btn b{margin-top:-9px;}
#Header .menu-btn i{margin-top:-1px;}
#Header .menu-btn p{margin-top:7px;}
#Header #menuBtn.close b{display:none;}
#Header #menuBtn.close i{margin-top:-1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
#Header #menuBtn.close p{margin-top:-1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
#mobileMenu{overflow:hidden;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9100;visibility:hidden;}
#mobileMenu .menu-close{width:100%;height:100%;background:rgba(0,0,0,0.5);display:block;}
#mobileMenu .menu-container{width:80%;height:100%;position:absolute;top:0%;right:-80%;background:#252424;overflow:hidden;overflow-y:auto;visibility:hidden;opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;}
#mobileMenu .sreach{height:35px;margin:8px 10px 0px;position:relative;padding:1px 62px 0px 0px;position:relative;}
#mobileMenu .sreach .ui-input{width:100%;height:35px;border:1px solid #FFF;color:#FFF;padding:0px 5px;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#mobileMenu .sreach .ui-input:focus{border:1px solid #3cab32;}
#mobileMenu .sreach .ui-but{width:62px;height:35px;padding:0px;position:absolute;top:1px;right:0px;background:#FFF;border:none;font-size:1.6rem;}
#mobileMenu .menu-nav{width:100%;padding:10px 0px 20px;}
#mobileMenu .menu-nav ul{width:100%;}
#mobileMenu .menu-nav li{display:block;width:100%;}
#mobileMenu .menu-nav li a{display:block;padding:0px 15px;color:#FFF;}
#mobileMenu .menu-nav li i{display:block;width:11px;height:100%;position:absolute;top:0px;right:15px;background:url(../images/eqw.png) no-repeat center;}
#mobileMenu .menu-nav a.m{border-bottom:1px solid #666;height:50px;line-height:50px;position:relative;font-size:16px;}
#mobileMenu .menu-nav a.on i{background:url(../images/ary-top.png) no-repeat center;}
#mobileMenu .menu-nav a.link i{background:url(../images/ary-rig.png) no-repeat center;}
#mobileMenu .subnav{width:100%;height:auto;margin-bottom:0px;background:#303030;display:none;float:none;padding-top:0px;margin-right:0px;}
#mobileMenu .subnav p{display:block;padding:0px 15px;border-bottom:1px solid #666;height:50px;line-height:50px;}
#mobileMenu .subnav a{font-size:16px;padding-left:20px;}
#mobileMenu .code-img{margin:0px 13px;color:#FFF;text-align:center;}
#mobileMenu .code-img p{display:inline-block;width:34%;margin:5%;}
#mobileMenu .code-img p img{display:block;width:100%;}
#mobileMenu .code-img span{display:block;width:100%;padding-top:5px;}
#mobileMenu.show{visibility:visible;}
#mobileMenu.show .menu-close{display:block;}
#mobileMenu.show .menu-container{right:0px;visibility:visible;opacity:1;}
/* Footer */
#Footer{width:100%;position:relative;background:#3d3d3f;padding:15px 0px;color:#FFF;z-index:150;}
#Footer .wrap{height:24px;font-size:14px;}
#Footer .rights{float:left;height:100%;line-height:24px;overflow:hidden;}
#Footer .rights a{display:block;float:left;opacity:0.75;color:#fff;margin-right:15px;}
#Footer .rights a:hover{opacity:1;color:#3cab32;}
#Footer .link{height:22px;line-height:22px;float:right;}
#Footer .link a{display:block;float:left;margin-left:10px;color:#fff;opacity:0.75;}
#Footer .link a.btn{margin-left:15px;height:22px;width:22px;position:relative;}
#Footer .link a.weixin{background:url(../images/weixin.png) no-repeat center;}
#Footer .link a.sina{background:url(../images/sina.png) no-repeat center;}
#Footer .link a.btn p, .foot .link a.btn p{display:block;width:120px;height:120px;padding:5px;background:#3d3d3f;position:absolute;bottom:45px;left:-54px;border:1px solid #666;visibility:hidden;opacity:0;}
#Footer .link a.btn p img, .foot .link a.btn p img{width:120px;height:120px;display:block;}
#Footer .link a.btn p::after, .foot .link a.btn p::after{content:"";display:block;width:0px;height:0px;border:10px solid transparent;border-top-color:#666;position:absolute;left:50%;bottom:-20px;margin-left:-10px;}
#Footer .link a:hover{opacity:1;color:#3cab32;}
#Footer .link a:hover p, .foot .link a:hover p{visibility:visible;opacity:1;bottom:37px;}
/* banner */
#owl-banner{width:100%;height:100%;position:relative;overflow:hidden;}
/* container */
#container{width:100%;height:auto;position:relative;}
#container:after, #container .intel a::after{content:"";display:block;width:100%;height:0px;clear:both;overflow:hidden;}
#container-slider, #container-slider .swiper-wrapper{width:100%;height:969px;position:relative;}
#container #section{width:100%;height:auto;position:relative;}
#container .section{width:100%;height:960px;}
#container .intel{width:100%;height:90px;position:absolute;left:0px;bottom:0px;background:rgba(0,0,0,0.46);background:url(../images/black.png)\9;}
#container .intel ul{height:100%;width:100%;}
#container .intel li{display:block;float:left;width:25%;height:100%;position:relative;}
#container .intel a{display:block;width:100%;height:100%;color:#FFF;position:absolute;left:0px;bottom:0px;}
#container .intel span{display:block;width:38px;height:37px;position:absolute;top:13px;left:50%;margin-left:-19px;}
#container .intel span img{display:block;width:100%;}
#container .intel em{display:block;height:0px;overflow:hidden;font-size:18px;text-transform:uppercase;position:absolute;top:12px;left:130px;line-height:24px;}
#container .intel p{display:block;width:auto;position:absolute;bottom:11px;left:50%;margin-left:-36px;font-size:18px;}
#container .intel li::after{content:"";display:block;width:1px;height:40px;position:absolute;right:0px;top:50%;margin-top:-20px;background:#FFF;opacity:0.75;}
#container .intel li:last-child::after{display:none;}
#container .intel li a:hover{background:#3cab32;height:110px;}
#container .intel li a:hover span{width:114px;height:110px;opacity:0.5;top:0px;left:0px;margin-left:0px;}
#container .intel li a:hover em{height:48px;}
#container .intel li a:hover p{width:auto;left:130px;margin-left:0px;font-size:21px;}
#container .bg-wall{width:100%;height:100%;}
#container .layer-left{padding-top:165px;color:#FFF;width:50%;float:left;}
#container .big-title{display:block;margin-bottom:20px;font-weight:normal;color:#FFF;text-transform:uppercase;line-height:50px;}
#container .title{display:block;margin-bottom:40px;font-weight:normal;color:#3cab32;}
#container .txt-dec{color:rgba(255,255,255,0.6);color:#b8bcbf\9;font-size:18px;line-height:30px;margin-bottom:40px;}
#container .btn-more{width:120px;height:40px;line-height:40px;text-align:center;margin-bottom:70px;}
#container .btn-more a{background:#28891f;color:#FFF;display:block;width:100%;height:100%;}
#container .btn-more span{display:inline-block;}
#container .btn-more a:hover{background:#3cab32;border-radius:3px;}
#container .layer-right{width:30%;float:right;margin-top:165px;position:relative;}
#container .vid-play{width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;cursor:pointer;background:url(../images/vid-play.png) no-repeat center;}
#container .vid-title{width:80%;height:40px;line-height:40px;position:absolute;top:50%;left:10%;margin-top:20px;color:#FFF;text-align:center;}
#container .vid-title span{display:inline-block;border-bottom:2px solid #FFF;}
#container #video-box{display:none;}
#container #video-box video,#container #video-box .video-js{width:100% !important;height:100% !important;}
#container .layer-right:hover .vid-title span{border-bottom:2px solid #3cab32;}
#container .item-left{width:310px;float:left;margin-top:160px;}
#container .item-left .title{color:#FFF;}
#container .txt-nav{font-size:18px;}
#container .txt-nav p{display:block;height:40px;line-height:40px;position:relative;cursor:pointer;color:#FFF;margin-bottom:7px;}
#container .txt-nav i{display:block;width:0px;height:2px;position:absolute;left:0px;top:50%;margin-top:-1px;background:#3cab32;}
#container .txt-nav span{display:block;padding-left:0px;font-size:21px;}
#container .txt-nav p.active i{width:24px;}
#container .txt-nav p.active span{font-size:26px;padding-left:30px;}
#container .item-right{margin-left:350px;padding-top:160px;position:relative;}
#container .item-right .layer{display:none;animation:ani-move 0.5s ease-in-out;-webkit-animation:ani-move 0.5s ease-in-out;-moz-animation:ani-move 0.5s ease-in-out;}
#container .products .owl-item{width:33.33%;float:left;}
#container .products .slide-item{margin:0px 20px;}
#container .products .slide-top{padding-top:100px;}
#container .products a{display:block;width:100%;height:1000%;position:relative;overflow:hidden;color:#FFF;}
#container .products h1{display:block;font-weight:normal;}
#container .products .imgBox{width:100%;height:1000%;position:relative;}
#container .products .prod-text{width:100%;height:94px;position:absolute;left:0px;bottom:0px;background:rgba(0,0,0,0.6);background:url(../images/black.png)\9;}
#container .products .item-title{padding:20px 0px;text-align:center;width:100%;}
#container .products .prod-infor{height:0px;overflow:hidden;padding:0px 30px 0px;}
#container .products .item-active .prod-text{height:100%;}
#container .products .btn-more{margin:auto;height:40px;overflow:hidden;visibility:hidden;opacity:0;}
#container .products .btn-more p{height:38px;line-height:38px;display:block;border:1px solid #FFF;color:#3cab32;}
#container .products a:hover .prod-text{height:100%;background:rgba(0,0,0,0.25);background:url(../images/gray.png)\9;}
#container .products a:hover .prod-infor{height:160px;padding:0px 30px 20px;}
#container .products a:hover .btn-more{visibility:visible;opacity:1;}
#container .products a:hover .imgBox img{-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);}
#container .clm-title{margin-bottom:40px;}
#container .clm-title .title{color:#333;margin-bottom:3px;}
#container .clm-title .title span{display:inline-block;height:auto;position:relative;}
#container .clm-title .title i, #container .clm-title .title em{display:block;width:67px;height:1px;position:absolute;top:50%;background:#666;}
#container .clm-title .title i{left:-87px;}
#container .clm-title .title em{right:-87px;}
#container .clm-title .en-title{color:#666;text-transform:uppercase;}
#container .indus{width:51.56%;margin:0px auto;position:relative;}
#container #indus{overflow:visible;margin-bottom:30px;}
#container #indus .swiper-slide{transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transition:all .6s ease-out;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;}
#container #indus .swiper-slide-active{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
#container #indus .swiper-slide a, #container #indus .swiper-slide p, #container #indus .swiper-slide h4, #container #indus .swiper-slide img{display:block;width:100%;}
#container #indus .swiper-slide p{margin-bottom:10px;}
#container #indus .swiper-slide img{height:auto;}
#container #indus .swiper-slide h4{font-weight:normal;}
#container #indus .swiper-slide span{font-size:20px;float:left;}
#container #indus .swiper-slide em{float:right;font-style:normal;}
#container #indus .swiper-slide i{font-style:normal;color:#3cab32;}
#container .sle-prev, #container .sle-next{width:24%;height:100%;position:absolute;top:0px;cursor:pointer;z-index:100;}
#container .sle-prev{left:0px;}
#container .sle-next{right:0px;}
#container .swiper-scrollbar{width:100%;height:2px;background:#fff;position:relative;}
#container .bar-drag{width:20%;height:100%;background:#3cab32;position:absolute;top:0px;left:0px;}
#container .news-wrap{background:rgba(0,0,0,0.8);background:url(../images/blk.png) repeat\9;padding:30px;}
#container .news-top{margin-bottom:40px;position:relative;}
#container .news-pic{width:47%;float:left;}
#container .news-pic a, #container .nw-title a, #container .news-cont a{display:block;width:100%;overflow:hidden;}
#container .news-head{width:47%;float:right;}
#container .nw-time{line-height:40px;color:#3cab32;border-bottom:1px solid #5f6061;margin-bottom:10px;padding-bottom:10px;}
#container .news-cont{width:100%;margin-bottom:20px;}
#container .nw-title{margin-bottom:20px;}
#container .nw-infor{color:rgba(255,255,255,0.6);color:#b9b9ba;}
#container .in-text{font-size:18px;}
#container .white .title, #container .white .en-title, #container .nw-title{color:#FFF;}
#container .white .title i, #container .white .title em{background:#FFF;}
#container .btn-infor{width:120px;height:42px;text-align:center;}
#container .btn-infor a{display:block;line-height:40px;border:1px solid #FFF;color:#FFF;}
#container .btn-infor i{color:#3cab32;}
#container .btn-infor a:hover{border:1px solid #3cab32;}
#container .btn-infor a:hover{background:#3cab32;}
#container .btn-infor a:hover i{color:#FFF;}
#container .news-cont a:hover .nw-title{color:#3cab32;}
#container .news-list{width:100%;position:relative;}
#container .news-list ul{margin:0 -25px;}
#container .news-list li{display:block;width:33.33%;float:left;}
#container .news-list li a{display:block;height:106px;margin:0 25px;}
#container .news-list .nw-img{width:164px;height:106px;overflow:hidden;float:left;}
#container .news-list .nw-img img{display:block;width:100%;height:100%;}
#container .news-list .nw-intron{margin-left:180px;height:100%;opacity:0.5;filter:alpha(opacity = 50);}
#container .news-list .nw-intron h1{display:block;font-weight:normal;color:#FFF;margin-bottom:20px;}
#container .news-list .nw-intron p{display:block;position:relative;color:#3cab32;height:24px;}
#container .news-list .nw-intron i{display:block;width:28px;height:8px;background:url(../images/icon-arry.png) no-repeat;position:absolute;top:8px;right:20px;opacity:0;filter:alpha(opacity = 0);}
#container .news-list li a:hover .nw-img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
#container .news-list li a:hover .nw-intron{opacity:1;filter:alpha(opacity = 100);}
#container .news-list li a:hover .nw-intron i{right:0px;opacity:1;filter:alpha(opacity = 100);}
#container .soc-title{padding-top:100px;}
#container .commit{width:100%;position:absolute;left:0px;bottom:54px;}
#container .commit li{display:block;width:42%;height:100px;float:left;position:relative;}
#container .commit li a{display:block;width:100%;overflow:hidden;position:absolute;left:0px;bottom:0px;}
#container .commit .col-title{color:#FFF;position:absolute;bottom:60px;}
#container .commit .rig-title{right:60px;text-align:right;}
#container .commit .let-title{left:60px;text-align:left;}
#container .commit .col-title h1{font-size:36px;font-weight:normal;opacity:0;visibility:hidden;}
#container .commit .col-title p{display:block;font-size:26px;text-transform:uppercase;opacity:0;visibility:hidden;}
#container .commit li.active{width:58%;}
#container .commit li.active h1, #container .commit li.active p{opacity:1;visibility:visible;}
#container .foot{width:100%;position:absolute;left:0px;bottom:0px;background:#3d3d3f;padding:15px 0px;color:#FFF;z-index:15;font-size:14px;}
#container .foot .wrap{height:24px;}
#container .foot .rights{float:left;height:100%;line-height:24px;overflow:hidden;}
#container .foot .rights a{display:block;float:left;opacity:0.75;color:#fff;margin-right:15px;}
#container .foot .rights a:hover{opacity:1;color:#3cab32;}
#container .foot .link{height:22px;line-height:22px;float:right;}
#container .foot .link a{display:block;float:left;margin-left:10px;color:#fff;opacity:0.75;}
#container .foot .link a.btn{margin-left:15px;height:22px;width:22px;position:relative;}
#container .foot .link a.weixin{background:url(../images/weixin.png) no-repeat center;}
#container .foot .link a.sina{background:url(../images/sina.png) no-repeat center;}
#container .foot .link a:hover{opacity:1;color:#3cab32;}
#container .section.active [data-animation="ani-up"], #container .section.active [data-animation="ani-down"], #container .section.active [data-animation="ani-left"], #container .section.active [data-animation="ani-right"]{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1;}
#container .section.active .delay{transition-delay:0.7s;-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;}

/* webbox */
#webbox{width:100%;position:relative;}
#webbox.ab-wall{background:url(../images/ab-wall.jpg) no-repeat bottom center #FFF;background-size:100% auto;padding-bottom:150px;}
.page-banner{width:100%;position:relative;overflow:hidden;}
.page-banner .wrap{position:relative;}
#webbox .bom-layer{width:320px;position:absolute;bottom:30px;right:0px;}
#webbox .bom-layer h1{font-weight:normal;display:block;width:100%;margin-bottom:0px;color:#3cab32;font-size:30px;text-align:right;}
#webbox .bom-layer h2{font-weight:normal;display:block;width:100%;color:#FFF;font-size:21px;}
#webbox .cenr-layer{width:320px;position:absolute;bottom:30px;right:50%;margin-right:-160px;text-align:center;}
#webbox .cenr-layer h1{font-weight:normal;display:block;width:100%;margin-bottom:0px;color:#3cab32;font-size:30px;text-transform:uppercase;}
#webbox .cenr-layer h2{font-weight:normal;display:block;width:100%;color:#FFF;font-size:21px;}
#webbox .culture-page{width:100%;position:absolute;bottom:30px;left:0px;}
#webbox .culture-page h1{font-weight:normal;display:block;width:100%;padding-left:40px;margin-bottom:0px;color:#3cab32;font-size:30px;text-transform:uppercase;}
#webbox .culture-page h2{font-weight:normal;display:block;width:100%;padding-left:300px;color:#FFF;font-size:21px;}
#webbox .banner-info{width:100%;position:absolute;bottom:30px;left:0px;}
#webbox .colmu-title{width:auto;position:relative;display:inline-block;}
#webbox .colmu-title em{display:block;width:100%;padding:0px 30px;margin-bottom:0px;color:#3cab32;font-size:30px;text-transform:uppercase;}
#webbox .colmu-title span{display:block;width:100%;color:#666;font-size:21px;text-align:right;}
#webbox .midd-title{bottom:100px;}
.news-page{width:320px;position:absolute;bottom:30px;left:0px;}
.news-page h1{font-weight:normal;display:block;width:100%;padding-left:40px;margin-bottom:0px;color:#3cab32;font-size:30px;text-transform:uppercase;}
.news-page h2{font-weight:normal;display:block;width:100%;padding-left:140px;color:#FFF;font-size:21px;}
.main{background:url(../images/main-wall.png) no-repeat left top;background-size:100% auto;}
.bgm-layer{background:url(../images/pot-bg.png) no-repeat left top;background-size:100% auto;margin-top:20px;}
.page-menu{border-bottom:1px solid #ddd;height:40px;margin-bottom:50px;}
.page-nav{float:left;height:100%;}
.page-nav a{display:block;height:40px;font-size:16px;float:left;font-size:16px\9;margin-right:30px;color:#666;}
.page-nav a.current{color:#3cab32;border-bottom:1px solid #3cab32;}
.page-nav a:hover{color:#3cab32;}
.page-site{float:right;height:100%;}
.page-site a{display:block;float:left;height:100%;background:url(../images/icon-home.png) no-repeat 0px 5px;padding-left:20px;color:#666;}
.page-site span{display:block;float:left;height:100%;background:url(../images/icon-ary.png) no-repeat 0px 7px;padding-left:18px;margin-left:15px;color:#666;cursor:default;}
.page-site a:hover{color:#3cab32;}
#webbox .left-page{width:376px;height:475px;position:absolute;top:100px;left:0px;background:url(../images/left-wall.jpg) no-repeat;}
#webbox .left-page h1{display:block;padding:20px 40px 1px;line-height:40px;color:#3cab32;font-weight:normal;font-size:30px;text-transform:uppercase;}
#webbox .left-page h1.title{font-size:26px;}
#webbox .left-page h3{display:block;color:#a0a0a0;font-weight:normal;font-size:20px;position:relative;}
#webbox .left-page h3 i{display:block;width:50px;height:1px;background:#3cab32;position:absolute;left:0px;top:50%;}
#webbox .left-page h3 span{display:block;margin-left:60px;}
#webbox .left-page .imgs{width:100%;position:absolute;left:0px;bottom:0px;}
#webbox .right-page{margin-left:460px;min-height:570px;}
#webbox .since{margin-bottom:40px;}
#webbox .since .title{margin-bottom:10px;}
#webbox .since .sc-title{color:#a0a0a0;}
#webbox .his-tab{height:50px;text-align:center;margin-bottom:40px;}
#webbox .his-tab a{display:inline-block;height:100%;line-height:50px;text-align:center;padding:0px 40px;background:#ddd;font-size:20px;}
#webbox .his-tab a:hover, #webbox .his-tab a.active{background:#3cab32;color:#FFF;}
#webbox .cour-main::before{content:"";display:block;width:1px;height:100%;position:absolute;top:0%;left:0px;background:#dddddd;}
#webbox .cour-main dl{width:100%;}
#webbox .cour-main dt, #webbox .cour-main dd{display:block;width:100%;padding-bottom:16px;}
#webbox .yer-rse{position:relative;min-height:36px;padding-left:30px;color:#3cab32;line-height:36px;}
#webbox .yer-rse i{display:block;width:36px;height:36px;position:absolute;top:0px;left:-17px;background:url(../images/icon-clok.png) no-repeat center #FFF;border-radius:50%;overflow:hidden;}
#webbox .cour-main .b-text{padding-left:30px;}
#webbox .cour-main .cor-title{position:relative;padding-left:30px;color:#3cab32;}
#webbox .cour-main .cor-title i{display:block;width:13px;height:13px;position:absolute;top:50%;left:-6px;margin-top:-6px;background:url(../images/icon-rod.png) no-repeat center #FFF;border-radius:50%;overflow:hidden;}
#webbox .cour-main .cor-text{position:relative;padding-left:30px;}
#webbox .cour-main .cor-text p{margin:5px 0px;}
#webbox .about-main{width:100%;}
.about-main .pro-title{color:#3cab32;margin-bottom:10px;}
.about-main .since-title{color:#666;width:100%;margin-bottom:27px;}
.project-list{background:#eee;padding:40px 0px;}
.project-list .prod ul{margin:0px -20px;}
.project-list .prod li{display:block;float:left;width:33.33%;}
.project-list .prod a{display:block;margin:0 20px;position:relative;color:#FFF;overflow:hidden;}
.project-list .prod img{display:block;}
.project-list .info-layer{width:100%;height:70px;overflow:hidden;position:absolute;bottom:0px;left:0px;}
.project-list .info-top{height:70px;line-height:70px;text-align:center;padding:0 40px;}
.project-list .line{display:block;width:0px;height:2px;background:#3cab32;margin:0 auto 30px;}
.project-list .info-txt{padding:0 80px;height:0px;overflow:hidden;}
.project-list .prod a:hover .info-layer{height:100%;}
.project-list .prod a:hover .line{width:45px;}
.project-list .prod a:hover .info-txt{height:170px;}
.item-cont .item-top{width:100%;margin-bottom:40px;}
.item-cont .item-top .title{font-weight:normal;color:#3cab32;margin-bottom:15px;}
.item-cont .item-top .sc-title{font-weight:normal;color:#666;line-height:35px;}
.item-cont .item-list-box li{display:block;width:100%;margin-bottom:40px;}
.item-cont .item-list-box a{display:block;padding:20px;position:relative;background:#f3f3f3;}
.item-cont .item-list-box .item-pic{width:50.85%;overflow:hidden;}
.item-cont .item-list-box .item-info{width:48%;height:100%;position:absolute;top:0px;background:url(../images/bg-d.png) no-repeat bottom;}
.item-cont .item-list-box .infor{padding:0px 60px;}
.item-cont .item-list-box .info-top{color:#3cab32;font-weight:normal;}
.item-cont .item-list-box .info-txt{padding:10px 0px;color:#666;}
.item-cont .item-list-box .line{display:block;width:40px;height:2px;background:#3cab32;margin:0 0 10px;}
.item-cont .item-list-box li.even .item-info{right:0px;background-position:110% bottom;}
.item-cont .item-list-box li.odd .item-info{left:0px;background-position:-50px bottom;}
.item-cont .item-list-box li.odd .item-pic{width:50.85%;margin-left:49.1%;}
.item-cont .item-list-box a:hover{background:#eee;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.hon-yaer{width:100%;position:relative;height:85px;margin-bottom:40px;}
.hon-yaer::after{content:"";display:block;width:100%;height:2px;background:#ddd;position:absolute;top:18px;left:0px;}
.hon-yaer .swiper-container{margin:0px 40px;height:100%;width:initial;}
.hon-yaer .swiper-slide{width:16.66%;float:left;text-align:center;cursor:pointer;}
.hon-yaer .swiper-slide i{display:block;width:15px;height:15px;margin:11px auto 0px;background:url(../images/icon-rod.png) no-repeat center;}
.hon-yaer .swiper-slide p{display:block;font-size:21px;line-height:35px;}
.hon-yaer .now-active i{background:url(../images/icon-rod-gr.png) no-repeat center;}
.hon-yaer .now-active p{color:#3cab32;font-size:26px;}
.hon-yaer .btn{width:38px;height:38px;position:absolute;top:0px;cursor:pointer;z-index:1000;}
.hon-yaer .ary-prev{left:0px;background:url(../images/ary-rd-prev.png) no-repeat center #FFF;}
.hon-yaer .ary-next{right:0px;background:url(../images/ary-rd-next.png) no-repeat center #FFF;}
.honor-cont::after{content:"";display:block;width:2px;height:100%;position:absolute;top:0px;left:0px;background:#3cab32;}
.honor-cont ul, .honor-cont li{width:100%;}
.honor-cont li{display:none;}
.honor-cont .hor-year{height:40px;position:relative;z-index:2;padding-left:40px;color:#3cab32;}
.honor-cont .hor-year i{display:block;width:36px;height:36px;position:absolute;top:0px;left:-17px;background:url(../images/icon-clok.png) no-repeat center #FFF;border-radius:50%;overflow:hidden;}
.honor-cont .hor-infor{padding-left:40px;}
#webbox .hall{width:100%;}
#webbox .hall li{display:block;width:100%;margin-bottom:40px;}
#webbox .hall .img-pic{width:100%;overflow:hidden;}
#webbox .hall .hall-infor{width:100%;height:60px;background:#dddddd;color:#666;}
#webbox .hall .hall-infor h1{display:block;padding-left:40px;font-weight:normal;height:100%;float:left;line-height:60px;}
#webbox .hall .hall-infor p{display:block;padding-right:40px;padding-left:30px;float:right;line-height:60px;background:url(../images/icon-add.png) no-repeat center left;}
#webbox .hall li:hover .hall-infor{background:#3cab32;color:#FFF;}
#webbox .hall li:hover .hall-infor p{background:url(../images/icon-add-h.png) no-repeat center left;}
#webbox .yy-tell{height:60px;line-height:60px;color:#3cab32;background:url(../images/icon-tells.png) no-repeat center left;padding-left:50px;}
/* business */
.business .house-pic{width:100%;position:relative;overflow:hidden;}
.business .house-pic a{display:block;width:100%;position:relative;}
.business .house-pic p{display:block;width:140px;height:60px;line-height:60px;background:#3cab32;border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:absolute;top:0px;left:40px;color:#FFF;text-align:center;z-index:100;}
.business .house-infor{width:100%;border-bottom:1px solid #ddd;padding:40px 0px 20px;margin-bottom:10px;position:relative;}
.business .house-infor h3{display:block;font-weight:normal;color:#3cab32;margin-bottom:5px;}
.business .house-infor h3 a{color:#3cab32;}
.business .house-infor .b-text{color:#666666;}
.business .house-infor span{color:#3cab32;font-size:20px;}
.business .house-infor .de-more{position:absolute;right:0px;bottom:20px;}
.business .house-infor .de-more a{display:block;color:#3cab32;text-transform:uppercase;}
.business .house-infor .de-more a i{display:block;width:0px;height:100%;position:absolute;top:0%;right:0px;background:url(../images/gr-ary.png) no-repeat right center;}
.business .house-infor .de-more a:hover{padding-right:45px;}
.business .house-infor .de-more a:hover i{width:30px;}
.business .item-nav{height:50px;margin-bottom:40px;}
.business .navg{height:100%;float:left;}
.business .navg a{display:block;float:left;line-height:50px;padding:0px 20px;font-size:18px;background:#dddddd;margin-right:15px;}
.business .navg a:hover, .business .pro-type li:hover{color:#3cab32;}
.business .navg a.active, .business .pro-type li.active{background:#3cab32;color:#FFF;}
.business .navg a.active:hover, .business .pro-type li.active:hover{color:#FFF;}
.business .item-srech{float:right;height:100%;}
.business .item-srech .ui-input{float:left;width:200px;height:48px;padding:0px 10px;border:1px solid #b6b6b6;background:#f2f2f2;}
.business .item-srech .ui-button{float:left;width:120px;height:50px;padding:0px 0px;border:none;background:#3cab32 url(../images/icon-find-w.png) no-repeat 15px 50%;color:#FFF;cursor:default;}
.business .item-main-list{width:100%;position:relative;}
.business .item-main-list ul{width:100%;display:none;}
.business .item-main-list li{display:block;width:100%;margin-bottom:20px;}
.business .item-main-list a{display:block;width:100%;height:280px;}
.business .item-main-list .prod-pic{width:432px;float:left;height:100%;overflow:hidden;}
.business .item-main-list .prod-txt{height:100%;margin-left:470px;}
.business .item-main-list .h-infor{border-bottom:1px solid #ddd;padding:20px 0px 20px;margin-bottom:10px;}
.business .item-main-list h3{display:block;font-weight:normal;margin-bottom:5px;}
.business .item-main-list .b-text{color:#666666;}
.business .item-main-list span{color:#3cab32;font-size:20px;}
.business .item-main-list .del-more{width:40px;position:relative;text-transform:uppercase;}
.business .item-main-list .del-more i{display:block;width:30px;height:100%;position:absolute;top:0%;right:-10px;background:url(../images/gr-ary.png) no-repeat right center;visibility:hidden;opacity:0;}
.business .item-main-list .text{height:56px;overflow:hidden;color:#666666;margin-bottom:20px;}
.business .item-main-list a:hover .del-more{padding-right:45px;color:#3cab32;}
.business .item-main-list a:hover .del-more i{right:0px;visibility:visible;opacity:1;}
.business .item-main-list a:hover h3{color:#3cab32;}
.business .item-main-list a:hover .prod-pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.business .oper-nav, .business .oper-pic{margin-bottom:20px;}
.business .oper-nav ul{height:120px;margin:0px -2px;}
.business .oper-nav ul li{display:block;height:100%;width:33.33%;float:left;}
.business .oper-nav li p{display:block;margin:0 2px;height:100%;overflow:hidden;text-align:center;font-size:20px;background:#eeeeee;cursor:pointer;}
.business .oper-nav li i{display:block;width:50px;height:40px;margin:20px auto 10px;}
.business .oper-nav li p.shuzi i{background:url(../images/icon5.png) no-repeat center;}
.business .oper-nav li p.tiyu i{background:url(../images/icon6.png) no-repeat center;}
.business .oper-nav li p.xiand i{background:url(../images/icon7.png) no-repeat center;}
.business .oper-nav li.active p{background:#3cab32;color:#FFF;}
.business .oper-nav li.active p.shuzi i{background:url(../images/icon5-h.png) no-repeat center;}
.business .oper-nav li.active p.tiyu i{background:url(../images/icon6-h.png) no-repeat center;}
.business .oper-nav li.active p.xiand i{background:url(../images/icon7-h.png) no-repeat center;}
.business .oper-nav li p:hover{color:#3cab32;}
.business .oper-nav li.active p:hover{color:#FFF;}
.business .oper-pic .btn{width:32px;height:54px;position:absolute;top:50%;margin-top:-27px;cursor:pointer;z-index:100;opacity:0.36;filter:alpha(opacity = 36);}
.business .oper-pic .opr-prev{left:15px;background:url(../images/op-prev.png) no-repeat center;}
.business .oper-pic .opr-next{right:15px;background:url(../images/op-next.png) no-repeat center;}
.business .oper-pic .btn:hover{opacity:1;filter:alpha(opacity = 100);}
.business .project-infor{height:390px;}
.business .prod-img{width:100%;height:100%;}
.business .project-infor{width:100%;margin-bottom:25px;}
.business .prod-intron{height:100%;width:330px;background:#f3f3f3;float:right;}
.business .info-box{padding:15px 20px;}
.business .info-box h1{font-weight:normal;color:#3cab32;display:block;}
.business .info-box .state{padding:5px 0px 10px;margin-bottom:10px;border-bottom:1px solid #ddd;}
.business .info-box .state span{color:#3cab32;}
.business .info-box .shead{width:100%;color:#3cab32;padding:10px 0px;position:relative;min-height:40px;}
.business .info-box .shead .anim{display:block;width:25px;height:25px;position:absolute;top:12px;left:0px;background:url(../images/icon-tell2.png) no-repeat center left;}
.business .info-box .shead span{display:block;float:left;padding-left:32px;}
.business .info-box .shead p{display:block;margin-left:120px;font-size:20px;}
.business .info-box .shead{width:100%;color:#3cab32;padding:10px 0px;}
.business .info-box .adder{background:url(../images/icon-adders.png) no-repeat left 15px;padding:10px 0px 10px 35px;}
.business .info-box .tell{background:url(../images/icon-tell2.png) no-repeat left 12px;padding:10px 0px 20px 35px;color:#3cab32;}
.business .info-box .code-box p{display:block;width:80px;height:80px;border:1px solid #3cab32;}
.business .info-box .code-box span{display:block;width:auto;position:absolute;left:100px;bottom:0px;color:#666666;}
.business .pro-desc{border-bottom:1px solid #3cab32;padding-bottom:10px;}
.business .view-main{padding-bottom:40px;}
.business .pro-type{height:50px;margin-bottom:20px;}
.business .pro-type li{display:block;float:left;height:100%;line-height:50px;font-size:18px;margin-right:10px;background:#ddd;padding:0px 30px;cursor:pointer;}
.business .pro-img-view{width:100%;position:relative;}
.business .pro-img-view .swiper-slide{width:33%;float:left;margin-left:0.33%;}
.business .view-layer .btn{width:32px;height:54px;position:absolute;top:50%;margin-top:-27px;cursor:pointer;z-index:100;opacity:0.6;filter:alpha(opacity = 60);}
.business .view-layer .opr-prev{left:-45px;background:url(../images/vw-prev.png) no-repeat center;}
.business .view-layer .opr-next{right:-45px;background:url(../images/vw-next.png) no-repeat center;}
.business .view-layer .btn:hover{opacity:1;filter:alpha(opacity = 100);}
.business .prod-map .wrap{margin-bottom:40px;}
.business .prod-map iframe{width:100%;}
.business .content, .news .news-list .news-cont .text{color:#666;}
.business .busi-text{padding:15px 0px;}
.business .indu-list{width:100%;padding-top:20px;}
.business .indu-list ul{display:block;padding-left:60px;}
.business .indu-list li{display:block;height:65px;line-height:65px;border-bottom:1px dashed #dcdcdc;}
.business .indu-list li a{display:block;height:100%;position:relative;padding:0px 15px;}
.business .indu-list li p{padding:0 15px 0px 35px;display:block;height:100%;font-size:20px;}
.business .indu-list li span{border-bottom:1px solid #8f8f8f;}
.business .indu-list li i{display:block;width:36px;height:12px;position:absolute;top:50%;right:40px;margin-top:-6px;background:url(../images/ary-white.png) no-repeat center;visibility:hidden;}
.business .indu-list li.hot a p{background:url(../images/icon-hot-gree.png) no-repeat 0px 50%;}
.business .indu-list li a:hover, .business .indu-list li a.active{background:#3cab32;color:#FFF;}
.business .indu-list li a:hover span, .business .indu-list li a.active span{border-bottom:1px solid #FFF;}
.business .indu-list li a:hover i, .business .indu-list li a.active i{visibility:visible;}
.business .indu-list li.hot a:hover p, .business .indu-list li.hot a.active p{background:url(../images/icon-hot-white.png) no-repeat 0px 50% #3cab32;}
#view-swiper .swiper-pagination,#pro-view .swiper-pagination{width:100%;position:relative;text-align:center;display:none}
#view-swiper .swiper-pagination .swiper-pagination-bullet,#pro-view .swiper-pagination .swiper-pagination-bullet{margin:0px 3px;background:#3cab32;opacity:0.5}
#view-swiper .swiper-pagination .swiper-pagination-bullet-active,#pro-view .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
/* news */
.news .news-head{margin-bottom:40px;}
.news .news-top{width:47.31%;float:left;}
.news .news-top-info{width:50%;float:right;}
.news .nw-time{color:#3cab32;margin-bottom:7px;}
.news .news-title{width:100%;height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px;}
.news .news-title a:hover, .news .look-more a:hover{color:#3cab32;}
.news .news-top-info .text{width:100%;margin-bottom:20px;}
.news .look-more{height:26px;line-height:26px;text-align:right;}
.news .look-more a{color:#666;}
.news .news-colm{width:100%;height:40px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #a6a6a6;}
.news .news-colm .sc-title{float:left;height:40px;line-height:40px;}
.news .news-colm .news-seach{float:right;height:40px;}
.news .news-colm .news-seach .ui-text{border:1px solid #a6a6a6;width:160px;height:38px;padding:0px 10px;float:left;}
.news .news-colm .news-seach .ui-buton{width:40px;height:40px;float:left;border:none;cursor:pointer;background:url(../images/icon-find-w.png) no-repeat center #3cab32;}
.news .news-list li{display:block;width:100%;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed #a6a6a6;overflow:hidden;}
.news .news-list li a{display:block;height:100px;}
.news .news-list .news-time{width:100px;height:100px;float:left;background:#ddd;text-align:center;color:#3cab32;}
.news .news-list .news-time span{display:block;font-size:46px;line-height:50px;padding-top:7px;}
.news .news-list .news-time p{display:block;font-size:20px;}
.news .news-list .news-cont{height:100%;margin-left:120px;}
.news .news-list .news-cont h3{display:block;width:100%;font-weight:normal;height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.news .news-list .news-cont .text{height:50px;overflow:hidden;text-overflow:ellipsis;line-height:24px;}
.news .news-list a:hover{background:#fbfbfb;}
.news .detail-infor{width:73%;float:left;}
.news .detail-title{width:100%;margin-bottom:45px;}
.news .news-detail-title{margin-bottom:15px;font-size:24px;line-height:34px}
.news .detail-top{width:100%;height:40px;line-height:30px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.news .detail-top .infm{float:left;margin-right:30px;height:30px;}
.news .detail-top span{margin-right:20px;color:#999;font-size:14px;}
.news .detail-top .back{float:right;height:30px;}
.news .detail-top .back a{display:block;padding-right:12px;line-height:25px;background:url(../images/return.png) no-repeat center right;background-size:auto 14px;color:#999;}
.news .detail-top .back a:hover{color:#3cab32;background:url(../images/vw-re.png) no-repeat center right;background-size:auto 14px;}
.news .bshare-custom{height:30px;line-height:30px;font-size:14px;color:#999;display:none;}
.news .bshare-custom .bshare-more{color:#999;}
.news .bshare-custom a{display:block;line-height:30px;float:left;margin-right:5px;}
.news .news-text{width:100%;overflow:hidden}
/* culture */
.bgm-cul{padding-bottom:120px;background:url(../images/cul-bgm.jpg) no-repeat center bottom;background-size:100% auto;}
.page-title .b-text{color:#999;}
.culture .layer-one{padding-bottom:100px;}
.culture .one-box{width:70%;text-align:center;padding:30px 0px;background:#FFF;box-shadow:0px 0px 15px rgba(0,0,0,0.35);position:absolute;left:15%;bottom:40px;}
.culture .one-box .big-title{margin-bottom:10px;}
.culture .text-layer{width:100%;height:101px;background:#f3f3f3;margin-bottom:20px;}
.culture .left-img{height:100%;width:324px;background:url(../images/text1.png) no-repeat center;text-align:center;float:left;}
.culture .left-img .sc-title{padding-top:37px;display:block;}
.culture .right-content{margin-left:364px;padding:20px 0px;}
.culture .txt-layer{width:100%;background:#f3f3f3;margin-bottom:20px;min-height:100px;}
.culture .txt-layer .left-cont{border:1px solid #3cab32;width:322px;background:#FFF;position:absolute;left:0px;top:0px;height:100%;box-sizing:border-box;text-align:center;}
.culture .txt-layer .let{width:100%;height:60px;position:absolute;left:0%;top:50%;margin-top:-30px;}
.culture .vis-layer{padding:20px 0px 0px;text-align:center;color:#FFF;}
.culture .vis-layer .big-title{margin-bottom:10px;padding-top:20px;}
.culture .vis-text{width:90%;text-align:center;margin:0 auto;position:relative;top:-40px;}
.culture .brand-layer{padding-bottom:5px;}
.culture .brand-pic{width:100%;position:absolute;top:0px;left:0px;z-index:0;}
.culture .brand-main{position:relative;z-index:10;margin:0px 15px;padding:40px 0px 0px;}
.culture .brand-vision{padding:20px;width:75%;margin:0 auto;background:url(../images/white.png) repeat;margin-bottom:40px;box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.culture .brand-vision ul{height:40px;line-height:40px;margin-bottom:20px;}
.culture .brand-vision li{display:block;float:left;width:20%;text-align:center;color:#3cab32;}
.culture .brand-vision .sc-title{width:100%;text-align:center;}
.culture .brand-vision .sc-title span{display:inline-block;margin:0px 20px;color:#777;}
.culture .brand-content{background:#FFF url(../images/icon-arrys.jpg) no-repeat 40.5% 50%;padding:40px 10px 0px;}
.culture .brand-content dt{padding-top:50px;width:40%;display:block;float:left;}
.culture .brand-content dd{width:60%;display:block;float:left;}
.culture .brand-content .layer{border:1px solid #e5e5e5;width:90%;margin:0 auto 20px;}
.culture .brand-content .layer-title{height:50px;line-height:50px;font-size:20px;color:#3cab32;text-align:center;background:#e5e5e5;}
.culture .brand-content .layer-box{padding:15px 20px;}
.culture .brand-content .layer:hover{background:#f8f8f8;box-shadow:0px 3px 10px rgba(0,0,0,0.25);}
.culture .brand-item{width:100%;overflow:hidden;}
.culture .brand-item .page-title{color:#3cab32;text-align:center;margin:50px auto 40px;padding:10px 0px;border:1px solid #FFF;width:248px;}
.culture .brand-item .page-title .b-text{color:#FFF;}
.culture .brand-item .big-title{text-align:center;margin-bottom:60px;color:#3cab32;}
.culture .brand-slogan{width:100%;}
.culture .brand-slogan ul{margin:0px -20px;}
.culture .brand-slogan li{display:block;width:33.33%;float:left;}
.culture .brand-slogan .grid{margin:0px 20px;padding:30px 40px;background:url(../images/white.png) repeat;box-shadow:0px 0px 10px rgba(0,0,0,0.35);}
.culture .brand-slogan .title{text-align:center;margin-bottom:20px;}
.culture .brand-slogan .line{width:20px;height:1px;background:#3cab32;margin:0px auto 20px;}
.culture .brand-slogan .grid-cont{min-height:200px;}
.culture .brand-slogan .grid-cont p{display:block;background:url(../images/icon-ary-a.png) no-repeat 0px 5px;padding-left:30px;margin-bottom:15px;}
.culture .brand-slogan .grid:hover{transform:translateY(-15px);box-shadow:0px 0px 10px rgba(0,0,0,0.25);background:#FFF;}
.brand-vison{width:248px;border:1px solid #FFF;margin:50px auto 0px;padding:10px 0px;text-align:center;}
.brand-vison .b-text{color:#FFF;}
.brand-stext{width:95%;background:#FFF;box-shadow:0px 0px 7px rgba(0,0,0,0.35);margin:60px auto 20px;}
.brand-stext .text-cont{padding:40px 60px;}
.brand-stext .text-cont i{position:relative;top:-10px;margin-right:10px;}
.brand-stext .text-cont em{position:relative;top:10px;}
#activity{width:100%;}
#activity .swiper-slide{width:30%;float:left;margin-right:3.33%;cursor:pointer;}
#activity .swiper-slide a{display:block;position:relative;}
#activity.no-slide .swiper-wrapper{width:initial;margin:0px -11px;}
#activity.no-slide .swiper-slide{width:33.33%;float:left;margin-right:0%;cursor:pointer;}
#activity.no-slide .swiper-slide a{display:block;margin:0 11px;}
#activity .act-img{width:100%;}
#activity .act-title{width:100%;padding:20px 0px;background:#eee;}
#activity .lines{width:80px;height:1px;background:#3cab32;margin-bottom:5px;}
#activity .sc-title{padding:0 30px;color:#666;height:60px;overflow:hidden;}
#activity .swiper-slide:hover .sc-title{color:#3cab32;}
#activity .swiper-slide-current .act-title{background:#3cab32;color:#FFF;}
#activity .swiper-slide-current .lines{background:#FFF;color:#FFF;}
#activity .swiper-slide-current .sc-title, #activity .swiper-slide-current:hover .sc-title{color:#FFF;}
.culture #album{width:100%;margin-bottom:20px;}
.culture .album-layer .btn{width:32px;height:54px;position:absolute;top:50%;margin-top:-27px;cursor:pointer;z-index:100;opacity:0.5;filter:alpha(opacity = 50);}
.culture .album-layer .btn-prev{left:-45px;background:url(../images/btn-prev-bak.png) no-repeat center;}
.culture .album-layer .btn-next{right:-45px;background:url(../images/btn-next-bak.png) no-repeat center;}
.culture .album-layer .btn:hover{opacity:1;filter:alpha(opacity = 100);}
.culture .nujmber{width:100%;text-align:center;font-size:20px;}
.culture .nujmber span, .culture .nujmber em{padding:0px 5px;}
/* rectuit */
.rectuit .rec{padding-top:100px;width:100%;}
.rectuit .rec li{display:block;width:100%;position:relative;margin-bottom:20px;overflow:hidden;}
.rectuit .rec li a{display:block;width:100%;position:relative;}
.rectuit .rec-infor{width:260px;height:100%;position:absolute;top:0px;left:60px;}
.rectuit .title{margin-bottom:20px;}
.rectuit .en-title{opacity:0.5;filter:alpha(opacity = 50);text-transform:uppercase;}
.rectuit .ary{width:100%;height:12px;}
.rectuit .rec li.social .rec-infor{color:#FFF;}
.rectuit .rec li.social .ary{background:url(../images/ary-green.png) no-repeat;}
.rectuit .rec li.campus .rec-infor{color:#666;}
.rectuit .rec li.campus .ary{background:url(../images/ary-black.png) no-repeat;}
.rectuit .rec li:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.25);}
/* join */
.join .job{height:56px;background:#3cab32;color:#FFF;}
.join .job p{display:block;float:left;width:20%;height:100%;position:relative;line-height:56px;text-align:center;cursor:default;}
.join .job i{display:block;width:1px;height:36px;position:absolute;right:0px;top:10px;background:#FFF;}
.join .jobs li{display:block;border-bottom:1px dashed #c9c9c9;}
.join .job-title{width:100%;height:66px;cursor:pointer;}
.join .jobs li:nth-child(2n) .job-title{background:#fbfbfb;}
.join .job-title p{display:table;float:left;width:20%;height:100%;position:relative;text-align:center;}
.join .job-title span{display:table-cell;width:100%;height:100%;vertical-align:middle;line-height:24px;}
.join .active, .jobs li .job-title:hover{color:#3cab32;background:#f2f2f2 !important;}
.join .job-desc{width:100%;position:relative;padding:10px 15px 20px;color:#666;display:none;}
.join .btn a{display:block;height:40px;width:120px;background:#3cab32;color:#FFF;line-height:40px;text-align:center;margin:0 auto;}
.join .btn a:hover, .td-box .job-ul .btn:hover, .td-box .ui-buton:hover{background:#42c636;}
.td-box .td-main{width:570px;height:540px;position:absolute;top:50%;left:50%;margin:-240px 0px 0px -285px;background:#FFF;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);opacity:0.5;}
.td-box .job-name{font-weight:normal;display:block;width:100%;margin-bottom:30px;font-size:20px;color:#3cab32;}
.td-box .job-ul{width:100%;margin-bottom:20px;}
.td-box .job-ul li{display:block;width:100%;margin-bottom:15px;border:1px solid #cdcdcd;}
.td-box .job-ul p{display:block;padding:10px 10px 0px;}
.td-box .job-ul .btn{width:160px;height:40px;margin:0 auto 20px;color:#FFF;background:#3cab32;position:relative;overflow:hidden;cursor:pointer;}
.td-box .job-ul .btn span{display:block;width:100%;line-height:40px;text-align:center;}
.td-box .job-ul .files{width:100%;height:40px;position:absolute;top:0px;left:0px;display:block;cursor:pointer;opacity:0;filter:alpha(opacity = 0);}
.td-box .job-ul .filesname{border:none;height:auto;position:absolute;left:0px;top:44px;width:100%;text-align:center;}
.td-box .tip{text-align:center;padding:10px 0px 20px;color:#a6a6a6;}
.td-box .job-ul .ui-text{height:35px;width:100%;padding:0px 10px;box-sizing:border-box;border:none;}
.td-box .job-ul .ui-text::-webkit-input-placeholder{color:#666;}
.td-box .job-ul .ui-text::-moz-input-placeholder{color:#666;}
.td-box .job-ul .ui-text::-ms-input-placeholder{color:#666;}
.td-box .ui-buton{display:block;height:40px;width:120px;background:#3cab32;color:#FFF;line-height:40px;text-align:center;margin:0 auto;border:none;}
/* contact */
.contact .conta{width:100%;position:relative;overflow:hidden;margin-bottom:20px;}
.contact .lx-title{width:100%;height:auto;position:absolute;top:40px;left:0px;}
.contact .lx-title .line{width:50px;height:1px;background:#3cab32;margin-top:10px;}
.contact .lx-wrap{width:100%;}
.contact .lx-lt{float:left;}
.contact .lx-lt span{color:#3cab32;font-size:22px;}
.contact .lx-rt{float:right;}
.contact .lx-rt .btn{border:1px solid #3cab32;height:40px;line-height:40px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.contact .lx-rt a{display:block;padding:0px 20px;color:#3cab32;}
.contact .lx-rt a:hover{background:#3cab32;color:#FFF;box-shadow:0px 0px 5px rgba(0,0,0,0.35);}
.gree, .news .news-list a:hover h3{color:#3cab32;}

/* resultPage */
.resultPage .page-menu{display:none;}
.resultPage .prod-pic{width:200px;height:130px;float:left;height:100%;overflow:hidden;}
.resultPage .prod-pic img{width:100%;height:130px;}
.resultPage .prod-txt{height:100%;margin-left:210px;}
.resultPage .news .news-list a{height:auto;}
.resultPage .prod-txt .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
/* popup */
.popup{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:1000;visibility:hidden;}
.popup .black{width:100%;height:100%;background:rgba(0,0,0,0.7);background:url(../images/blk.png) repeat\9;}
.popup .pop-main{width:60%;height:65%;position:absolute;top:25%;left:20%;background:#FFF;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);opacity:0.5;}
.popup .pop-close{width:54px;height:54px;position:absolute;top:-65px;right:-64px;background:url(../images/icon-close.png) no-repeat center;cursor:pointer;}
.popup .pop-close:hover{background:url(../images/icon-close-green.png) no-repeat center;}
.popup .main-content{width:80%;margin:0 auto;padding:40px 0px;}
.popup .pop-box{width:100%;border-bottom:1px solid #666666;padding-bottom:20px;margin-bottom:30px;text-align:center;}
.popup .pop-title{text-transform:uppercase;margin-bottom:10px;}
.popup .en-title{text-transform:uppercase;}
.popup .pop-form{width:100%;margin-bottom:20px;}
.popup .pop-left{width:47%;}
.popup .pop-right{width:47%;}
.popup .text-layer{width:100%;height:50px;margin-bottom:25px;}
.popup .text-layer span{display:block;float:left;width:50px;line-height:50px;font-size:20px;}
.popup .text-layer p{display:block;height:50px;margin-left:55px;}
.popup .text-layer .ui-text{border:1px solid #959595;height:48px;line-height:48px;width:100%;padding:0px 10px;box-sizing:border-box;}
.popup .text-layer label{display:block;line-height:50px;float:left;margin-right:20px;font-size:18px;}
.popup .pop-right p{display:block;width:100%;font-size:20px;line-height:50px;margin-bottom:10px;}
.popup .ui-textarea{width:100%;height:200px;border:1px solid #959595;box-sizing:border-box;padding:5px 10px;}
.popup .btn-submit{width:100%;text-align:center;}
.popup .btn-submit .ui-submit{width:160px;height:45px;font-size:18px;border:none;background:#3cab32;margin:0 auto;cursor:pointer;color:#FFF;margin:0 auto;}
.popup .btn-submit .ui-submit:hover{background:#2a9820;}
.popup.show{visibility:visible;}
.popup.show .pop-main, .popup.show .td-main{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;}
.webuploader-container{position:relative;}
.webuploader-element-invisible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}
.webuploader-pick-disable{opacity:0.6;pointer-events:none;}
.nodata{text-align:center;width:100%;padding-top:50px;}
.content .video-js{ display:inline-block; }
.album-li { position:relative; display:block;}
.album-li p { position:absolute; display:block;text-align: center;width: 100%;bottom: 0; color:#fff;font-size: 18px;    padding: 12px 0;background: url(/Content/images/5_52.png);}