/*iconfont.css*/
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont" !important;font-size:20px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-in:before{content:"\e629"}
.icon-twitter:before{content:"\e501"}
.icon-instagram:before{content:"\e632"}
.icon-youtube:before{content:"\e634"}
.icon-pinterestcolor:before{content:"\e64f"}
.icon-skype:before{content:"\ea04"}
.icon-whatsapp:before{content:"\ea07"}
.icon-Facebook:before{content:"\e61e"}
.icon-xiaoxi21:before{content:"\e506"}
.icon-google-my-business:before{content:"\f39a"}

.cont{background-color:#eee}
.index .about-title h3{text-transform:uppercase}
.index .index-title h3{text-transform:uppercase}
.fl{float:left}
.fr{float:right}
a,span{color:#666}
a:hover{text-decoration:none}
.head-wrapper .topbar{height:38px;background:url(../images/bg-topbar.jpg) no-repeat center center}
.layout{width:1200px;margin:0 auto}
.layout h3{color:#333}
.layout .heaf_map{color:#fff;line-height:38px;font-size:12px}
.layout .heaf_map a{display:inline-block;color:#fff}
.layout .language{line-height:38px;padding:0 20px;position:relative}
.layout .language a{display:inline-block;color:#fff}
.layout .language span{display:inline-block;color:#fff;margin-left:5px}
.layout .language a img{vertical-align:middle;width: 25px;}
.language-info .language-ico{display:block;width:0;height:0;border:4px solid;position:absolute;top:50%;right:0;border-color:#fff transparent transparent transparent;border-bottom-width:0;background:none;margin:-2px 0 0;padding:0}
.language-cont{z-index:999;background-color:#fff;border:1px solid #eee;position:absolute;right:0;display:none}
.language:hover .language-cont{display:block}
.language-cont ul li{line-height:40px;width:100px;padding-left:5px;display:block;border-bottom:1px solid #eee}
.header{height:100px;background-color:#fff}
.header .logo a{line-height:100px}
.header .logo img{vertical-align:middle}
.header-contact{padding:26px 0}
.header .header-contact .head-phone{background-image:url(../images/phone.png);background-repeat:no-repeat}
.header .header-contact .head-phone,.header .header-contact .head-mail{padding-left:50px;padding-right:100px}
.header .header-contact .head-mail{margin-right:20px;background-image:url(../images/mail.png);background-repeat:no-repeat}
.header .header-contact span,.header .header-contact a{display:block;font-size:12px;line-height:24px}
.header .header-contact a{color:#EE6D0F;font-size:16px}
.header .nav{position:fixed;top:138px;width:1100px;margin-left:50px;z-index:99;background:#303030;-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);transform:skew(-30deg)}
.header .nav ul{float:left}
.header .nav li{float:left;padding: 0 33px;}
.header .nav li:hover{background-color:#EE6D0F}
.header .nav li a{display:block;font-size:14px;line-height:60px;color:#fff;-webkit-transform:skew(30deg);-moz-transform:skew(30deg);-o-transform:skew(30deg);transform:skew(30deg);text-transform:uppercase}
.header .nav ul li{position:relative}
.mobile{display:none}
.nav ul li ul{display:none;position:absolute;width: 300px;-webkit-transform:skew(30deg);-moz-transform:skew(30deg);-o-transform:skew(30deg);transform:skew(30deg);background-color:#303030;left: 0;transform-origin: left top;}
#nav1 li{
    padding: 0 20px;
}
.header .nav ul li ul li a{-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);transform:skew(0deg)}
.header .nav ul li ul li ul{-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);transform:skew(0deg);left:200px;top:0}
.header .nav ul li ul li{display:block;float:none}
.nav ul li ul li ul{display:none}
.nav ul li:hover ul{display:block}
.nav ul li:hover ul li ul{display:none}
.nav ul li:hover ul li:hover ul{display:block}
.header .nav .search{float:right}
.header .nav .search span{display:block;height:60px;padding:0 30px;color:#fff;-webkit-transform:skew(30deg);-moz-transform:skew(30deg);-o-transform:skew(30deg);transform:skew(30deg)}
.header .nav .search span img{padding:14px 0;width:80%}
.search-content{display:none;position:absolute;background-color:#eff8f3;padding:0 20px;right:0}
.search-content #keys,.search-content #search{-webkit-transform:skew(30deg);-moz-transform:skew(30deg);-o-transform:skew(30deg);transform:skew(30deg)}
.search-content #keys{line-height:38px;border:1px solid transparent;background-color:#eff8f3;margin-right:32px;padding:0 5px}
.search-content #search{position:absolute;right:12px;width:20px;height:20px;padding:19px;border:1px solid transparent;background:url(../images/search1.png) no-repeat center center}
.search-content #keys:hover{border:1px solid #e5fdc0}
.search-content #search:hover{border:1px solid #EE6D0F}
.search-content #keys:focus{border:1px solid #EE6D0F}
#owl-banner .owl-dots{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#EE6D0F}
.owl-theme .owl-dots .owl-dot span{background:#303030}
.owl-theme .owl-dots .owl-dot span{width:50px;height:5px}
.index{margin:70px 0 30px 0}
.index .index-product{width:1220px}
.index .index-title{margin-bottom:30px}
.index .index-title h3{text-align:center;font-size:20px;background-image:url(../images/bg_title.png);background-repeat:no-repeat;line-height:60px;background-position:55%}
.index .index-product .item{display:block;float:left;width:285px;margin-right:20px;margin-bottom:20px}
.index .index-product .item img{width:100%}
.index .index-product .item span{display:block;line-height:40px;font-size:14px;text-align:center;background-color:#fff;height: 80px;overflow: hidden;}
.index .about-title{float:left;height:480px}
.index .title-bg{width:300px;height:480px;background-image:url(../images/about_title.png);background-repeat:no-repeat;background-position:center;background-position-y:40px}
.index .about-title h3{font-size:24px;line-height:260px;margin-left:20px;color:#EE6D0F}
.index .about-title a{margin-top:90px;display:block;margin-left:60px;color:#EE6D0F}
.index .about-title a span{display:inline-block;width:20px;height:20px;line-height:20px;font-size:14px;text-align:center;border-radius:10px;background-color: #EE6D0F;margin-left:10px;color:#fff;}
.about{background-position:0 center;background-color:#fff}
.index .about-content{box-sizing:border-box;width:900px;background-color:#fff;height:480px;float:right;padding:50px 0 50px 30px}
.index .about-content span{display:block;font-size: 20px;font-weight:700;line-height:60px}
.index .about-content span:after{content:"";display:block;background-color:#EE6D0F;width:20px;height:3px}
.index .about-content p{margin-top:20px;line-height:150%;font-size:14px;color:#666;text-align:justify}
.product .about-content{background-color:#303030;margin:0;padding:40px 0 20px 20px;height:auto}
.product .about-content ul li{width:33%;float:left;margin-right:.3333333%;margin-top:2px;position:relative}
.product .product-img{display:block;position:relative;overflow:hidden;padding:0 0 100%;height:0;background:#fff;}
.product .about-content ul li img{position: absolute;top: 50%;left: 50%;display: block;max-width: 100%;max-height: 100%;transform: translateX(-50%) translateY(-50%);}
.product .about-content ul li .product-info{width:100%;height:100%;text-align:center;background-color:#EE6D0F;opacity:0;color:#fff;position:absolute;top:0;display:-webkit-flex;display:flex;justify-content:center;align-items:center}
.product .about-content ul li .product-info:hover{opacity:1;background-color:rgba(238,109,15,0.8)}
.product .about-content span{color:#fff}
.product .about-content span::after{display:none}
.product{background:url(../images/product_bg.png) no-repeat 100% 100%;background-attachment:fixed}
.services{background:url(../images/about-bg.png) no-repeat 100% 100%;background-attachment:fixed}
.services .about-content{position:relative}
.services .about-content span{display:block;font-size:14px;font-weight:700;line-height:30px;color:#fff}
.services .about-content ul{width:100px}
.services .about-content li{padding-left:10px}
.services .about-content span::after{height:1px;background-color:#fff}
.services .about-content b{font-size:40px;line-height:60px;color:#fff}
.services .about-content{padding:40px 0 20px 20px;height:auto}
.services .about-content .service-content{width:700px;position:absolute;top:50%;left:160px;transform:translate(0%,-50%);display:none}
.services .about-content .service-content span{display:block;font-size:20px;font-weight:700;line-height:30px;color:#333;margin-top:20px}
.services .about-content .service-content span:after{background-color:#EE6D0F;height:2px;width:40px;margin-top:10px}
.footer-wrapper{background-color:#303030;padding:60px 0 30px 0}
.footer-cont{width:1200px;margin:0 auto;display:-webkit-flex;display:flex;justify-content:space-between}
.footer-cont .footer-contact,.footer-cont .footer-nav,.footer-cont .footer-news{width:300px;color:#fff}
.footer-cont .footer-contact a,.footer-cont .footer-nav a,.footer-cont .footer-news a{display:block;color:#fff}
.footer-cont .footer-contact span,.footer-cont .footer-nav span,.footer-cont .footer-news span{display:block;color:#fff}
.footer-cont h3{font-size:20px;margin-bottom:20px}
.footer-cont ul li span,.footer-cont ul li a{font-size:14px;line-height:20px;margin-bottom:10px}
.footer-cont ul li a{margin-left:20px}
.footer-cont ul li span{margin-left:25px}
.footer-contact ul .cont-add{background:url(../images/add.png);background-repeat:no-repeat}
.footer-contact ul .cont-phone{background:url(../images/tel.png);background-repeat:no-repeat}
.footer-contact ul .cont-mail{background:url(../images/e-mail.png);background-repeat:no-repeat}
.footer-nav ul li{background:url(../images/trigle.png);background-repeat:no-repeat}
.footer-cont ul li p{overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#footer-news .owl-dots .owl-dot span{width:10px;height:5px;background-color:#fff}
#footer-news .owl-dots .owl-dot.active span,#footer-news .owl-dots .owl-dot:hover span{background:#EE6D0F;background-color:rgb(120,177,36)}
#footer-news .news-img{width:80px;float:left}
#footer-news .news-img a{margin:0}
#footer-news .news-cont{width:210px;float:left}
#footer-news .news-cont a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#footer-news .news-cont a,#footer-news .news-cont span,#footer-news .news-cont p{margin-left:10px}
#footer-news .news-cont span{-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg);transform:skew(-30deg);color:#ccc}
#footer-news .news-img img{width:100%}
.footer-link ul{width:1200px;margin:0 auto;display:-webkit-flex;display:flex;justify-content:center}
.footer-link ul li{padding:30px 10px 10px 10px}
.footer{padding:10px 0;text-align:center;color:#fff;font-size:14px}
.service-title .first{background-color:#030303}
.service-title .second{background-color:#303030}
.service-title .third{background-color:#4c4c4c}
.service-title .forth{background-color:#666666}
.service-title .fifth{background-color:#818181}
.service-title .sixth{background-color:#9a9a9a}
.current{background-color: #EE6D0F;display:block;}
.services .about-content  .service-title .current{background-color:#EE6D0F;display:block;position:relative}
.services .about-content  .service-title .current:after{content:"";display:block;background-image:url(../images/trigle.png);width:12px;height:20px;position:absolute;right:-10px;top:50%;transform:translate(0,-50%)}
.services .about-content .current{display:block;background-color:inherit}
.index-product .item{position:relative}
.index-product .item .product-info{width:100%;height:100%;text-align:center;background:url(../images/cp.png) no-repeat center center;background-size:30%;background-color:#78b124;opacity:0;color:#fff;position:absolute;top:0}
.index-product .item .product-info:hover{opacity:1;background-color:rgba(120,177,36,0.8)}
.index-product .item .product-info span{background:inherit}
.im-l{background-color:#EE6D0F !important}
.im .box{background-color:#EE6D0F !important}


.footer-nav{box-sizing:border-box;padding-right:20px}
#content1,#send1{box-sizing:border-box;margin-top:10px;padding:0 5px;line-height:30px;border:0}
#content1{width:100%}
#send1{background-color:#EE6D0F;color:#fff}
#send1:hover{background-color:#fff;color:#EE6D0F}
.footer-nav .inquiry-info{text-align:right}

.footer-link{display:-webkit-flex;display:flex;justify-content:center}
.footer-link ul{width:auto;margin:0;align-items:center}

.im{position:fixed;right:2px;top:auto;bottom:40px;z-index:11}
.im-l{color:#fff;width:32px;height:60px;cursor:pointer;background-color:#eec511;box-shadow:0 0 8px #eaf0f6;border-radius:4px 0px 0px 4px;display:block;text-align:center;line-height:60px;float:left}
.im-l i{font-size:20px}
#select{display:none}
.im .box{float:right;width:100px;background-color:#eec511;border-radius:0 4px 4px 4px;display:none}
.im .box ul{background-color:#fff;list-style-type:none;margin:5px;padding:15px 0 1px 0}
.im .box ul li{overflow:hidden;text-align:center;margin-bottom:15px}
.im .box ul li a{text-decoration:none;display:block}
.im .box ul li a span{display:block;font-size:12px;font-weight:normal;font-family:Arial;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.im .box ul li i{font-size:24px;color:#f39d22}
.im .box ul li a:hover i{color:#343537}
#select:checked + .box{display:block}
@media screen and (min-width:768px){
	.im{width:132px;position:fixed;right:-100px;top:250px;transition:right 0.5s;bottom:auto;z-index:11}
	.im:hover{right:0}
	.im .box{position:absolute;display:block;width:100px;right:0;top:0}
}



@media screen and (max-width:1200px){
	body{overflow-x:hidden}
	.layout{width:100%;margin:0 auto;padding:0 5px;box-sizing:border-box}
	.header .nav li{float:left;padding:0 20px}
	.header .nav{width:92%;margin-left:4%}
	.header .nav .search span{padding:0 20px}
	.index .index-product{width:100%}
	.index .index-product .item{display:block;float:left;width:31.3333%;margin:0 1%;margin-bottom:20px}
	.index .index-product{width:100%}
	.index .about-title{float:left;height:480px;width:30%}
	.index .title-bg{width:100%;height:480px;background-image:url(../images/about_title.png);background-repeat:no-repeat;background-position:center;background-position-y:40px}
	.index .about-content span{display:block;font-size:20px;font-weight:700;line-height:40px}
	.index .about-content{box-sizing:border-box;width:68%;background-color:#fff;height:480px;overflow:hidden;float:right;padding:20px 15px}
	.index .about-title h3{font-size:20px;line-height:260px;margin-left:20px;color:#EE6D0F}
	.product .about-content{background-color:#303030;overflow:visible;height:auto}
	.services .about-content{overflow:visible;height:auto}
	.index .about-content p{margin-top:10px;line-height:120%;font-size:14px;color:#666;text-align:justify}
	.product{background:inherit}
	.index .about-title a{margin-top:90px;display:block;margin-left:0;color:#EE6D0F;text-align:center}
	.services .about-content ul{width:15%}
	.services .about-content span{display:block;font-size:14px;font-weight:700;line-height:18px;color:#fff;word-break:break-all;padding-top:3px}
	.services .about-content li{padding:0 3px}
	.services .about-content .service-content{width:75%;position:absolute;top:50%;left:20%;transform:translate(0%,-50%)}
	.services .about-content .service-content img{width:100%;text-align:center}
	.footer-cont{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
	.footer-cont .footer-contact,.footer-cont .footer-nav,.footer-cont .footer-news{box-sizing:border-box;width:50%;padding:20px 30px 10px 30px;border-bottom:1px solid #666}
	.footer-link ul{width:100%;margin:0 auto;display:-webkit-flex;display:flex;justify-content:center}
	.footer-wrapper{background-color:#303030;padding:30px 0 30px 0}
}
@media screen and (max-width:991px){
	.layout{padding:0}
	.fl{float:none}
	.fr{float:none}
	.head-wrapper .topbar{background:inherit;height:0}
	.head-wrapper .topbar .language-info{display:none}
	.layout .heaf_map{display:none}
	.header .logo{text-align:center}
	.header-contact{display:none}
	.header .nav nav ul{display:none;position:absolute;width:60%;background-color:#303030;top:-100px;z-index:9999}
	.header .nav nav ul ul{position:static;width:100%}
	.header .nav li li{float:none;padding:0 5px}
	.header .nav li{float:none;padding:0 30px}
	.header .nav li a{display:block;font-size:14px;line-height:60px;color:#fff;-webkit-transform:skew(0);-moz-transform:skew(0);-o-transform:skew(0);transform:skew(0)}
	.header .nav nav:after{content:""}
	.header .nav{position:absolute;width:100%;height:50px;margin-left:0;background:#303030;-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);transform:skew(0deg)}
	#nav{overflow:scroll}
	#nav li a{border-bottom:1px solid #666}
	#nav li span{background:url(../images/product_03.png);display:block;width:15px;height:15px;position:absolute;right:0;top:20px;transform:translate(-50%,0%)}
	.nav ul li ul{width:auto;-webkit-transform:skew(0);-moz-transform:skew(0);-o-transform:skew(0);transform:skew(0)}
	.mobile{display:block;width:100%;height:50px}
	.mobile span{display:block;float:left;width:25%;height:50px}
	.mobile a{display:block;float:left;width:25%;height:50px}
	#home{background:url(../images/home.png) no-repeat center center}
	#menu{background:url(../images/menu.png) no-repeat center center}
	#lang{background:url(../images/lang.png) no-repeat center center}
	#search_mobile{background:url(../images/search12.png) no-repeat center center}
	.header .nav .search{float:none;position:absolute;right:0;top:50px;width:100%}
	.header .nav .current{background:inherit}
	.header .nav .search span{display:none}
	.header .nav .search span img{padding:0;width:80%}
	.search-content{background-color:#fff;padding:0;width:100%;z-index:99;text-align:center;padding:10px 0}
	.search-content #keys{box-sizing:border-box;line-height:38px;border:1px solid #eee;background-color:#fff;margin:0;padding:0 5px;width:80%}
	.search-content #keys,.search-content #search{-webkit-transform:skew(0);-moz-transform:skew(0);-o-transform:skew(0);transform:skew(0)}
	.search-content #search{position:static;width:80%;margin-top:10px;padding:0;text-align:center;background:inherit;padding:0 5px;line-height:38px;font-size:16px;height:auto;background-color:#303030;color:#fff}
	.language-cont{width:100%;top:150px;height:300px}
	.language-cont ul{padding:5px}
	.language-cont ul li{line-height:40px;width:25%;padding-left:0;float:left;border-bottom:1px solid #eee;text-align:center}
	#owl-banner{margin-top:50px;z-index:1}
	.header .nav li:hover{background:inherit}
	.nav ul li:hover ul{display:none}
}
@media screen and (max-width:768px){
	.index .index-product .item{display:block;float:left;width:46%;margin:2%}
	.index .title-bg{box-sizing:border-box;width:100%;background-image:url(../images/bg_title.png);background-repeat:no-repeat;background-position:center;background-position-y:center;height:auto;padding:20px}
	.index .about-title{float:left;height:auto;width:100%}
	.index .about-title h3{font-size:20px;line-height:60px;margin-left:0;text-align:center;color:#EE6D0F}
	.index .title-bg a{display:none}
	.about{background-position:0;background-position-y:center;background-size:100%}
	.index .about-content{box-sizing:border-box;width:100%;background-color:rgba(255,255,255,0.2);height:auto;overflow:visible;float:right;padding:20px 15px}
	.index .about-content span{text-align:center;color:#fff}
	.index .about-content span::after{position:relative;left:50%;transform:translate(-50%,-50%)}
	.index .about-content p{margin-top:10px;line-height:120%;font-size:14px;color:#fff;text-align:justify}
	.product .about-content ul li{width:46%;float:left;margin:2%;position:relative}
	.services{background:url(../images/about-bg.png) no-repeat;background-position:0;background-position-y:center;background-attachment:fixed}
	.services .about-content{background:inherit}
	.services .about-content p{color:#666}
	.footer-cont .footer-contact,.footer-cont .footer-nav,.footer-cont .footer-news{box-sizing:border-box;width:100%;padding:20px 30px 10px 30px;border-bottom:1px solid #666}
}

.detail_content{margin-bottom:30px}
.detail_block{text-align:center}
.detail_block span{text-align:LEFT}
.detail_content h3{font-size:16px;font-weight:700;padding:10px 0}
.detail_block span{display:block;font-weight:700;padding:5px 0}
.detail_block p{text-align:justify}
.detail_block img{width:100%;padding:5px 0}
.detail_block table{width:100%;padding:5px 0}
.detail_block table td{padding:0 5px}

.f-ke{display:none}
@media (max-width:991px){
	.f-ke{width:100%;float:left;position:fixed;bottom:0;height:40px;line-height:40px;display:block;z-index:99999}
	.f-ke ul li{width:50%;float:left;text-align:center;line-height:40px;background-color:#EE6D0F}
	.f-ke ul li.f-ke_a{background-color:#EE6D0F}
	.f-ke ul li a{color:#fff}
}