锘/* Header */
#Header { width: 100%; height: 100px; position: fixed; top: 0px; left: 0px; z-index: 1000; background: rgba(0,0,0,0.6); background: url(/Content/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(/Content/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(/Content/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(/Content/images/icon-find.png) no-repeat center; }

#Header .code a .cd { background: url(/Content/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(/Content/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(/Content/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(/Content/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(/Content/images/ary-top.png) no-repeat center; }

#mobileMenu .menu-nav a.link i { background: url(/Content/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(/Content/images/weixin.png) no-repeat center; }

#Footer .link a.sina { background: url(/Content/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(/Content/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: 16px; 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: 47%; float: right; margin-top: 314px; 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(/Content/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(/Content/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(/Content/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(/Content/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(/Content/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(/Content/images/weixin.png) no-repeat center; }

#container .foot .link a.sina { background: url(/Content/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(/Content/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(/Content/images/main-wall.png) no-repeat left top; background-size: 100% auto; }

.bgm-layer { background: url(/Content/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(/Content/images/icon-home.png) no-repeat 0px 5px; padding-left: 20px; color: #666; }

.page-site span { display: block; float: left; height: 100%; background: url(/Content/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(/Content/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(/Content/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(/Content/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(/Content/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(/Content/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(/Content/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(/Content/images/ary-rd-prev.png) no-repeat center #FFF; }

.hon-yaer .ary-next { right: 0px; background: url(/Content/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(/Content/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(/Content/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(/Content/images/icon-add-h.png) no-repeat center left; }

#webbox .yy-tell { height: 60px; line-height: 60px; color: #3cab32; background: url(/Content/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(/Content/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(/Content/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(/Content/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(/Content/images/icon5.png) no-repeat center; }

.business .oper-nav li p.tiyu i { background: url(/Content/images/icon6.png) no-repeat center; }

.business .oper-nav li p.xiand i { background: url(/Content/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(/Content/images/icon5-h.png) no-repeat center; }

.business .oper-nav li.active p.tiyu i { background: url(/Content/images/icon6-h.png) no-repeat center; }

.business .oper-nav li.active p.xiand i { background: url(/Content/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(/Content/images/op-prev.png) no-repeat center; }

.business .oper-pic .opr-next { right: 15px; background: url(/Content/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(/Content/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(/Content/images/icon-adders.png) no-repeat left 15px; padding: 10px 0px 10px 35px; }

.business .info-box .tell { background: url(/Content/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(/Content/images/vw-prev.png) no-repeat center; }

.business .view-layer .opr-next { right: -45px; background: url(/Content/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(/Content/images/ary-white.png) no-repeat center; visibility: hidden; }

.business .indu-list li.hot a p { background: url(/Content/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(/Content/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(/Content/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(/Content/images/return.png) no-repeat center right; background-size: auto 14px; color: #999; }

.news .detail-top .back a:hover { color: #3cab32; background: url(/Content/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(/Content/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(/Content/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(/Content/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(/Content/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(/Content/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(/Content/images/btn-prev-bak.png) no-repeat center; }

.culture .album-layer .btn-next { right: -45px; background: url(/Content/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(/Content/images/ary-green.png) no-repeat; }

.rectuit .rec li.campus .rec-infor { color: #666; }

.rectuit .rec li.campus .ary { background: url(/Content/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: 72px; 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(/Content/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(/Content/images/icon-close.png) no-repeat center; cursor: pointer; }

.popup .pop-close:hover { background: url(/Content/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); }

.bl_content { position: relative; width: 100%; padding-top: 106px; }

.bl_content:after { content: ""; display: block; clear: both; }

.bl_block { width: 24.8%; float: left; position: relative; }

.bl_video { position: relative; width: 73.5%; float: right; }

#container .item-right .bl_video .layer { display: block; }

.bl_video video { width: 100%; }<!--0.00026798248291016-->