body{ font-family: "Microsoft Yahei",'宋体',"Helvetica Neue","Helvetica","Arial",sans-serif; font-size:14px; line-height:1.5; color:#000; margin: 0 auto; padding: 0; background: #fff;}
h1,h2,h3,h4,h5,h6{ margin-top:0; margin-bottom: 5px; line-height: 1.5}
a{ color:#000; text-decoration:none;}
a:hover{ color:#13A93D; text-decoration:none;}
ul,li{ list-style:none; padding:0; margin:0;}
p{ margin: 0}
img{ max-width:100%;}
.navbar-nav>li{ float: none}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block; width:100%}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(./fonts/slick.eot);src:url(./fonts/slick.eot?#iefix) format('embedded-opentype'),url(./fonts/slick.woff) format('woff'),url(./fonts/slick.ttf) format('truetype'),url(./fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:45px;height:45px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:45px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:15px; z-index:2;}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:15px}[dir=rtl] .slick-next{right:auto;left:15px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:0}.slick-dots{position:absolute;bottom:5px; z-index:2;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 1px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:14px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.7;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:1;color:#349a43}
.slick-prev:before{content: "\f104";font: normal normal normal 60px/1 FontAwesome;}
.slick-next:before{content:"\f105";font: normal normal normal 60px/1 FontAwesome;}
.slick-next,.slick-prev{ width:18px; height:60px; background:none;}
.slick-next:before,.slick-prev:before{ color:#349a43;}
.slick-next:hover:before,.slick-prev:hover:before{ opacity: .8}
.header{ border-top:5px solid #13A93D; padding:15px 0}
.header-language{ padding-bottom: 17px;}
.header-language img{ margin-right: 5px}
.mar-10{ margin-left: 10px;}
.navbar-nav>li a{ font-size: 18px; padding: 15px 0}
.navbar-nav>li.active a,.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ color: #13A93D}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background: none;}
.nav>li>a:focus, .nav>li>a:hover{ background: none}
.home-about{ background: url(../images/home-about-bg.jpg) center center no-repeat; background-size: cover;padding: 50px 0}
.about-txt-info{ height: 245px;overflow: hidden;}
.about-txt-info p{ font-size: 16px; line-height: 35px; text-indent: 2em;}
.about-more{ padding-top: 20px;}
.about-more a{ border-radius: 5px; background: #349A43; font-size: 16px; color: #fff; line-height: 45px; padding: 0 40px; display: inline-block }
.about-more a:hover{ opacity: .9}
.home-sub-title{ color: #349a43; padding-bottom: 40px;}
.home-sub-title h1{ margin: 0 0 10px 0; font-size: 40px;}
.home-sub-title p{ font-size: 18px;}
.home-sub-title.white-txt{ color: #fff}
.home-products{ 
/*background: url(../images/product-bg.jpg)  center center no-repeat; */
background:#F7F7F7;
background-size: cover; padding:100px 0 85px 0}
.home-products .products-item{ 
/*background: url(../images/light-bg.png) top center no-repeat;*/
 padding-top: 50px; margin: 0 12px;}
.home-products .products-item .title { font-size: 20px;  margin:10px 0; line-height: 25px; height: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align: center;}
.home-products .products-item .title a,.home-products .products-item .desc{}
.home-products .products-item .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.home-products .slick-next,.home-products .slick-prev{ width: 50px; height: 50px; text-align: center; border-radius: 100%; background: rgba(255,255,255,.7);top: 55%}
.home-products .slick-next:before,.home-products .slick-prev:before{ color:#349a43; font-size: 40px!important;}
.home-products .slick-next{ right: -55px;}
.home-products .slick-prev{ left: -55px;}
.home-products .home-sub-title{ padding-bottom: 0}
.post-thumbnail{
    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    overflow: hidden;    position: relative;
} 
.post-thumbnail:hover img ,.products-item:hover .post-thumbnail img,.list-news-content .news-item:hover .post-thumbnail img,.list-video-content .video-item:hover .post-thumbnail img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    cursor: pointer;
}
.products-item:hover{ cursor: pointer}
.home-news-item .item-right{ padding-left: 0}
.home-news-item .item-right h3,.list-news-content .news-item h3.title{ font-size: 16px; margin: 0; height: 25px; line-height: 25px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight: bold;}
.home-news-item .item-right{ color: #666; line-height: 25px;}
.home-news-item .the-post-excerpt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.home-news ul li{ margin-bottom: 20px;}
.home-news .about-more{ padding-bottom: 20px;}
.home-video{background: url(../images/video-bg.jpg) center center no-repeat; background-size: cover; padding: 65px 0 80px 0}
.home-video .video-item,.home-brands-info .brands-item{ margin: 0 12px;}
.post-date-cc i.fa{ margin-right: 5px;}
.video-item .post-thumbnail a:after{ content: ''; position: absolute; left:50%; top:50%; width: 66px; height: 66px; margin: -33px 0 0 -33px; background: url(../images/video-btn.png) center center no-repeat; display: block;}
.home-video .title{ text-align: center; line-height: 25px; height: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight: bold; margin: 10px 0}
.home-video .slick-prev,.home-brands-info .slick-prev{ left: -30px;}
.home-video .slick-next,.home-brands-info .slick-next{ right:-30px;}
.home-brands-info .brands-item{ border: 1px solid #ddd; text-align: center; padding: 15px;}
.home-brands-info .slick-slide img{ display:inline-block}
.home-brands{ padding: 50px 0;}
.footer{ background: #349a43}
.foot-links{ padding: 20px 0; border-bottom: 1px solid #44AD53; color: #fff}
.foot-links b{ font-size: 18px;}
.foot-links a{ display: inline-block; margin: 0 10px; color: #fff}
.foot-links a:hover,.copyright a:hover{ opacity: .8}
.copyright{ padding: 20px 0; color: #fff; line-height: 30px;}
.copyright a{ color:#fff }
.copyright span{ padding: 0 10px;}
/*news*/
.breadcrumb{ padding: 20px 0; line-height: 30px; margin-bottom: 0}
.breadcrumb i.fa{ margin-right: 5px;}
.breadcrumb h3{ margin: 0; }
.breadcrumb-right span{ padding: 0 5px;}
.post-metainfo{ font-size:1.14em;text-align: center; margin-bottom:20px;}

.post-category{ padding-right:35px; margin-right:35px; position:relative; line-height:25px;}

.post-category:after{ content:''; display:block; width:1px; height:13px; border-left:1px dotted #777; position:absolute; right:0; top:6px;}
.category-menu li{ display: inline-block; margin: 5px 10px;}
.category-menu{ padding: 30px 0}
.category-menu li a{ border-radius: 25px; background: #F2F2F2; line-height: 40px; font-size: 16px; display: block; padding: 0 30px;}
.category-menu li.active a,.category-menu li a:hover{ background: #13a93d; color: #fff}
.list-news-content .news-item{ padding: 5px; border: 1px solid #ddd;}
.list-news-content .news-item:hover{border: 1px solid #13a93d; cursor: pointer;}
.list-news-content .news-item h3.title{ margin: 5px 0; padding: 0 5px;}
.list-news-content .news-item{ color: #666; line-height: 30px; margin-bottom: 30px;}
.list-news-content .news-item .post-date-cc,.list-news-content .news-item .desc{ padding: 0 5px;}
.list-news-content .news-item .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height: 24px;}
.list-news-content .news-item  .news-btn {padding: 20px 0;}
.list-news-content .news-item .news-btn a{ color:#13a93d; border: 1px solid #13a93d; display: inline-block; line-height: 35px; padding: 0 15px; border-radius: 5px;}
.list-news-content .news-item .news-btn a:hover,.list-news-content .news-item:hover .news-btn a{ background: #13a93d; color: #fff;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{    background-color: #13A93D;border-color: #13A93D;}
.pagination>li{ display: inline-block; margin: 0 5px;}
.pagination>li>a, .pagination>li>span{ border-radius: 5px!important; color: #333}
.post-thumbnail img{ width: 100%}
.list-video-content .video-item{ margin-top: 40px; position: relative}
.list-video-content .video-item h3{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 60px; height: 60px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding: 0 10px; font-size: 18px; text-align: center; background: rgba(0,0,0,.4); margin: 0}
.list-video-content .video-item h3 a{ color: #fff; display: block}
.list-video-content .video-item:hover h3 a{color: #13A93D;}
.list-video-content>ul{ padding-bottom:20px;}
.list-video-content .video-item .post-thumbnail a:after{ width: 82px; height: 82px; background-size: 82px;margin: -41px 0 0 -41px;    background: url(../images/video-btn01.png) center center no-repeat;}
.video-item .post-thumbnail a:before{ content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0;
    display: block;}
.modal-dialog{top: 40%;
    transform: perspective(1px) translateY(-50%);
    -webkit-transform: perspective(1px) translateY(-50%);}
.pad-30 {
    padding: 30px 15px;}	
.online-message-info{ width:85%; margin:0 auto}

.online-message-info input{

    width:85%;

    background: #fff;

    border: 1px solid #ddd;

    padding: 10px 15px;

}

.message-item{ margin-bottom:15px;}

.online-message-info textarea{background: #fff; width:100%;

    border: 1px solid #ddd;

    padding: 10px 15px}

.message-btn a{ display:inline-block; line-height:36px; padding:0 52px; border-radius:5px; color:#fff; font-size:18px; background:#126ac2; margin:0 10px;}

.message-btn a.btn02{ background:#bbb;}

.message-btn a:hover{ opacity:.85;}

.products-btn{ margin: -5px; background: #f2f2f2; line-height: 60px; font-size: 16px;}
.products-btn a{ display: block}
.list-news-content .news-item.product-item h3.title{ font-size: 18px; margin: 20px 0}
.list-news-content .news-item.product-item .desc{ margin-bottom: 30px; -webkit-line-clamp: 2;}
.list-product-content .product-item:hover .products-btn{ background: #13a93d}
.list-product-content .product-item:hover .products-btn a{ color: #fff}
.detail-product-content h2{ font-size: 24px; border-bottom: 1px solid #ddd; padding-bottom: 20px; font-weight: bold; margin-bottom: 35px;}
.detail-product-content{ padding: 15px 0 50px 0}
.section1-right .desc p{ text-indent: 2em; line-height: 24px; color: #333; margin: 0 0 20px 0}
.section1-right .section1-btn a{ display: inline-block; line-height: 45px; padding: 0 40px; border-radius: 5px; color: #fff; background: #349a43; font-size: 16px;}
.section1-right .section1-btn a:hover{ opacity: .9}
.sub-section{ margin-top: 35px;}
.products-tab{ border: 1px solid #ddd}
.products-tab.table>thead>tr>th{ background: #d0eed8; border-right: 1px solid #ddd; text-align: center; vertical-align:middle; border-bottom: 0}
.products-tab.table>tbody>tr>td{ line-height: 34px; vertical-align: middle; text-align: center; border-right: 1px solid #ddd}
.products-tab.table-striped>tbody>tr:nth-of-type(odd){    background-color: #fff;}
.products-tab.table-striped>tbody>tr:nth-of-type(even){    background-color: #eee;}
.detail-sub-title{ border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.detail-sub-title b{ display: inline-block;line-height: 42px; background: #349a43; color: #fff; font-size: 18px; padding: 0 40px 0 25px; font-weight: normal; position: relative;}
.detail-sub-title b:after{ content: ''; width: 14px; height: 42px; background: url(../images/title-bg.jpg) right bottom no-repeat; position: absolute; right:0; top: 0;}
.sub-section ul{ padding-left: 30px;}
.sub-section ul li{ list-style: disc; line-height: 30px; color: #333;}
.sub-section img{ padding: 20px 0}
.sub-section .tips{ color: #7e7e7e; line-height: 24px; background: #eee; border: 1px solid #ddd; padding: 20px; margin-top: 30px;}
.home-news-item{height: 115px; overflow: hidden}

@media screen and (max-width:1024px){
	.navbar-nav>li a{ font-size: 16px;}
	.about-txt-info p{ line-height: 30px;}
	.home-products .slick-prev,.home-video .slick-prev, .home-brands-info .slick-prev{ left: -15px;}
	.home-products .slick-next,.home-video .slick-next, .home-brands-info .slick-next{ right:-15px;}
	.home-brands{ padding-top: 0}
	.category-menu li a{font-size: 15px;padding: 0 20px;}
}
@media screen and (max-width:768px){
	.home-news-item{height:auto;}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{background-color: #349A43;}	
	.mob-menu li{ line-height: 60px; border-bottom: 1px solid #ddd; padding: 0 20px; font-size: 18px;}
	.home-sub-title h1{ font-size: 30px;}
	.home-products .slick-prev, .home-video .slick-prev, .home-brands-info .slick-prev{ left: 0;}
	.home-products .slick-next, .home-video .slick-next, .home-brands-info .slick-next{ right:0}
	.home-products .products-item .title{ font-size: 18px;}
	.home-video .video-item .post-thumbnail a:after{ width: 40px; height: 40px; background-size: 40px auto; margin: -20px 0 0 -20px;}
}
@media screen and (max-width:420px){
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,.hamburger-box{ width: 30px;}
	.hamburger{ padding: 0}
	.mob-menu li{ line-height: 50px; font-size: 16px;}
	.home-about{ padding:0; }
	.home-sub-title{ padding: 15px;}
	.about-txt-info{ height: auto}
	.about-txt-info p{ font-size: 14px; line-height: 28px;}
	.about-img{ padding-bottom: 15px;}
	.home-sub-title h1{ font-size: 24px;}
	.home-sub-title p{ font-size: 16px;}
	.home-products .products-item img,.home-video .video-item img{ width: 100%}
	.home-products{ padding: 85px 0 70px 0}
	.home-news{ margin-top: -50px;}
	.home-news-item img{ width: 100%; margin-bottom: 10px;}
	.home-news-item .item-right{ padding-left: 15px;}
	.home-video .video-item .post-thumbnail a:after{ width: 66px; height: 66px; margin: -33px 0 0 -33px; background-size: 66px;}
	.home-products .slick-prev, .home-video .slick-prev, .home-brands-info .slick-prev{ left: 15px;}
	.home-products .slick-next, .home-video .slick-next, .home-brands-info .slick-next{ right:15px}	
	.foot-links .row,.list-news-content .row{ margin: 0}
	.copyright{ padding: 10px 15px; font-size: 12px; line-height: 28px;}
	.copyright a{ display: inline-block}
	.foot-links b{ font-size: 16px;}
	.header{ padding: 5px 0}
	.list-news-content .news-item{ margin-bottom: 15px}
	.breadcrumb-right.text-right{ text-align: left}
	.category-menu li a{font-size: 14px; padding: 0 10px; line-height: 35px;}
	.breadcrumb{ padding: 10px 0}
	.list-news-content .news-item.product-item h3.title{  margin: 10px 0}
	.list-news-content .news-item.product-item .desc{ margin-bottom: 15px;}
	.products-btn{ line-height: 45px;}
	.category-menu li{ margin: 5px;}
	.category-menu{ padding: 15px;}
	.section1-left{ padding-bottom: 15px;}
	.detail-product-content,.video-wrap{ padding: 0 10px;}
	.products-tab.table>tbody>tr>td,.products-tab.table>thead>tr>th{ font-size: 12px;}
	.detail-section4{ padding-bottom: 20px;}
	.sub-section .tips{ margin: 20px 0;}
	.detail-product-content h2{ font-size: 20px; padding-bottom: 10px; margin-bottom: 15px;}
	.detail-sub-title b,.list-video-content .video-item h3{ font-size: 16px;}
	.list-video-content .video-item{ margin-top: 20px;}
	.list-video-content .video-item .post-thumbnail a:after{width: 66px;height: 66px;margin: -33px 0 0 -33px;background: url(../images/video-btn.png) center center no-repeat;}
}
@media screen and (max-width:375px){
	.foot-links a{ margin: 0 5px}
.category-menu{ padding: 15px 0;}
}
@media screen and (max-width:320px){
	.home-sub-title h1,.breadcrumb h3{ font-size: 22px}
	.header-language{ padding-bottom:5px}
}