@charset "utf-8";
/* CSS Document */
body{overflow-x: hidden}
*{margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: 'aller_lightregular';}
h1,h2,h3,h4{font-weight:normal}
img{border: none}
input,button{border: none;outline: none;}
.clearfix{clear: both;}
@font-face {
    font-family: 'aller_lightregular';
    src: url('aller_lt-webfont.eot');
    src: url('aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_lt-webfont.woff2') format('woff2'),
         url('aller_lt-webfont.woff') format('woff'),
         url('aller_lt-webfont.ttf') format('truetype'),
         url('aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerregular';
    src: url('aller_rg-webfont-webfont.eot');
    src: url('aller_rg-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_rg-webfont-webfont.woff2') format('woff2'),
         url('aller_rg-webfont-webfont.woff') format('woff'),
         url('aller_rg-webfont-webfont.ttf') format('truetype'),
         url('aller_rg-webfont-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*top-css*/
.header{ width:100%; background:#fff;  z-index:999999999}
.header-main{ width: 1530px; margin: 0 auto;height: 70px;}
.header-left{ float: left; width: 595px;}
.header-right{ width: 350px; float: right;}
.logo{ float: left; margin-top: 16px;}
.header-nav{ float: right; height: 50px; margin-top: 16px;}
.header-nav li{ float: left; line-height: 50px; font-size: 12px; margin-right: 28px; text-transform: uppercase}
.header a{ color: #a2a2a2; transition: 0.5s;}
.header a:hover{ color: #333;}
.header-right h1{ float: left;font-size: 12px; text-transform: uppercase; line-height: 50px; margin-top: 16px;}
.header-right p{float: left;font-size: 12px; margin-left: 40px;line-height: 50px; margin-top: 16px;}
.header-right p i{ margin-right: 3px;color: #a2a2a2}
.language{ height: 70px; line-height: 82px; border-left: 1px solid #020201; padding-left: 11px; margin-left: 24px; float: left}
.header .language a{ color: #020201;}
.language img{ margin-right: 6px;}
.product-nav{text-align: center; height: 39px; background: #333; }
.product-nav a{ font-size: 14px; line-height: 39px; text-transform: uppercase; margin-left: 50px; color:#fff; padding: 0 15px; height: 39px; display: inline-block; transition: 0.5s;}
.product-nav a:hover{ background: #fb642f; color: #333;}
/*inner-banner*/
.inner-banner{ width: 100%; position: relative;}
.inner-banner img{ display: block; width: 100%;}
.inner-banner-text{ position: absolute; width: 1200px; left: 50%; margin-left:-600px; top: 160px; text-align: center; color:#fff;}
.inner-banner h1{font-family: 'allerregular'; font-size: 48px; line-height: 48px; margin-bottom: 25px;}
.inner-banner p{ font-size: 18px; line-height: 24px;  text-align: center;}
/*CONTACT-CSS*/
.inner-main{ width: 100%; padding: 100px 0;}
.contact-content{ width: 1390px; margin: 0 auto;}
.contact-content-left{ width: 460px; float: left}
.contact-content-left img{ display: block; width: 100%;}
.contact-content-mid{ float: left; width: 425px; margin-left: 55px; margin-right: 75px;}
.contact-content h1{ font-size: 14px; color: #dcdcdc; margin-bottom: 15px;}
.contact-content h2{ font-size: 24px;color:#333333;font-family: 'allerregular'; font-weight: bold; line-height: 24px; margin-bottom: 25px;}
.contact-content-mid table{ width: 100%; border-collapse: collapse;}
.contact-content-mid table td{ border: 1px solid #dedede; line-height: 51px; border-left: none; border-right: none; font-size: 14px;color: #333;}
.contact-content-mid table th{ vertical-align: middle; width: 45px; text-align: center;}
.contact-content-right{ float: left; width: 330px;}
.contact-content-right input{ height: 45px; line-height: 45px; width: 217px; padding-left: 12px; color: #a2a2a2; font-size: 14px; border: 1px solid #e3e3e3; background:#f4f4f4; margin-bottom: 15px;}
.contact-content-right textarea{ height: 85px; width: 318px; padding-left: 12px;color: #a2a2a2; font-size: 14px; border: 1px solid #e3e3e3; background:#f4f4f4; line-height: 24px; margin-bottom: 25px;}
.contact-content-right button{ width: 173px; height: 31px; background: #333333; text-align: center; color:#fff; font-size: 18px; display: block; line-height: 31px; cursor: pointer; transition: 0.5s;}
.contact-content-right button:hover{ background: #fb642f; }
/*footer-css*/
.footer{ width: 100%; background: #020201; padding-top: 55px; padding-bottom: 45px;}
.footer-main{ width: 1200px; margin: 0 auto;}
.footer-main h1{ font-size: 14px; color:#fff; margin-bottom: 20px; text-transform: uppercase}
.footer1,.footer2,.footer3,.footer4{ float: left}
.footer1{ width: 260px;}
.footer1 li,.footer2 li{ line-height: 30px; padding-left: 10px; font-size: 14px;}
.footer1 li a,.footer2 li a{ color:#fff;}
.footer2{ width: 285px;}
.footer3{ width: 230px; margin-right: 135px;}
.footer3 p{ font-size: 14px; line-height: 18px; padding-left: 25px; color: #fff; margin-bottom: 15px;}
.footer3 p.foot-add{ background: url(../images/add.png) no-repeat left center;}
.footer3 p.foot-tel{ background: url(../images/tel.png) no-repeat left center;}
.footer3 p.foot-mail{ background: url(../images/mail.png) no-repeat left center;}
.footer4{ width: 290px;}
.footer4 input{ width: 178px; background: #393939; font-size: 12px; height:41px; line-height: 41px; padding-left: 10px; color: #a0a0a0; display: block; float: left}
.footer4 button{ width: 102px; background: #fb642f; color: #fff; font-size: 12px; height: 41px; line-height: 41px; display: block; text-align: center;  float: left}
.footer4 ul{ margin-top: 30px;}
.footer4 li{ float: left; margin-right: 10px;}
.copy-right{ width: 1200px; margin: 0 auto; height: 62px;}
.copy-right p{ font-size: 12px; color: #2a2a2a; line-height: 62px; float: left}
.copy-right h1{font-size: 12px; color: #2a2a2a; line-height: 62px; float: right;color: #a8a8a8}
/*FAQ-css*/
.faq-content{  padding-top: 40px; padding-bottom: 50px;}
.faq-content1{ background: #f2f2f2;}
.faq-content ul{width: 1400px; margin: 0 auto;}
.faq-content li{ width: 418px; float: left; margin-left: 73px;}
.faq-content li h1{ font-size: 60px; color: #dcdcdc; margin-bottom: 15px; line-height: 60px;font-family: 'allerregular'; font-weight: bold; }
.faq-content li h2{ background: url(../images/question.jpg) no-repeat; background-position-x:left; background-position-y: 2px;line-height: 24px; font-size: 18px; color: #333;  margin-bottom: 12px; padding-left: 30px;font-family: 'allerregular'; font-weight: bold}
.faq-content li p{ background: url(../images/answer.jpg) no-repeat; background-position-x:left; background-position-y: 2px; line-height: 24px; font-size: 14px; color: #333; padding-left: 30px;}
/*news-css*/
.news-content{width: 1200px;margin: 80px auto;}

.news-part1{height: 448px;overflow: hidden;margin-bottom: 50px;}
.news-part1-left{width: 600px; float: left}
.news-part1-left img{width: 100%;display: block}
.news-part1-right{float: left;background: #333;color: #fff; padding-left: 55px; width: 435px; padding-right: 110px; padding-top: 58px;padding-bottom: 140px;}
.news-part1-right span{font-size: 12px; display: block;margin-bottom: 12px;}
.news-part1-right h1{font-size: 18px; line-height: 14px;margin-bottom: 45px;font-family: 'allerregular';}
.news-part1-right h1 a{color: #fff;}
.news-part1-right p{line-height: 24px; font-size: 16px;font-family: 'allerregular';}
.news-part1-right div{width: 120px; background: #fff;height: 1px; margin-top: 50px;}
.news-list{width: 334px;margin-right: 99px; float: left; margin-bottom: 50px; background: #f9f9f9; transition: 0.5s;}
.news-list1{margin-right: 0;}
.news-list img{width: 100%;display: block}
.news-list a{color: #444;}
.news-list-text{padding: 0 18px; padding-top: 25px; height: 190px;}
.news-list-text h1{ font-size: 18px;line-height: 14px; margin-bottom: 15px;font-family: 'allerregular';}
.news-list-text span{margin-bottom: 25px; font-size: 12px;display: block}
.news-list-text p{line-height: 24px;font-size: 14px;height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;}
.news-list-text div{width: 90px;height: 1px;background: #444; margin-top: 35px;}
.news-list:hover{background: #fb642f;}
.news-list:hover a{color:#fff}
.news-list:hover .news-list-text{background:#fb642f;}
.news-list:hover div{background: #fff}

.more-page{ text-align: center; margin-top: 90px; }
.more-page a{ line-height: 46px; height:46px; width: 30px; text-align: center; display: inline-block; font-family: 'Conv_AvenirNextLTPro-Regular'; color: #000; font-size: 22px; }
.more-page a.page-prev,.more-page a.page-next{ width: 54px;    background: #f0f0f0;
color: #444; font-size: 40px; font-family:"宋体"; font-style: normal; height: 46px; line-height: 46px; margin-right: 40px;}
.more-page a.page-next{ margin-left: 40px; margin-right: 0px;}
.more-page a.current-page{ color: #767676; text-decoration: underline;}
/*news-detail*/
.news-detail{width: 1200px;margin: 80px auto;}
.newsdetail-title h1{text-align: center;
    font-size: 36px;
    line-height: 24px;
    color: #2f2f2f;
    font-family: 'allerregular';
    margin-bottom: 45px;
    text-transform: uppercase;}
.newsdetail-time{text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #2f2f2f;margin-bottom: 10px;}
.newsdetail-line{height: 1px;width: 120px;margin: 0 auto; margin-bottom: 40px;background: #000}
.newsdetail-content p{line-height: 24px; font-size: 16px;color: #2f2f2f;margin-bottom: 20px;}
/*product-css*/
.proclass-banner{ width:100%; position:relative;}
.proclass-banner img{ display:block; width:100%;}
.pro-banner-text{ width:1176px; position:absolute; left:50%; margin-left:-588px; top:120px;}
.product-class-main{ padding-top:25px; padding-bottom:130px; background:url(../images/proclass_bg.png) center; background-size:cover; width:100%;}
.pro-banner-text h1{
	background:url(../images/banner_title.jpg);
	font-size:44px;
	color:#333;
	font-weight:bold;
	margin-bottom:15px;
	width:377px;
	height:65px;
	line-height:65px;
	text-align:center;
	font-family: allerregular;
	text-transform:uppercase
}
.pro-banner-text h2{ font-size:18px; color:#333333; font-weight:bold; line-height:18px; margin-bottom:40px; margin-left:20px;font-family: 'allerregular';}
.pro-banner-text h3{ font-size:18px; color:#333333; line-height:24px; margin-left:20px; width:550px;}
.product-class-content{ width:1540px; margin:0 auto;}
.proclass-top{ text-align:right; margin-bottom:25px;}
.proclass-top h1{ width:96px; height:22px; background:url(../images/proclass_top.png) no-repeat center center; color:#fff; font-size:14px; text-align:center; display:inline-block; padding-left:8px; line-height:22px;}
.proclass-list{
	position:relative;
	float:left;
	width:370px;
	height:370px;
	margin-right:15px;
	margin-bottom:50px;
	background-color: #FFF;
}
.proclass-list1{ margin-right:0;}
.proclass-list img{
	display:block;
	width:100%;
}
.proclass-text{ position:absolute; height:60px; left:0; bottom:0; z-index:999; width:100%;}
.proclass-text-left{ float:left; width:220px; padding-left:20px;}
.proclass-text-left h1{ font-size:14px; color:#020201; line-height:27px; font-weight:bold;}
.proclass-text-left p{ font-size:14px; color:#020201; line-height:27px; }
.proclass-text-right{ width:43px; float:right; margin-top:17px; cursor:pointer}
.download-main{ position:absolute; width:76%; height:100%; background:#333333; color:#fff; left:0; top:0; padding:0 12%; text-align:center;  z-index:9999}
.download-main h1{ font-size:24px; line-height:27px; margin-top:75px; font-weight:bold; margin-bottom:20px; text-transform:uppercase;font-family: 'allerregular';}
.download-main p{ font-size:12px; line-height:18px; margin-bottom:30px;}
.download-main a{ display:block; width:173px; height:31px; line-height:31px; text-align:center; background:#fff; color:#333333; font-size:18px; text-transform:uppercase; margin:0 auto}
/*profile-css*/
.profile-part1{ width:1534px; margin:70px auto;}
.profile-part1-list{ width:680px; padding-left:63px; padding-right:0; background:url(../images/profile_add.jpg) no-repeat left top; float:left; overflow:hidden}
.profile-part1-list1{background:url(../images/profile_offer.jpg) no-repeat left top; padding-left:112px; width:660px; padding-right:0}
.profile-part1-list h1{ font-size:18px; line-height:24px; color:#333; font-weight:bold; text-transform:uppercase;font-family: 'allerregular'; margin-bottom:15px;}
.profile-part1-list p{ width:295px; float:left; margin-right:45px; font-size:14px; line-height:24px; color:#333;}
.profile-part1-list1 p{ width:285px;}
.profile-part2-left1,.profile-part2-right{ width:50%; float:left; height:100%;}
.profile-part2-left1 img,.profile-part2-right img{ display:block; width:100%; height:100%;}
.profile-part2-left,.profile-part2-right1{ width:45%; float:left; padding-left:5%; padding-top:100px; height:298px;}
.profile-part2-left{ background:#333333; color:#fff;}
.profile-part2-left h1,.profile-part2-right1 h1{ font-size:18px; font-weight:bold; text-transform:uppercase;font-family: 'allerregular'; line-height:24px; margin-bottom:20px; width:290px;}
.profile-part2-left p,.profile-part2-right1 p{ font-size:14px; line-height:24px; margin-bottom:25px; width:380px;}
.profile-part2-right1{ color:#333;}
.profile-part2{ height:398px; overflow:hidden; width:100%;}
.profile-part3{ background:#f2f2f2; padding:60px 0;}
.profile-part3 h1{ font-size:18px; color:#333;font-weight:bold; text-transform:uppercase;font-family: 'allerregular'; text-align:center;}
.profile-part3 span{ display:block; width:35px; height:1px; background:#333; margin:25px auto}
.profile-part3 ul{ width:1400px; margin:0 auto;}
.profile-part3 li{ width:360px; float:left; font-size:14px; line-height:24px; color:#333; margin-left:160px;}
/*index-css*/
.index-main1{ width: 100%; padding: 55px 0; background: #333;}
.index-main1 ul{ width: 1534px; margin: 0 auto;}
.index-main1 ul li{ width:240px; float: left; margin-right: 77px; color: #fff; }
.index-main1 ul li.main1-ico1{ background: url(../images/main1_ico.jpg) no-repeat left top; padding-left: 80px; width: 235px;}
.index-main1 ul li.main1-ico2{ background: url(../images/main1_ico1.jpg) no-repeat left top; padding-left: 70px; width: 230px;}
.index-main1 ul li.main1-ico3{ background: url(../images/main1_ico2.jpg) no-repeat left top; padding-left: 98px; width: 225px;}
.index-main1 ul li.main1-ico4{ background: url(../images/main1_ico3.jpg) no-repeat left top; padding-left: 90px; width: 275px; margin-right: 0}
.index-main1 ul li h1{ font-size: 24px;font-family: 'allerregular'; font-weight: bold; line-height: 24px; margin-bottom: 5px;}
.index-main1 ul li p{ color: #7f7f7f;font-size: 14px;font-family: 'allerregular'; line-height: 18px;}
.index-product-list{ position: relative;}
.index-product-list img{ display: block; width: 100%;}
.index-product-list-text1{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; top:0; overflow: hidden}
.index-product-list-text{ width: 600px; float: right; padding-top: 140px; margin-left: 15px;}
.left{ float: left; margin-left: 0}
.index-product-list-text h1{ font-size: 48px; text-transform: uppercase; color: #333; background: url(../images/banner_title.jpg); width: 410px; height: 65px; line-height: 65px;font-family: 'allerregular'; text-align:center; font-weight: bold; margin-bottom: 15px; background-size: 100% 100%}
.index-product-list-text h2{font-size: 18px;font-family: 'allerregular';color: #333;font-weight: bold;  line-height: 24px; padding-left: 30px; margin-bottom: 35px;}
.index-product-list-text p{font-size: 18px;color: #333;line-height: 24px; padding-left:30px; margin-bottom: 50px;}
.index-product-list table img{ display:block; float: left; width: auto; margin-right: 5px;}
.index-product-list table td{ vertical-align: middle; font-size: 12px; color:#333; line-height: 14px; padding-left: 30px;}
.index-product-list-text a{ width: 173px; height: 31px; line-height: 31px; background:#333; display: block; margin-left: 30px; color: #fff; font-size: 18px; text-align: center; margin-top: 40px; transition: 0.5s;}
.index-product-list-text a:hover{ background: #fb642f; color: #fff;}
.index-recommend-list{ width: 1540px; margin:0 auto;} 
.index-main3{ width: 100%; background: url(../images/main3_bg.jpg); padding-top: 80px; padding-bottom: 45px; background-position: center; background-size: cover;}
.index-main3-title{ font-size: 36px; color:#333; font-weight: bold;font-family: 'allerregular'; text-transform: uppercase; background: url(../images/recommend_title.png); width: 500px; height: 64px; line-height: 64px; text-align: center; margin: 0 auto; margin-bottom: 60px;}
.index-main3 span{ width: 110px; height: 2px;  margin: 0 auto;margin-top: 35px; background: #fff; display: block;}
.index-main4{ position: relative; width: 100%; margin: 40px 0}
.index-main4 img{display: block; width: 100%;}
.index-main4-content{ width: 1530px; position: absolute; left:50%; margin-left: -765px;top:180px; overflow: hidden}
.index-main4-text{width:675px; float: right; margin-right: 45px; text-align: center; color: #fff;}
.index-main4-text h1{ font-size: 36px;font-family: 'allerregular';color: #fff;font-weight: bold; text-transform: uppercase; line-height: 36px; margin-bottom: 20px;}
.index-main4-text span{ width: 35px; height: 1px; background: #fff; margin: 0 auto; margin-bottom: 20px; display: block}
.index-main4-text p{ font-size: 14px; line-height: 24px;}
.index-main4-text a{ width: 173px; height: 31px; line-height: 31px; background:#333; display: block; margin-left: 30px; color: #fff; font-size: 18px; text-align: center; margin: 0 auto;margin-top: 40px; transition: 0.5s;}
.index-main4-text a:hover{ background: #fff; color: #333;}
/*prodetail-css*/
/*插件css*/
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-booth{position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #fb642f;height:139px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
/*正常css*/
.prodetail{ width: 100%; background:url(../images/PRODETAIL_BG.jpg); background-size: cover; background-position: center; padding-bottom: 100px; margin-bottom:40px; }
.prodetail-main{ width: 1200px; margin: 0 auto; margin-bottom: 70px;}
.road a{ padding-left: 18px; background:url(../images/road1.jpg) no-repeat left center; height: 60px; line-height: 60px; font-size: 12px; color: #333; margin-right: 6px;}
.road span{ padding-left: 18px; background:url(../images/road2.jpg) no-repeat left center; height: 60px; line-height: 60px; font-size: 12px; color: #333;}
.prodetail-content{ margin-top: 15px;}
.prodetail-content-left{ float: left; width: 770px;}
.prodetail-content-left ul{ float:left; width: 142px;}
.prodetail-content-left ul li{width: 140px; border: 1px solid #bbb; margin-bottom: 10px; height: 139px;}
.prodetail-content-left ul li img{ display: block; width: 100%;}
.tb-booth{ float: right; width: 600px;}
.tb-booth img{ width: 100%;}
.prodetail-content-right{ float: right; width: 390px;}
.prodetail-text1 span{ font-size: 14px; color:#a2a2a2; font-style: italic}
.prodetail-text1 h1{ font-size: 24px; font-weight: bold;font-family: 'allerregular'; color: #333; line-height: 50px; text-transform: uppercase;}
.prodetail-text1 h2{ font-size: 18px; font-weight: bold; color: #333; margin-bottom: 15px;}
.prodetail-text1 p{ font-size: 18px; line-height: 24px; color: #333;}
.prodetail-text1{ margin-bottom: 10px;}
.prodetail-text2 ul{ background: #fff; border: 1px solid #333; border-left: none; border-right: none; margin-bottom: 25px;}
.prodetail-text2 li{ float: left; height: 48px; padding: 0 23px; background: #fff; cursor: pointer; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 48px;}
.prodetail-text2 li.current1{ color: #fff; background:#333;}
.prodetail-text2-content{ overflow: hidden}
.prodetail-text2-content p{ font-size: 14px; line-height: 24px; color:#333; margin-bottom: 10px;}
.prodetail-text2-content span{display: block;font-size: 14px; line-height: 36px; color:#333;}
.prodetail-text2-content span.color{ float: left}
.prodetail-text2-content span.material{ float: right}
.prodetail-text2-content span strong{ font-weight: bold}
.prodetail-text2{ border-bottom: 1px solid #333; padding-bottom: 30px;}
.prodetail-text3 a{width: 173px; height: 31px; line-height: 31px; background:#333; display: block; color: #fff; font-size: 18px; text-align: center; margin-top: 20px;  transition: 0.5s;}
.prodetail-text3 a:hover{ background: #fb642f;}
.prodetail-text3 table img{display: block; float: left; margin-right: 5px;}
.prodetail-text3 table td{ font-size: 12px; line-height: 14px; color: #333; padding-top: 20px;}
.like-title{ height: 72px; background: #333; text-align: center; margin-bottom: 45px;}
.like-title h1{ font-size: 36px; color:#333;font-weight: bold;font-family: 'allerregular'; line-height: 72px; background: url(../images/liketitle_bg.png) no-repeat; width: 501px; margin:0px auto; height: 72px;}