@charset "utf-8";
/* CSS Document */
@media screen and (max-width:767px){.carousel .carousel-control{height:45px;width:45px;top:15%}
.carousel.noCaption .carousel-control{transform:translate(0,-50%);top:50%}
.hero .carousel .carousel-control{height:40px!important}
.carousel1-inner~.carousel-control{top:34%}
.carousel.full-width-carousel .carousel-control{height:auto!important;top:0}.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}}
@media screen and (max-width :767px) and (orientation :landscape){.carousel .carousel-control{top:102px!important}}
.hero.container{padding:0; border-bottom:none;}
.homepage .hero.container{margin-top:0}
.carousel .carousel-texture{position:relative;width:100%;min-height:223px}
.page-editor-editing .carousel .carousel-texture{display:none}
.carousel .carousel-inner .item .hero-img{width:100%;overflow:hidden;height:200px}
.carousel .carousel-inner .item .hero-img img,.carousel .carousel1-inner .item .hero-img img,.carousel .image-carousel-inner .item .hero-img img{height:100%;width:100%;float:right}
.carousel .carousel-inner .item .hero-img-full img{width:100%}
.countdown-container{overflow:hidden;display:inline-block;float:left}
.page-editor-editing .carousel .carousel-inner .item .carousel-caption,.page-editor-editing .carousel .carousel1-inner .item .carousel-caption,.page-editor-editing .carousel .image-carousel-inner .item .carousel-caption{display:block;top:0}
.carousel .carousel-caption{visibility:hidden;display:none;position:relative;width:100%;min-height:200px;text-shadow:none;bottom:0;right:0;left:0;top:0;z-index:0;text-align:left}
.carousel .carousel-caption .content{width:auto;position:relative;right:auto;left:auto;padding-left:0;margin:0 23px;top:auto}
.carousel .carousel-caption .content h2{font-size:17px;color:#fff; }
.carousel .carousel-caption .content p{margin:15px 0;font-size:14px;line-height:20px;color:#fff}
.home-hero .carousel .carousel-caption .content{padding:25px 10px;position:relative;background:#fff;top:178px;bottom:auto;margin:0 20px}
.home-hero .carousel .carousel-caption .content .innerText{height:inherit;max-height:144px}
.hero .carousel .carousel-control,.home-hero .carousel .carousel-caption .content p{height:auto}
.home-hero .carousel .carousel-caption .content h2,.home-hero .carousel .carousel-caption .content p{color:#333}
.home-hero .carousel .carousel-caption .content .buttons{bottom:0}.carousel .carousel-caption .buttons{position:relative;bottom:0}
.carousel .carousel-caption .buttons .btn-wrap{position:relative}
.carousel .carousel-caption .buttons .btn-wrap .btn{background-color:transparent;color:#fff; }
.carousel .carousel-caption .buttons .btn-wrap .btn:after{content:">";font-size:16px;margin-left:7px}
.carousel .carousel-caption .buttons .btn-wrap .btn:hover{background-color:transparent;color:#666}
.home-hero .carousel .carousel-caption .buttons{bottom:0}
.home-hero .carousel .carousel-caption .buttons .btn-wrap .btn{color:#a4cd50; }
.home-hero .carousel .carousel-caption .buttons .btn-wrap .btn:hover{background-color:transparent;color:#666}
.carousel .carousel-caption.cloned{visibility:visible;position:absolute;bottom:0;top:auto;z-index:1}
.page-editor-editing .carousel .carousel-caption.cloned{visibility:hidden}
.page-editor-editing .carousel .carousel-caption{visibility:visible}
.carousel .carousel-control{background:0 0!important;height:400px;opacity:1;z-index:2;width:5%}
.carousel .carousel-control.left span{left:0}
.carousel .carousel-control.right span{right:0;background-position:-40px 0}
header .desktop-header .inner-header .logos-tools .logos{width:auto}
.carousel .carousel-control.left span,.carousel .carousel-control.right span{background-image:url(../../images/arrows-sprite.png);background-size:160px auto;background-color:rgba(153,153,153,.5);background-repeat:no-repeat;width:40px;height:40px;margin:0;top:16%}
.carousel .carousel-control.left span:before,.carousel .carousel-control.right span:before{Content:none}
.carousel .carousel-control.left span:hover,.carousel .carousel-control.right span:hover{background-color:rgba(51,51,51,.5)}
.col-right .carousel .carousel-control.left span,.col-right .carousel .carousel-control.right span{top:42%;background:0 0;color:#c1c1c1;font-family:Akkurat-Pro-Regular;height:auto;text-shadow:none;width:14px}
.carousel .carousel-control:hover{opacity:1}.col-right .carousel .carousel-control{width:14px}
.col-right .carousel .carousel-control.left span:hover,.col-right .carousel .carousel-control.right span:hover{background-color:transparent}
.col-right .carousel .carousel-control.left{left:-32px}
.col-right .carousel .carousel-control.right{right:-32px}
.carousel .carousel-indicators{bottom:32px;z-index:1}
.carousel .carousel-indicators li{border-radius:0;background:#fff;border:none;width:24px;height:5px;margin:0 10px}
.col-right .carousel .carousel-indicators li{background:#c1c1c1;margin:0 8px}
.carousel .carousel-indicators li.active{background:#255e75}
.col-right .carousel .carousel-indicators{bottom:-33px}
.col-right .carousel{margin-bottom:30px}
@media screen and (min-width:768px){
.carousel{overflow:hidden}
.carousel .carousel-texture{position:absolute;top:0;right:0;z-index:1;width:40%!important;min-height:220px;height:100%}
.carousel .carousel-inner .item,.carousel .carousel1-inner .item,.carousel .image-carousel-inner .item{padding-bottom:0}
.hero .carousel .carousel-inner .item{padding-bottom:0;width:60%}
.home-hero .carousel .carousel-inner .item{height:275px;padding-bottom:0;width:64%}
.home-hero .carousel .carousel1-inner .item,.home-hero .carousel .image-carousel-inner .item{height:275px;padding-bottom:0;width:100%}
.home-hero .carousel .carousel-inner .item .hero-img,.home-hero .carousel .carousel1-inner .item .hero-img,.home-hero .carousel .image-carousel-inner .item .hero-img{width:100%;height:275px}
.home-hero .carousel .carousel-inner .item .hero-img img{float:right;height:275px;max-width:none;width:100%}
.home-hero .carousel .carousel1-inner .item .hero-img img,.home-hero .carousel .image-carousel-inner .item .hero-img img{float:right;height:275px;max-width:none;width:auto}
.carousel .carousel-inner .item .hero-img,.carousel .carousel1-inner .item .hero-img,.carousel .image-carousel-inner .item .hero-img{width:100%;height:100%}
.carousel .carousel-inner .item .hero-img img{height:100%}
.carousel .carousel1-inner .item .hero-img img,.carousel .image-carousel-inner .item .hero-img img{height:auto}
.carousel .carousel-caption{position:relative;width:40%;right:0;left:auto;padding:20px;top:0!important}
.home-hero .carousel .carousel-caption{position:absolute;right:0;left:auto;width:40%;padding:0}
.carousel .carousel-caption .content{position:relative;margin:0}
.home-hero .carousel .carousel-caption.cloned{top:0}
.home-hero .carousel .carousel-caption .content{position:absolute;margin:0;top:50%;width:331px;right:17%;bottom:auto;height:auto;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.carousel .carousel-caption .content .text{position:relative}
.carousel .carousel-caption .content h2{font-size:28px;padding-right:20px}
.carousel .carousel-caption .content p{margin:10px 20px 20px;font-size:15px; line-height:19px}
.carousel .carousel-control.left span{background-position:-96px 12px}
.carousel .carousel-control.right span{background-position:-50px 12px}
.carousel .carousel-control.left span,.carousel .carousel-control.right span{background-size:190px auto;height:70px;top:27%;width:42px}
.home-hero .carousel .carousel-control.left span,.home-hero .carousel .carousel-control.right span{top:auto}
.carousel .carousel-caption .content h2{font:20px/30px Arial;}
}
@media screen and (min-width:360px){
.campaign-carousel-inner .item .img-responsive{width:100%}}
.campaign-carousel-inner .slider-overlay .text p{height:37px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-hero .carousel .carousel-caption .content p{margin:10px 0 20px; text-align:justify;}
@media screen and (min-width:992px){
.hero.container{margin-top:0}
.carousel .carousel-texture{position:absolute;width:31.8%!important}
.carousel .carousel-inner,.home-hero .carousel .carousel-inner{width:68.2%}
.carousel.full-width-carousel .carousel-inner{width:100%}
.carousel .carousel1-inner,.carousel .image-carousel-inner,.home-hero .carousel .carousel1-inner,.home-hero .carousel .image-carousel-inner{width:100%}
.carousel .carousel-inner .item{height:442px;width:100%}
.carousel .carousel1-inner .item,.carousel .image-carousel-inner .item{max-height:442px;width:100%}
.campaign-carousel-inner,.carousel .campaign-carousel-innerr .item{height:auto}
.campaign-carousel-inner .item .img-responsive{width:100%}
.carousel .carousel-inner .item .hero-img,.carousel .carousel1-inner .item .hero-img,.carousel .image-carousel-inner .item .hero-img{overflow:hidden;width:100%}
.carousel .carousel-inner .item .hero-img img{max-height:442px;max-width:none;width:auto}
.carousel .carousel1-inner .item .hero-img img,.carousel .image-carousel-inner .item .hero-img img{max-height:442px;max-width:none;width:100%}
.home-hero .carousel .carousel-inner .item,.home-hero .carousel .carousel1-inner .item,.home-hero .carousel .image-carousel-inner .item{height:442px;width:100%}
.home-hero .carousel .campaign-carousel-inner .item{height:442px}
.home-hero .carousel .carousel-inner .item .hero-img,.home-hero .carousel .carousel1-inner .item .hero-img,.home-hero .carousel .image-carousel-inner .item .hero-img{float:left;height:442px;min-height:initial;width:100%}
.home-hero .carousel .carousel-inner .item .hero-img img{float:left;height:100%;max-height:442px;max-width:none;width:100%;margin-left:0}
.home-hero .carousel .carousel1-inner .item .hero-img img,.home-hero .carousel .image-carousel-inner .item .hero-img img{float:left;height:100%;max-width:none;width:auto;margin-left:0}
.carousel .carousel-caption{width:33.33%;padding:52px 55px 0 30px;max-width:100%;position:absolute;right:0;top:50%}
.carousel .carousel-caption .content{position:relative;margin:0;padding-right:0;top:0}.home-hero .carousel .carousel-caption{width:28.8%;height:375px}
.home-hero .carousel .carousel-caption .content{width:480px;height:auto;top:61%;margin-top:0}
.home-hero .carousel .carousel-caption .content p{margin:20px 0 20px;}
.carousel .carousel-caption.cloned{top:0}
.carousel .carousel-caption .content h2{font:22px/30px Arial;}
.carousel .carousel-caption .content p{font:16px/24px Arial;margin:10px 0 25px}
.carousel .carousel-control.left span,.carousel .carousel-control.right span{width:42px;background-image:url(../../images/arrows-carousel.png);background-size:90px 70px;background-color:rgba(153,153,153,.5);height:70px;top:42%}
.ie8 .carousel .carousel-control.left span,.ie8 .carousel .carousel-control.right span{background-color:#999}
.ie8 .carousel .carousel-control.left span:hover,.ie8 .carousel .carousel-control.right span:hover{background-color:#333}
.ie8 .carousel .carousel-control.left span:hover span,.ie8 .carousel .carousel-control.right span:hover span{opacity:1}
.carousel .carousel-control.right span,.carousel .carousel-control.right:hover span{background-position:-51px 0}
.carousel .carousel-control.left span,.carousel .carousel-control.left:hover span{background-position:0 0}
}
.carousel .carousel-control.left span, .carousel .carousel-control.right span {background-color: rgba(51,51,51,.5);}
.carousel .carousel-indicators li.active {background: #a4cd50;}
.carousel .carousel-texture {background: url(../../images/lanse.png) no-repeat;float: right;}
@media screen and (min-width:768px) {
.carousel .carousel-control.left span {background-position: -57px 10px;}
.carousel .carousel-control.right span {background-position: -29px 10px;}
.carousel .carousel-control.left span, .carousel .carousel-control.right span {background-size: 112px auto;height: 45px;top: 45%;width: 25px;}
.hero .carousel .carousel-control{height: 70px;top: calc(50% - 35px);}
.home-hero .carousel .carousel-caption .content {height: auto;margin-top: 0;}
}
@media screen and (min-width:992px) {
.hero.container {border-bottom: none;}
.home-hero .carousel .item {background-size: contain;background-position: bottom right;}
.carousel .carousel-control.left span, .carousel .carousel-control.right span {width: 42px;background-color: rgba(51,51,51,.5);background-size: 90px 70px;height: 70px;}
.carousel .carousel-control.left span:hover, .carousel .carousel-control.right span:hover {background-color: rgba(164,205,80,.8);background-image: url(../../images/arrows-carousel.png);}
.carousel .carousel-control.left span, .carousel .carousel-control.left:hover span {background-position: 0 0;}
.carousel .carousel-control.right span, .carousel .carousel-control.right:hover span {background-position: -51px 0;}
.carousel .carousel-caption .content h2 {padding-right: 10px;}
.carousel .carousel-inner .item .hero-img img, .carousel .carousel1-inner .item .hero-img img, .carousel .image-carousel-inner .item .hero-img img {float:none;}
}
@media screen and (max-width: 767px){
.carousel div.carousel-texture {width: 100%;}
.carousel .carousel-texture {background-size: 100% 100%;min-height: 223px;}
}

@media screen and (max-width: 519px) and (min-width: 280px){
.carousel .carousel-control.left span, .carousel .carousel-control.right span {top:35%;}
}

.index-section{padding: 60px 0;}
.title{font-size:28px; text-align:left; color:#333; margin-bottom:20px; text-align:justify;}
@media (max-width: 992px) {
.index-section{padding: 40px 0;}
}
@media (max-width: 768px) {
.title{font-size:20px; }
}
/*产品*/
.index_pt1.index-section{padding: 50px 0;} 
.index_pt1 .index_pro_list { margin-top:30px;}
.index_pt1 .index_pro_list .box { padding:10px 0px 25px; border-bottom:3px solid #65ac1e;}
.index_pt1 .index_pro_list .box .tit{font-size: 18px;color: #000; padding:8px 0;overflow: hidden;}
.index_pt1 .index_pro_list .box .con{ color: #666; line-height:26px; overflow: hidden; margin-bottom:15px;}
.index_pt1 .index_pro_list li:hover .tit{ color: #65ac1e; }
.index_pt1 .index_pro_list li:hover .more{background: #65ac1e; border: 1px solid #65ac1e; color: #fff;}
@media (max-width: 1200px) {
.index_pt1 .index_pro_list .box .con{ height:80px;}
}
@media (max-width: 992px) {
.index_pt1 .index_pro_list li{ margin-bottom:20px;}
}
@media (max-width: 420px) {
.index_pt1 .index_pro_list .box .tit{ height:30px;overflow: hidden;}
}
/*关于我们*/
.index_pt2 {width:100%;background:url(../../images/index_bg1.jpg) no-repeat center center; }
.index_pt2 .desc{ margin-top:15px; margin-bottom:25px; line-height:30px; width:88%; text-align:justify; color:#666; }
.index_pt2 .desc p{ margin-bottom:8px;}
@media (max-width: 992px) {
.index_pt2 .desc{ width:100%; }
}

/*新闻资讯*/
.index_pt3 .index_news_l { margin-top:10px;}
.index_pt3 .index_news_l .box { padding:10px 0px 25px; border-bottom:1px solid #65ac1e; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.index_pt3 .index_news_l .box .tit{font-size: 18px; height:60px;color: #000; padding:8px 0;overflow: hidden;}
.index_pt3 .index_news_l .box .con{ color: #666; line-height:24px;overflow: hidden; margin-bottom:10px;}
.index_pt3 .index_news_l .box .date{ font-size:14px; line-height:26px; color:#888;}
.index_pt3 .index_news_l li:hover .box{ width:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;border-bottom:1px solid #6c9b0c; }
.index_pt3 .index_news_l li:hover .box .tit{ color: #a4cd50;}
.index_pt3 .index_news_l li:hover .more{ border: 1px solid #65ac1e;background:#65ac1e; color: #fff;}
.index_pt3 .index_news_r { margin-top:10px;}
.index_pt3 .index_news_r dt{margin-bottom:15px; background:#f2f2f2; padding:15px; }
.index_pt3 .index_news_r dt .box .tit{font-size: 18px;color: #000; overflow: hidden; margin-bottom:3px;}
.index_pt3 .index_news_r dt .box .con{ color: #666; line-height:23px;overflow: hidden; }
.index_pt3 .index_news_r dt .box .date{ font-size:14px; line-height:24px; color:#888;}
.index_pt3 .index_news_r dt:hover{ background:#65ac1e; }
.index_pt3 .index_news_r dt:hover .box .tit a{color: #fff; }
.index_pt3 .index_news_r dt:hover .box .con{ color: #fff; }
.index_pt3 .index_news_r dt:hover .box .date{color:#fff;}
@media (max-width: 760px) {
.index_pt3 .index_news_l { margin-bottom:10px;}
.index_pt3 .index_news_l .box .tit{height:58px}
.index_pt3 .index_news_l .box .con{ height:76px; text-overflow: ellipsis; }
.index_pt3 .index_news_r dt .box .tit{font-size: 16px; }
.index_pt3 .index_news_l .box .tit{font-size: 16px;}
}
@media (max-width: 420px) {
.index_pt3 .index_news_l .box .tit{height:72px;padding:0px 0 8px;}
}
/*服务支持*/
.index_pt4{background:#fafafa; }
.index_pt4 .index_ser { margin-top:30px;}
.index_pt4 .index_ser .box { padding:15px 0px; border-bottom:3px solid #65ac1e;}
.index_pt4 .index_ser .box .tit{font-size: 18px;color: #000; padding:8px 0;overflow: hidden;}
.index_pt4 .index_ser .box .con{ color: #666; line-height:26px;overflow: hidden; margin-bottom:15px;}
.index_pt4 .index_ser li:hover .tit{ color: #65ac1e; }
@media (max-width: 1200px) {
.index_pt4 .index_ser .box .con{ height:80px;}
.index_pt4 .index_ser li{ margin-bottom:20px;}
}

