@charset "utf-8";
html{font-size:100px;}
.main-width{width:1200px;margin:0 auto;}
.other-banner img{width: 100%;height: auto;}
.index-main h2.title{font-size: 48px;color: #333;font-family: "Microsoft YaHei";line-height: 50px;text-align: center;}
.index-main h2.title span{color: #009944;}
.index-main p.subtitle{margin-top: 14px;font-size: 18px;color: #666;font-family: "Microsoft YaHei";text-align: center;}

/*导航栏*/
.header{position: fixed;left: 0;top: 0;width: 100%;height: 120px;background-color: rgba(0,0,0,0.2);z-index: 999999;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.header .logo{float: left;margin-top: 14px;width: 259px;}
.header .logo img{width: 100%;height: auto;}
.header .nav{float: right;margin-top: 40px;position: relative;}
.header .nav > ul > li{position: relative;height: 80px;float: left;margin-right: 18px;font-size: 20px;font-family: "Microsoft YaHei";}
.header .nav > ul > li:nth-child(6){margin-right: 0;}
.header .nav > ul > li > a{display: inline-block;padding: 10px 18px;color: #fff;}
.header .nav > ul > li:hover > a{color: #009944;}
.header .nav > ul > li.active > a{color: #fff100;background-color: #009944;}
.header .nav > ul > li.search{margin-right: 0px;width: 20px;height: 20px;padding: 4px 0 0px 10px;}
.header .nav > ul > li.search .box{float: right;position: relative;width: 0px;overflow: visible !important;}
.header .nav > ul > li.search .box .text{display: none;position: relative;width: 100%;height: 34px;border: 1px solid #999;padding: 0 32px 0 10px;float: right;z-index: 8;border-radius: 18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.header .nav > ul > li.search .box .btn, .header .nav li.search .box .sub {position: absolute;top: 6px;right: 6px;width: 24px;height: 24px;padding: 1px 0;cursor: pointer;z-index: 9;}
.header .nav > ul > li.search .box .btn{background: url(/images/all-icon.png) 0 0 no-repeat;}
.header .nav > ul > li.search .box .sub {display: none;background: url(/images/all-icon.png) -30px 0px no-repeat;}
.header .nav > ul > li.language{float: right;margin-top: 6px;height: 60px;}
.header .nav > ul > li.language a{opacity: 1;position: relative;display: block;padding: 0px 0px 0px 12px;width: 98px;height: 28px;font-size: 14px;line-height: 28px;color: #333;background-color: #f1f1f1;}
.header .nav > ul > li.language a > i{position: absolute;top: 10px;right: 8px;width: 15px;height: 9px;background: url(/images/all-icon.png) -70px 0px no-repeat;}
.header .nav > ul > li.language a.cn{color: #009944;}
.header .nav > ul > li.language a.en{opacity: 0;}
.header .nav > ul > li.language a.vie{opacity: 0;}
.header .nav > ul > li.language.on a{opacity: 1;}
.header .nav > ul > li.language.on a > i{background-position: -100px 0;}
.header .nav > ul > li .drop-down{display: none;position: absolute;top: 80px;left: -30px;width: 150px;padding: 10px 20px 10px 50px;background-color: rgba(33,33,33,0.6);border-top: 3px solid #009944;}
.header .nav > ul > li .drop-down li{font-size: 16px;line-height: 30px;}
.header .nav > ul > li .drop-down li a{display: block;color: #fff;}
.header .nav > ul > li .drop-down li a:hover{color: #009944;}
.header .logo .phone-menu{display: none;float: right;margin: 18px 0;width: 28px;height: 18px;background: url(/images/all-icon.png) no-repeat -160px -1px;cursor: pointer;}
.header.active .logo .phone-menu{background-position: -194px -1px;}
.header.flow{height: 60px;background-color: rgba(0,0,0,0.8);}
.header.flow .logo{margin-top: 0px;width: 170px;}
.header.flow .nav{margin-top: 10px;}
.header.flow .nav > ul > li{height: 45px;}
.header.flow .nav > ul > li.search{height: 20px;}
.header.flow .nav > ul > li .drop-down{top: 48px;}
/*首页banner*/
.index-main .slidebox{width:100%;position:relative;z-index:9;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;bottom:30px;left:50%;}
.index-main .slidebox .slidelist ul{margin-left:-50%;}
.index-main .slidebox .slidelist ul li{float:left;width:20px;height:20px;margin:0 8px;cursor:pointer;background-color: #898989;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.index-main .slidebox .slidelist ul li.active{background-color: #009a44;}
/*首页产品*/
.index-products{padding: 68px 0 42px 0;}
.index-products .cont{margin-top: 24px;overflow: hidden;}
.index-products .cont ul{width: 1222px;overflow: hidden;}
.index-products .cont ul li{position: relative;float: left;margin-right: 21px;margin-bottom: 36px;width: 386px;}
.index-products .cont ul li .proli{display:none;position:absolute;width:100%;height:100%;top: 0;left: 0;}
.index-products .cont ul li .proli a{position: absolute; width: 100%;height: 100%;}
.index-products .cont ul li:hover .proli{display: block;z-index: 666;}
.index-products .cont ul li .pic{display: block;}
.index-products .cont ul li .pic img{width: 100%;height: auto;}
.index-products .cont ul li .name{position: absolute;left: 0;bottom: 0;width: 100%;height: 54px;font-size: 18px;font-family: "Microsoft YaHei";text-align: center;line-height: 54px;background-color: rgba(0,0,0,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-products .cont ul li .name a{display: block;color: #fff;}
.index-products .cont ul li .text{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,153,68,0.75);}
.index-products .cont ul li .text .p-box{margin: 90px auto 0 auto;width: 250px;height: 210px;}
.index-products .cont ul li .text .p-box h3{margin-bottom: 22px;font-size: 30px;color: #fff100;font-family: "Microsoft YaHei";text-align: center;line-height: 32px;}
.index-products .cont ul li .text .p-box p{height: 90px;font-size: 16px;font-family: "Microsoft YaHei";;color: #fff;line-height: 30px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index-products .cont ul li .text .p-box .more{display: block;margin: 6px auto 0 auto;width: 140px;height: 34px;font-size: 16px;color: #009944;font-family: "Microsoft YaHei";text-align: center;line-height: 34px;background-color: #fff100;}
.index-products .cont ul li:hover .name{display: none;}
.index-products .cont ul li:hover .text{display: block;}
/*首页关于我们*/
.index-about{overflow: hidden;width: 19.8rem;}
.index-about .about-text{position: relative;float: left;width: 8.316rem;}
.index-about .about-text .bg{width: 100%;height: auto;}
.index-about .about-text .info{position: absolute;top: 11.4%;left: 7.4%;padding: 54px 10% 38px 10%;width: 111.6%;background-color: rgba(255,255,255,0.8);z-index: 10;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.index-about .about-text .info p.intr{margin-top: 20px;font-size: 16px;color: #333333;font-family: "Microsoft YaHei";line-height: 36px;}
.index-about .about-text .info .adv{margin-top: 22px;overflow: hidden;}
.index-about .about-text .info .adv li{float: left;margin-right: 14.5%;width: 138px;text-align: center;}
.index-about .about-text .info .adv li:nth-child(3){margin-right: 0;}
.index-about .about-text .info .adv li span{display: inline-block;width: 84px;height: 84px;}
.index-about .about-text .info .adv li h3{font-size: 18px;color: #333;font-family: "Microsoft YaHei";line-height: 36px;}
.index-about .about-text .info .adv li p{font-size: 14px;color: #333;font-family: "Microsoft YaHei";line-height: 24px;}
.index-about .about-text .more{margin-top: 30px;display: block;width: 140px;height: 34px;font-size: 16px;color: #009944;font-family: "Microsoft YaHei";line-height: 34px;text-align: center;background-color: #fff100;}
.index-about .about-text .more:hover{color: #fff;background-color: #009944;}
.index-about .about-pic{float: left;width: 11.484rem;}
.index-about .slide-about{position: relative;}
.index-about .slide-about .slide-pic{width: 100%;overflow: hidden;}
.index-about .slide-about .slide-pic ul li{float: left;width: 11.484rem;}
.index-about .slide-about .slide-pic ul li img{width: 100%;height: auto;}
.index-about .slide-about .slide-dot{position: absolute;bottom: 25px;left: 50%;}
.index-about .slide-about .slide-dot ul{margin-left: -50%;}
.index-about .slide-about .slide-dot ul li{float: left;width: 16px;height: 16px;margin: 0 7px;background-color: #898989;cursor: pointer;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.index-about .slide-about .slide-dot ul li.active{background-color: #009944;}
@-webkit-keyframes wvr-wobble-vertical {
    16.65% {-webkit-transform: translateX(8px);transform: translateX(8px)}
    33.3% {-webkit-transform: translateX(-6px);transform: translateX(-6px)}
    49.95% {-webkit-transform: translateX(4px);transform: translateX(4px)}
    66.6% {-webkit-transform: translateX(-2px);transform: translateX(-2px)}
    83.25% {-webkit-transform: translateX(1px);transform: translateX(1px)}
    100% {-webkit-transform: translateX(0);transform: translateX(0)}
}
@keyframes wvr-wobble-vertical {
    16.65% {-webkit-transform: translateX(8px);transform: translateX(8px)}
    33.3% {-webkit-transform: translateX(-6px);transform: translateX(-6px)}
    49.95% {-webkit-transform: translateX(4px);transform: translateX(4px)}
    66.6% {-webkit-transform: translateX(-2px);transform: translateX(-2px)}
    83.25% {-webkit-transform: translateX(1px);transform: translateX(1px)}
    100% {-webkit-transform: translateX(0);transform: translateX(0)}
}
.index-about .about-text .info .adv li span:hover{-webkit-animation-name: wvr-wobble-vertical;animation-name: wvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*首页新闻*/
.index-news{padding: 68px 0 80px 0;}
.index-news .box{margin-top: 22px;overflow: hidden;}
.index-news .list{width: 1222px;overflow: hidden;}
.index-news .list li{position: relative; float: left;width: 386px;margin-right: 21px;}
.index-news .list li .proli2{display:none;position:absolute;width:100%;height:100%;top: 0;left: 0;}
.index-news .list li .proli2 a{position: absolute; width: 100%;height: 100%;}
.index-news .list li:hover .proli2{display: block;z-index: 666;}
.index-news .list li .pic{position: relative;}
.index-news .list li .pic img{width: 100%;height: auto;}
.index-news .list li .pic .cover{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,153,68,0.65);}
.index-news .list li .pic .cover .more{position: absolute;top: 50%;left: 50%;margin-left: -29px;margin-top: -29px;display: block;width: 58px;height: 58px;background: url(/images/all-icon.png) 0 -130px no-repeat;}
.index-news .list li .text{height: 90px;background-color: #f5f5f5;overflow: hidden;}
.index-news .list li .text .time{float: left;margin-top: 25px;margin-left: 18px;width: 50px;height: 50px;text-align: center;}
.index-news .list li .text .time span{display: block;font-size: 36px;color: #009944;font-family: "OpenSans-Bold";}
.index-news .list li .text .time i{display: block;margin-top: 10px;font-size: 12px;color: #333;font-family: "OpenSans-Regular";}
.index-news .list li .text h3{float: left;margin-top: 15px;margin-left: 20px;width: 280px;height: 60px;font-size: 16px;font-family: "Microsoft YaHei";line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news .list li .text h3 a{color: #333333;}
.index-news .list li:hover .pic .cover{display: block;}
.index-news .list li:hover .text{background-color: #009944;}
.index-news .list li:hover .text .time span{color: #fff100;}
.index-news .list li:hover .text .time i{color: #fff;}
.index-news .list li:hover .text h3 a{color: #fff;}
/*首页合作伙伴*/
.index-partner{padding: 68px 0 40px 0;background-color: #f5f5f5;}
.index-partner .box{margin-top: 22px;overflow: hidden;}
.index-partner .pic{position: relative;float: left;width: 490px;}
.index-partner .pic img{position: relative;width: 100%;height: auto;z-index: 3;}
.index-partner .pic .bg{position: absolute;top: 10px;left: 10px;width: 100%;height: 100%;background-color: #009944;z-index: 1;}
.index-partner .icon{float: right;width: 656px;}
.index-partner .icon ul{width: 684px;overflow: hidden;}
.index-partner .icon ul li{float: left;width: 200px;margin-right: 28px;margin-bottom: 40px;overflow: hidden;}
.index-partner .icon ul li img{width: 100%;height: auto;transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transition: transform .5s;-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;}
.index-partner .icon ul li img:hover{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
/*底部*/
.footer{padding: 44px 0 40px 0;border-top: 5px solid #009944;background-color: #2c2c2c;}
.footer .main-width{overflow: hidden;}
.footer h3{margin-bottom: 20px;font-size: 24px;color: #fff;font-family: "Microsoft YaHei";line-height: 28px;}
.footer-products{float: left;width: 288px;margin-right: 96px;}
.footer-products ul{width: 100%;overflow: hidden;}
.footer-products ul li{float: left;margin-bottom: 12px;width: 50%;font-size: 14px;font-family: "Microsoft YaHei";font-weight: lighter;line-height: 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.footer-products ul li a{color: #fff;}
.footer-products ul li a:hover{color: #009944;}
.footer-contact{float: left;width: 390px;}
.footer-contact p{font-size: 14px;color: #fff;font-family: "Microsoft YaHei";line-height: 30px;}
.footer-contact p a{color: #fff;}
.footer-contact p a:hover{color: #009944;}
.footer-contact p.qrcode{margin-top: 20px;}
.footer-contact .social{margin-top: 20px;overflow: hidden;}
.footer-contact .social a{display: block;float: left;margin-right: 18px;height: 25px;background: url(/images/all-icon.png) no-repeat;}
.footer-contact .social a.qq{width:24px;background-position:0 -40px;}
.footer-contact .social a.weixin{width:31px;background-position:-40px -40px;}
.footer-contact .social a.facebook{width:14px;background-position:-90px -40px;}
.footer-contact .social a.twitter{width:28px;background-position:-120px -40px;}
.footer-contact .social a.youtube{width:23px;background-position:-170px -40px;}
.footer-contact .social a.weibo{width:30px;background-position:-210px -40px;}
.footer-contact .social a.qq:hover{background-position:0 -80px;}
.footer-contact .social a.weixin:hover{background-position:-40px -80px;}
.footer-contact .social a.facebook:hover{background-position:-90px -80px;}
.footer-contact .social a.twitter:hover{background-position:-120px -80px;}
.footer-contact .social a.youtube:hover{background-position:-170px -80px;}
.footer-contact .social a.weibo:hover{background-position:-210px -80px;}
.footer-sub{float: right;width: 312px;}
.footer-sub p{font-size: 14px;color: #fff;font-family: "Microsoft YaHei";line-height: 30px;}
.footer-sub form{margin-top: 6px;}
.footer-sub .email{padding-left: 8px;width: 100%;height: 32px;color: #fff;background-color: #676767;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.footer-sub input::-webkit-input-placeholder{color:#fff;}
.footer-sub input::-moz-placeholder{color:#fff;}
.footer-sub input:-moz-placeholder{color:#fff;}
.footer-sub input:-ms-input-placeholder{color:#fff;}
.footer-sub .btn{display: block;margin-top: 12px;width: 64px;height: 32px;color: #fff100;font-family: "Microsoft YaHei";font-weight: lighter;text-align: center;line-height: 32px;background-color: #009944;cursor: pointer;}
/*版权信息*/
.copy-right{padding: 8px 0;background-color: #121212;}
.copy-right p{font-size: 12px;color: #fff;font-family: "Microsoft YaHei";font-weight: lighter;line-height: 24px;}
.copy-right p a{color: #fff;}
.copy-right p a:hover{color: #009944;}
/*返回顶部*/
.to-top{position: fixed;right: 20px;bottom: 100px;z-index: 9999;}
.to-top a{display: block;width: 30px;height: 30px;background: url(/images/arrow-top.png) no-repeat;}
/*产品分类*/
#a-pro{position: relative;top: -107px;display: block;height: 0;}
.list-products{padding: 72px 0;}
.list-products .main-width{overflow: hidden;}
.list-products .btn-class{display: none;position: fixed;left: 0;top: 100px;padding-top: 10px;width: 37px;height: 150px;background-color: #00923f;border-radius: 5px;z-index: 100;}
.list-products .btn-class .icon{display: block;width: 37px;height: 36px;background: url(/images/all-icon.png) -50px -450px no-repeat;}
.list-products .btn-class h2{font-size: 20px;color: #fff;font-family: "Microsoft YaHei";font-weight: bold;text-align: center;line-height: 26px;}
.list-products .classify{float: left;width: 242px;}
.list-products .classify .close{display: none;position: absolute;right: 0;top: -25px;width: 25px;height: 25px;background: url(/images/all-icon.png) 0 -450px no-repeat;}
.list-products .classify h2{position: relative;padding: 0 40px 0 18px;height: 48px;font-size: 20px;color: #fff100;font-family: "Microsoft YaHei";line-height: 48px;background-color: #009a44;}
.list-products .classify h2 i{position: absolute;top: 12px;right: 16px;width: 21px;height: 25px;background: url(/images/all-icon.png) -290px 0 no-repeat;}
.list-products .classify .son{background-color: #f5f5f5;}
.list-products .classify .son > li{font-size: 16px;font-family: "Microsoft YaHei";font-weight: bold;line-height: 48px;border-bottom: 1px solid #dddddd;}
.list-products .classify .son > li > a{padding-left: 18px;display: block;color: #666666;}
.list-products .classify .son > li.active{border-bottom: 2px solid #009944;}
.list-products .classify .son > li.active > a{color: #009944;}
.list-products .classify .son-child{display: none;}
.list-products .classify .son-child.show{display: block;}
.list-products .classify .son-child li{position: relative;margin-bottom: 6px;padding: 0 18px;min-height: 30px;font-size: 14px;font-family: "Microsoft YaHei";line-height: 30px;}
.list-products .classify .son-child li a{display: block;padding-left: 22px;color: #666666;}
.list-products .classify .son-child li i{position: absolute;top: 12px;left: 26px;width: 6px;height: 6px;background-color: #999;border-radius: 50%;}
.list-products .classify .son-child li:hover a{color: #009944;}
.list-products .classify .son-child li:hover i{background-color: #009944;}
.list-products .classify .son-child li.active a{color: #009944;background-color: #fff100;}
.list-products .classify .son-child li.active i{background-color: #009944;}

.list-products .content{float: right;width: 900px;}
.list-products .content .list{overflow: hidden;}
.list-products .content .list ul{width: 930px;;overflow: hidden;}
.list-products .content .list ul li{position: relative;float: left;width: 280px;margin-right: 30px;margin-bottom: 46px;}
.list-products .content .list ul li .pic{display: block;}
.list-products .content .list ul li .pic img{width: 100%;height: auto;}
.list-products .content .list ul li .name{position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;font-size: 16px;font-family: "Microsoft YaHei";text-align: center;line-height: 40px;background-color: rgba(0,0,0,0.3);}
.list-products .content .list ul li .name a{display: block;color: #fff;}
.list-products .content .list ul li .cover{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,153,68,0.5);}
.list-products .content .list ul li .cover .more{position: absolute;margin-left: -25px;width: 280px;height: 300px;background: url(/images/read-more.png) -330px 0 no-repeat;background-position: 140px 105px;}
.list-products .content .list ul li:hover .name{background-color: #009944;}
.list-products .content .list ul li:hover .cover{display: block;}
/*产品详情页*/
.black .header{background-color: #232323;}
.main-products{margin-top: 120px;min-height: 600px;}
.main-products .name{height: 430px;background-color: #2c2c2c;}
.main-products .name .bread{margin-bottom: 24px;}
.main-products .name h1{margin-bottom: 14px;font-size: 30px;color: #009944;font-family: "Microsoft YaHei";text-align: center;}
.main-products .name p{font-size: 16px;color: #fff;font-family: "Microsoft YaHei";text-align: center;line-height: 30px;}
.main-products .name p.hs{margin-top: 8px;color: #fff100;}

.main-products .slidebox{position: relative;height: 584px;background-color: #f2f2f2;}
.main-products .slidebox .main-width{position: absolute;left: 50%;top: -220px;margin-left: -542px;width: 1084px;}
.main-products .slidebox .slide-pic{margin: 0 auto;width: 850px;height: 550px;overflow: hidden;background-color: #fff;border-radius: 5px;}
.main-products .slidebox .slide-pic ul li{float: left;width: 850px;}
.main-products .slidebox .slide-pic ul li img{width: 100%;height: auto;}
.main-products .slidebox .slide-dot{margin: 30px auto 0 auto;width: 948px;height: 144px;overflow: hidden;text-align:center;font-size: 0;}
.main-products .slidebox .slide-dot ul{display:inline-block;*display:inline;*zoom:1;}
.main-products .slidebox .slide-dot ul li{position: relative;float: left;width: 222px;height: 144px;margin: 0 7px;border: 1px solid #c6c6c6;cursor: pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-products .slidebox .slide-dot ul li img{width: 100%;height: auto;}
.main-products .slidebox .slide-dot li.active {border-color: #49b17a;}
.main-products .slidebox .slide-dot li.active:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,150,67,0.7);}
.main-products .slidebox .slide-dot li.active:after{content: "";position: absolute;left: 50%;top: 50%;margin: -19px 0 0 -19px;width: 38px;height: 38px;background: url(/images/all-icon.png) 0 -390px no-repeat;;}
.main-products .slidebox .item-btn{position: absolute;width: 18px;height: 36px;top: 258px;background: url(/images/all-icon.png) no-repeat;cursor: pointer;}
.main-products .slidebox .prev{left: 0;background-position: 0px -280px;}
.main-products .slidebox .next{right: 0;background-position: -40px -280px;}
.main-products .slidebox .prev:hover{background-position: 0px -330px;}
.main-products .slidebox .next:hover{background-position: -40px -330px;}

.main-info .tab{}
.main-info .tab ul{width: 100%;overflow: hidden;background-color: #2c2c2c;}
.main-info .tab ul li{float: left;width: 50%;height: 78px;font-size: 24px;color: #fff;font-family: "Microsoft YaHei";text-align: center;line-height: 78px;overflow: hidden;cursor: pointer;}
.main-info .tab ul li span{display: block;width: 600px;}
.main-info .tab ul li:first-child span{float: right;}
.main-info .tab ul li:last-child span{float: left;}
.main-info .tab ul li.on{background-color: #009643;}
.main-info .tab ul li:hover{color: #fff100;}
.main-info .cont{padding: 40px 0;}
.main-info .cont > .main-width > ul > li{display: none;}
.main-info .cont > .main-width > ul > li.on{display: block;}
.main-info .cont h3{margin-bottom: 10px;font-size: 24px;color: #009643;font-family: "Microsoft YaHei";line-height: 48px;}
.main-info .desc p{position: relative;padding-left: 16px;font-size: 16px;color: #666;font-family: "Microsoft YaHei";line-height: 30px;}
.main-info .desc p span{color: #333}
.main-info .desc p i{position: absolute;top: 11px;left: 0;width: 8px;height: 8px;background-color: #009643;border-radius: 50%;}
.main-info .cont .desc .text{margin-bottom: 20px;}
.main-info .desc .appl p, .main-info .desc .solu p{color: #333;}
.main-info .desc .text ul{overflow: hidden;}
.main-info .desc .text ul li{position: relative;float: left;margin-bottom: 10px;padding-left: 16px;width: 50%;font-size: 16px;color: #333;font-family: "Microsoft YaHei";line-height: 30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-info .desc .text ul li i{position: absolute;top: 11px;left: 0;width: 8px;height: 8px;background-color: #009643;border-radius: 50%;}

.main-info .cont .spec{}
.main-info .spec p{font-size: 16px;color: #666;font-family: "Microsoft YaHei";line-height: 30px;}
.main-info .spec p.bold{margin-bottom: 4px;font-weight: bold;}
.main-info .spec p span{color: #009643;}
.main-info .spec .size{;overflow: hidden;}
.main-info .spec .size .list{margin-top: 20px;width: 1214px;overflow: hidden;}
.main-info .spec .size .list li{float: left;width: 290px;margin-right: 13px;margin-bottom: 18px;}
.main-info .spec .size .list li img{width: 100%;height: auto;}
.main-info .spec .intr{margin-top: 42px;}
.main-info .spec .intr .table{}
.main-info .spec .intr .table table{width: 100%;font-size: 16px;font-family: "Microsoft YaHei";text-align: center;border-top: 1px solid #cacaca;border-left: 1px solid #cacaca;}
.main-info .spec .intr .table table tr:nth-child(2n+0){background-color: #f5f5f5;}
.main-info .spec .intr .table table tr th{width: 130px;height: 60px;color: #fff;border-right: 1px solid #cacaca;background-color: #019644;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-info .spec .intr .table table tr td{height: 50px;border-right: 1px solid #cacaca;border-bottom: 1px solid #cacaca;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-info .spec .intr .table table tr td.first{background-color: #e0e0e0;}
.main-info .spec .intr .table table tr th:first-child{width: 160px;}
.main-info .spec .intr .table table tr td:first-child{width: 160px;}
.main-info .spec .show{margin-top: 40px;overflow: hidden;}
.main-info .spec .show .list{width: 1230px;overflow: hidden;}
.main-info .spec .show .list li{float: left;width: 584px;margin-right: 26px;margin-bottom: 32px;}
.main-info .spec .show .list li img{width: 100%;height: auto;}
.main-info .spec .show .list li h4{height: 50px;font-size: 16px;color: #fff;font-family: "Microsoft YaHei";text-align: center;line-height: 50px;background-color: #009643;}
/*关于我们*/
.main-about{margin-top: 30px;padding: 0 0 30px 0;}
.main-about .tab{background-color: #f5f5f5;}
.main-about .tab ul{width: 100%;overflow: hidden;}
.main-about .tab ul li{float: left;padding: 9px 0;width: 25%;height: 56px;font-size: 20px;color: #333;font-family: "Microsoft YaHei";text-align: center;cursor: pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} 
.main-about .tab ul li span{display: block;width: 100%;height: 38px;line-height: 38px;border-right: 1px solid #bfbfbf;}
.main-about .tab ul li:last-child span{border-right: none;}
.main-about .tab ul li.on{color: #fff100;background-color: #009944;}
.main-about .tab ul li.on span{border-right: none;}
.main-about .cont{margin-top: 50px;}
.main-about .cont h2.title{font-size: 36px;color: #009944;font-family: "Microsoft YaHei";line-height: 38px;text-align: center;}
.main-about .cont > ul > li{display: none;}
.main-about .cont > ul > li.on{display: block;}
.main-about .cont .profile{}
.main-about .profile .info{padding-bottom: 80px;overflow: hidden;}
.main-about .profile .info .text{position: relative;float: left;margin-right: -44px;width: 590px;overflow: hidden;z-index: 10;}
.main-about .profile .info .text h2{float: left;width: 50px;font-size: 36px;color: #009944;font-family: "Microsoft YaHei";line-height: 38px;}
.main-about .profile .info .text p{float: right;margin-top: 64px;padding: 50px 100px 40px 42px;width: 526px;font-size: 16px;color: #666;font-family: "Microsoft YaHei";line-height: 48px;background-color: #f5f5f5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-about .profile .info .slide-about{position: relative;float: right;width: 654px;}
.main-about .slide-about .slide-pic{width: 654px;overflow: hidden;}
.main-about .slide-about .slide-pic ul li{float: left;width: 654px;}
.main-about .slide-about .slide-pic ul li img{width: 100%;height: auto;}
.main-about .slide-about .slide-dot{position: absolute;bottom: 25px;left: 50%;}
.main-about .slide-about .slide-dot ul{margin-left: -50%;}
.main-about .slide-about .slide-dot ul li{float: left;width: 13px;height: 13px;margin: 0 9px;background-color: #343434;cursor: pointer;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.main-about .slide-about .slide-dot ul li.active{background-color: #009944;}
.main-about .factory{position: relative;height: 610px;overflow: hidden;}
.main-about .factory .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.main-about .factory h2.title{margin-top: 60px;color: #fff100;}
.main-about .factory p.subtitle{margin-top: 16px;font-size: 16px;color: #fff;font-family: "Microsoft YaHei";text-align: center;line-height: 30px;}
.main-about .factory .slide-factory{margin-top: 54px;}
.main-about .slide-factory .slide-pic{width: 1200px;height: 278px;overflow: hidden;}
.main-about .slide-factory .slide-pic ul li{float: left;width: 1218px;overflow: hidden;}
.main-about .slide-factory .slide-pic ul li img{float: left;margin-right: 18px;width: 388px;height: auto;}
.main-about .slide-factory .slide-dot{margin-top: 60px;}
.main-about .slide-factory .slide-dot ul{overflow: hidden;text-align: center;}
.main-about .slide-factory .slide-dot ul li{display: inline-block;width: 13px;height: 13px;margin: 0 9px;background-color: #343434;cursor: pointer;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.main-about .slide-factory .slide-dot ul li.active{background-color: #fff100;}
.main-about .team{padding: 70px 0 64px 0;overflow: hidden;}
.main-about .team .text{float: left;width: 672px;overflow: hidden;}
.main-about .team .text .box{padding-bottom: 16px;overflow: hidden;}
.main-about .team .text .box h2{position: relative;margin-top: 30px;margin-left: 34px;padding-top: 94px;float: left;width: 308px;height: 146px;}
.main-about .team .text .box h2:before{content: "";position: absolute;top: -1px;left: -32px;width: 340px;height: 1px;background-color: #b2e0c7;z-index: -1;}
.main-about .team .text .box h2:after{content: "";position: absolute;top: -31px;left: -1px;width: 1px;height: 286px;background-color: #b2e0c7;z-index: -1;}
.main-about .team .text .box img{float: right;max-width: 100%;height: auto;}
.main-about .team .text .img{width: 672px;}
.main-about .team .text .img img{width: 100%;height: auto;}
.main-about .team .pic{float: right;width: 506px;}
.main-about .team .pic img{width: 100%;height: auto;}
.main-about .why{padding-bottom: 50px;}
.main-about .why .adv{position: relative;margin-top: 50px;min-height: 764px;}
.main-about .why .adv .bg{position: absolute;top: 0;left: 28px;z-index: -1;}
.main-about .why .adv ul{width: 100%;overflow: hidden;}
.main-about .why .adv ul li{float: left;margin-bottom: 10px;width: 50%;height: 120px;}
.main-about .why .adv ul li .case{position: relative;padding: 30px 10px 34px 240px;}
.main-about .why .adv ul li .case h3{font-size: 18px;color: #009944;font-family: "Microsoft YaHei";line-height: 30px;}
.main-about .why .adv ul li .case p{font-size: 14px;color: #333;font-family: "Microsoft YaHei";line-height: 24px;}
.main-about .why .adv ul li .case i{position: absolute;left: 130px;top: 14px;width: 84px;height: 84px;}
.main-about .partner{}
.main-about .partner .box{margin-top: 40px;overflow: hidden;}
.main-about .partner .box ul{width: 1250px;overflow: hidden;}
.main-about .partner .box ul li{float: left;margin-right: 50px;margin-bottom: 40px;width: 262px;border: 1px solid #eaeaea;overflow: hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-about .partner .box ul li img{width: 100%;height: auto;transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transition: transform .5s;-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;}
.main-about .partner .box ul li img:hover{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
.main-about .partner .photo{margin-top: 30px;overflow: hidden;}
.main-about .partner .photo ul{width: 1220px;overflow: hidden;}
.main-about .partner .photo ul li{float: left;margin-right: 18px;margin-bottom: 20px;width: 388px;}
.main-about .partner .photo ul li img{width: 100%;height: auto;}
.main-about .faq{}
.main-about .faq .list{margin-top: 32px;}
.main-about .faq .list li{position: relative;margin-bottom: 42px;padding: 10px 0 20px 80px;border-bottom: 1px solid #e5e5e5;}
.main-about .faq .list li i{position: absolute;left: 0;top: 0;width: 52px;height: 52px;font-size: 18px;color: #fff100;text-align: center;line-height: 52px;background-color: #009944;border-radius: 50%;}
.main-about .faq .list li h3{font-size: 18px;color: #009944;font-family: "Microsoft YaHei";line-height: 30px;}
.main-about .faq .list li p{font-size: 16px;color: #333;font-family: "Microsoft YaHei";line-height: 30px;}

/*质量页面*/
.main-quality{padding: 30px 0 40px 0;}
.main-quality h2{margin-bottom: 30px;font-size: 36px;color: #009944;font-family: "Microsoft YaHei";line-height: 38px;text-align: center;}
.main-quality .process{padding-top: 24px;}
.main-quality .process .subtitle{position: relative;margin-bottom: 56px;height: 1px;background-color: #d7d7d7;}
.main-quality .process .subtitle h3{position: absolute;top: -16px;left: 0;padding-right: 2px;width: 204px;font-size: 30px;color: #009944;font-family: "Microsoft YaHei";line-height: 32px;background-color: #fff;text-align: right;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.main-quality .process-list{overflow: hidden;}
.main-quality .process-list li{position: relative;width: 254px;margin-bottom: 40px;}
.main-quality .process-list li img{width: 100%;height: auto;}
.main-quality .process-list li i{position: absolute;top: 94px;width: 38px;height: 17px;z-index: 50;}
.main-quality .process-list li p{margin-top: 5px;font-size: 22px;color: #000;font-family: "Microsoft YaHei";line-height: 34px;}
.main-quality .process-list li p span{display: inline-block;margin: 1px 7px 0 4px;width: 32px;height: 32px;font-size: 20px;color: #fff;font-family: "OpenSans-Semibold";text-align: center;line-height: 32px;background-color: #009944;border-radius: 50%;}
.main-quality .process-list li.left{float: left;margin-right: 30px;}
.main-quality .process-list li.right{float: right;margin-left: 30px;}
.main-quality .process-list li.left i{right: -34px;background: url("/images/quality/arrow-right.jpg") no-repeat;}
.main-quality .process-list li.right i{left: -34px;background: url("/images/quality/arrow-left.jpg") no-repeat;}
.main-quality .process-list li.one{margin-left: 50px;}
.main-quality .process-list li.five{margin-right: 38px;z-index: 60;}
.main-quality .process-list li.nine{margin-left: 50px;z-index: 60;}
.main-quality .process-list li.four i{right: -30px;width: 33px;height: 303px;background: url("/images/quality/arrow-left-l.png") no-repeat;}
.main-quality .process-list li.eight i{left: -30px;width: 33px;height: 303px;background: url("/images/quality/arrow-right-l.png") no-repeat;}
.main-quality .process-list li.twelve i{display: none;}
.main-quality .plastic-cup{margin-top: 60px;}
.main-quality .plastic-cup .subtitle h3{width: 238px;}
.main-quality .plastic-cup .process-list li.eight i{display: none;}
.main-cer{padding: 70px 0 50px 0;background-color: #f5f5f5;}
.main-cer h2{margin-bottom: 40px;font-size: 36px;color: #009944;font-family: "Microsoft YaHei";line-height: 38px;text-align: center;}
.main-cer .plist{margin-bottom:5px;font-size: 20px;color: #009944;font-family: "Microsoft YaHei";text-align: center;}
.main-cer .main-width{overflow: hidden;}
.main-cer .list{width: 1230px;overflow: hidden;}
.main-cer .list li{float: left;width: 276px;margin-right: 30px;margin-bottom: 40px;}
.main-cer .list li img{width: 100%;height: auto;}
/*新闻页面*/
.list-news{position: relative;padding: 64px 0 118px 0;background-color: #fafafa;}
.list-news .cont{padding: 56px 40px 116px 40px;border-top: 12px solid #009944;background-color: #fff;box-shadow: 1px 0px 35px -7px #666;}
.list-news .cont>ul>li{position: relative;margin-bottom: 36px;padding-left: 432px;padding-bottom: 41px;height: 212px;border-bottom: 1px solid #e3e3e3;}
.list-news .cont>ul>li .pic{position: absolute;top: 0;left: 0;width: 380px;}
.list-news .cont>ul>li .pic img{width: 100%;height: auto;}
.list-news .cont>ul>li .text{padding-top: 20px;}
.list-news .cont>ul>li .text h2{margin-bottom: 20px;font-size: 24px;line-height: 30px;font-family: "Microsoft YaHei";font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-news .cont>ul>li .text p{height: 48px;font-size: 16px;color: #333333;font-family: "Microsoft YaHei";line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-news .cont>ul>li .text .more{display: block;margin-top: 46px;width: 70px;height: 30px;color: #fff;font-family: "Microsoft YaHei";font-weight: lighter;text-align: center;line-height: 30px;background-color: #009944;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}

.n-Top{margin-top: 120px;}
.main-news{padding: 0px 0 50px;}
.main-news .main-width{overflow: hidden;}
.main-news h1{font-family: "Microsoft YaHei";font-weight: bold;margin-bottom: 30px;}
.main-news .content{margin-top: 50px;overflow: hidden;}
.main-news .con-left{float: left;width: 800px;}
.main-news .con-left p{margin-bottom: 20px;font-size: 16px;font-family: "Microsoft YaHei";}
.main-news .con-left p.img img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.main-news .con-right{float: right;padding-bottom: 20px;width: 350px;border: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.main-news .con-right h2{color: #fff;font-size: 20px;line-height: 36px;background-color: #009944;font-family: "Microsoft YaHei";padding-left: 12px;}
.main-news .con-right ul{padding: 20px 0;}
.main-news .con-right ul li p a{display: block;line-height: 24px;border-bottom: 1px dashed #ccc;padding: 10px 0px;color: #000;padding-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;}
.main-news .con-right .view-more{display: block;width: 100px;height: 30px;background-color: #999;text-align: center;float: right;margin: 15px 6.6% 0 0;line-height: 30px;font-size: 13px;color: #FFF;border-radius: 4px;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.main-news .con-right .view-more:hover{background-color: #009944;}
/*分页*/
.page{text-align: left;margin-top: 30px;}
.page ul{display:inline-block;*display:inline;*zoom:1;}
.page ul li{float:left;margin:0 5px 10px;}
.page ul li a{display:block;line-height:28px;border:1px solid #e5e5e5;padding:0 10px;}
.page ul li a:hover{border-color:#009944;}
.page ul li.thisclass a{background-color:#009944;border-color:#009944;color:#fff;}
/*联系页*/
.main-contact{padding: 130px 0 90px 0;}
.main-contact .main-width{overflow: hidden;}
.main-contact .way{float: left;padding-bottom: 50px;width: 540px;border-right: 1px solid #e3e3e3;}
.main-contact .way h1{font-size: 24px;color: #000;font-family: "Microsoft YaHei";line-height: 30px;}
.main-contact .way ul{width: 380px;}
.main-contact .way ul li{position: relative;margin-top: 26px;padding-left: 66px;padding-bottom: 20px;border-bottom: 1px solid #e3e3e3;}
.main-contact .way ul li h3{font-size: 14px;color: #000;font-family: "Microsoft YaHei";line-height: 16px;}
.main-contact .way ul li p{font-size: 14px;color: #000;font-family: "Microsoft YaHei";line-height: 30px;}
/*.main-contact .way ul li.phone p:last-child{padding-left: 42px;}*/
.main-contact .way ul li i{position: absolute;top: 0;left: 0;width: 40px;height: 40px;background: url(/images/all-icon.png) no-repeat;}
.main-contact .way ul li.add i{background-position: 0 -210px;}
.main-contact .way ul li.phone i{background-position: -50px -210px;}
.main-contact .way ul li.mail i{background-position: -100px -210px;}
.main-contact .send-msg{float: right;width: 510px;}
.main-contact .send-msg h2{font-size: 24px;color: #000;font-family: "Microsoft YaHei";line-height: 30px;}
.main-contact .send-msg .form-box{margin-top: 26px;}
.main-contact .send-msg .form-box p{position:relative;padding-left:60px;margin-bottom:20px;}
.main-contact .send-msg .form-box p span{position:absolute;left:0;top:0;line-height:38px;font-size:14px;color: #333;font-family:"Microsoft YaHei";}
.main-contact .send-msg .form-box p input{width:100%;height:38px;line-height:36px;padding:0 10px;background-color:#ececec;border:1px solid #e5e5e5;box-sizing:border-box;}
.main-contact .send-msg .form-box p textarea{width:100%;height:122px;line-height:25px;padding:5px 10px;background-color:#ececec;border:1px solid #e5e5e5;box-sizing:border-box;font-family:"Microsoft YaHei";}
.main-contact .send-msg .form-box .sub{margin-left: 60px;width:138px;height:40px;font-size: 16px;font-family:"Microsoft YaHei";line-height:40px;text-align:center;background-color:#009944;color:#fff;cursor:pointer;}