@charset "utf-8";
/* header */
.header{width: 100%; min-width: 1200px; height: 80px; color: #0b0b0b; font-size: 14px;}
.header .logo{margin: 15px 0 0 1px;}
.header .nav{margin: 30px 25px 0 40px;}
.header .nav ul .nLi{float: left; position: relative; z-index: 999;}
.header .nav ul .nLi a{float: left; width: 110px; height: 30px; line-height: 30px; margin: 0 15px; position: relative; text-align: center; z-index: 999; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.header .nav ul .on a{background-color: #e3d6a1;}
.header .nav ul .nLi .sub{position: absolute; left: 0; top: 50px; background-color: #c6943b; text-align: center; display: none; z-index: 999;}
/* .header .nav ul .nLi .sub li{width: 110px; height: 48px; line-height: 48px; font-size: 13px; background-color: #e3d6a1;} */
.header .nav ul .nLi .sub li a{width: 110px; height: 48px; line-height: 48px; font-size: 13px; background-color: #c6943b; color: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.header .nav ul .nLi .sub li a:hover{text-decoration: underline;}
.header .lang{margin-top: 30px; height: 30px; line-height: 30px;}
.header .lang a:last-child{margin-left: 25px;}
.header .lang a img{vertical-align: middle; margin-right: 8px; position: relative; top: -1px;}

#nav ul .nLi a{width: auto; height: 30px; line-height: 30px; margin: 0 15px; padding: 0 5px;  font-size: 13px;}
#nav ul .nLi .sub a{box-sizing: border-box; width: 220px; font-size: 12px; text-align: left; padding: 0 5px 0 10px;}
#nav ul .nLi .sub4{width: 310px;}
#nav ul .nLi .sub4 a{width: 310px;}
#lang a{font-size: 13px!important;}

/* .index-banner */
.index-banner{width: 100%; height: 550px; min-width: 1200px; overflow: hidden; position: relative; z-index: 1;}
.index-banner .bd ul li{width: 100%; height: 550px; text-align: center; background-size: 100% 100%;}
.index-banner .hd{width: 100%; height: 60px; line-height: 60px; position: absolute; z-index: 2; bottom: 0; left: 0; text-align: center;}
.index-banner .hd ul{text-align: center;}
.index-banner .hd ul li{width: 12px; height: 12px; margin-right: 13px; border-radius: 50%; background-color: #fff; overflow: hidden; vertical-align: middle; cursor: pointer; display: inline-block; *display: inline; zoom: 1;}
.index-banner .hd ul li.on{background-color: #c6943d;}

/* index-part1 */
.index-part1{width: 100%; height: auto; box-sizing: border-box; min-width: 1200px; padding: 40px 0 76px 0; background: url(../images/index1-bg.jpg) no-repeat top center; background-size: cover;}
.index-title{text-align: center; margin-bottom: 58px;}
.index-title h2{font-size: 30px; color: #303030; margin-bottom: 25px;}
.index-title .line{width: 37px; border-top: 1px solid #b7b7b7; margin: 0 auto;}
.index-part1 .index-about ul li{float: left; box-sizing: border-box; width: 298px; height: 120px; padding: 27px 0; border-right: 1px solid #e2e2e2; text-align: center;}
.index-part1 .index-about ul li:first-child{border-left: 1px solid #e2e2e2;}
.index-part1 .index-about ul li h1 b{font-size: 50px; color: #040404; font-weight: 500;}
.index-part1 .index-about ul li h1 em{color: #474747; font-weight: normal;}
.index-part1 .index-about ul li h2{color: #474747;}
.index-part1 .index-about .abcon{margin-top: 48px; font-size: 15px; color: #3f3f3f;}
.index-part1 .index-about .abcon p{line-height: 27px; margin-bottom: 3px;}
.index-part1 .index-about .thanmore{color: #c6943d; font-size: 15px; margin-top: 20px; display: block; text-decoration: underline;}

/* .index-part2 */
.index-part2{width: 100%; min-width: 1200px; height: auto; padding: 35px 0 33px 0;}
.index-part2 .showbox{width: 1200px; overflow: hidden;}
.index-part2 ul{width: 1220px;}
.index-part2 ul li{float: left; width: 587px; height: 330px; margin-right: 23px; margin-bottom: 20px; overflow: hidden;}
.index-part2 ul li a{cursor: default;}
.index-part2 ul li img{width: 587px; height: 330px; display: block; transition: all 1s;}
.index-part2 ul li img:hover{transform: scale(1.2, 1.2);}

/* .index-part3 */
.index-part3{width: 100%; min-width: 1200px; height: auto; padding: 35px 0 60px 0; background-color: #f6f6f6;}
.index-part3 .hzbox{width: 1200px; height: 212px; overflow: hidden;}
.index-part3 .hzbox ul{width: 1212px; overflow: hidden; zoom: 1;}
.index-part3 .hzbox ul:first-child{margin: 0 !important}
.index-part3 .hzbox ul li{float: left; width: 190px; height: 100px; margin-right: 12px; margin-bottom: 12px;}
.index-part3 .hzbox ul li img{width: 190px; height: 100px;}

/* .index-part4*/
.index-part4{width: 100%; min-width: 1200px; height: auto; padding: 40px 0 70px 0;}
.index-part4 .cert{width: 1200px; overflow: hidden;}
.index-part4 .cert ul{width: 1218px; overflow: hidden;}
.index-part4 .cert ul li{float: left; width: 186px; height: 212px; margin-right: 17px; overflow: hidden;}
.index-part4 .cert ul li img{width: 186px; height: 212px; display: block; transition: all 1s;}
.index-part4 .cert ul li img:hover{transform: scale(1.2, 1.2);}

/* footer */
.footer{width: 100%; min-width: 1200px; height: 45px; line-height: 45px; text-align: center; background-color: #1d1d1d; color: #b3b3b3;}
.footer a:hover{color: #e3d6a1;}

/* .inside-banner */
.inside-banner{width: 100%; height: 375px; min-width: 1200px;}
.content{width: 100%; min-width: 1200px; height: auto; padding: 32px 0 50px 0;}
.sidebox{width: 250px; height: auto;}
.sidemenu{width: 250px; }
.sidemenu .sidetitle{width: 250px; height: 80px; line-height: 80px; background-color: #e3d6a1; text-align: center; font-size: 28px; color: #fff; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sidemenu .sidetitle img{vertical-align: middle; position: relative; right: 5px;}
.sidemli{font-size: 14px; border-bottom: 1px solid #fff;}
.sidemenu .sidetext .list li a{box-sizing: border-box; display: block; width: 250px; height: 45px; line-height: 45px; background-color: #f1f1f1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sidemenu .sidetext .list li a.on{color: #c6943d;}
.sidemenu .sidetext .list li a:hover{color: #c6943d;}
.sidemenu .sidetext .list li a .ione{float: left;  margin: 0 20px;}enu .sidetext .list 
.sidemenu .sidetext .list li a .itwo{float: right; margin-right: 23px;}
.sidemenu .sidetext .list li .menu-list li{border-bottom: none;}
.sidemenu .sidetext .list li .menu-list li a{height: 45px; line-height: 45px; padding-left: 60px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.sidemenu .sidetext .list li .menu-list li a.cur{color: #c6943d;}

.sidemenu .sidecon{ width: 250px; background-color: #f1f1f1;overflow: hidden;}
.sidemenu .sidecon ul li{width: 250px; height: auto; font-size: 12px; border-bottom: 1px solid #fff; }
.sidemenu .sidecon ul li:last-child{border-bottom: none;}
.sidemenu .sidecon ul li .menu-title{display: block; width: 250px; height: 45px; line-height: 45px;color: #6a6a6a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidemenu .sidecon ul li .menu-title:hover{color: #c6943d;}
.sidemenu .sidecon ul li a.cur{color: #c6943d;}
.sidemenu .sidecon ul li .menu-title .ione{margin: 0 20px;}
.sidemenu .sidecon ul li .menu-title .itwo{float: right; margin-right: 23px;}
.sidemenu .sidecon ul li ul li{box-sizing: border-box; width: 100%; height: 45px; line-height: 45px; padding-left: 60px; border: none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidemenu .sidecon ul li ul li a.on{color: #c6943d;}
.sidemenu .sidecon ul li ul li a:hover{color: #c6943d;}
.conbox{width: 900px;}
.home{height: 20px; margin-bottom: 10px;}
.home .hr{position: relative; margin-top: 2px;}
.home .hr .line1{width: 650px; border-top: 1px solid #d0d0d0;}
.home .hr .line2{width: 30px; height: 3px; background-color: #e3d6a1; position: absolute; left: 0; top: 11px;}
.home .currenthome{margin-top: 3px;}
.home .currenthome .homeicon{display: inline-block; width: 18px; height: 16px; background: url(../images/home.png) no-repeat center center; position: relative; top: 2px;}
.home .currenthome .yellow{color: #c6943d;}

/* 关于我们 */
.about{width: 900px; font-size: 14px; color: #3f3f3f;}
.about p{line-height: 25px; margin-bottom: 6px;}
.about p:last-child{margin-bottom: 0;}
.pro{width: 900px; overflow: hidden;}
.pro ul{width: 930px;}
.pro ul li{float: left; width: 200px; height: auto; margin-right: 32px; margin-bottom: 30px;}
.pro ul li .proimg{width: 200px; overflow: hidden;}
.pro ul li img{width: 200px; height: 170px; transition: all 0.6s;}
.pro ul li img:hover{transform: scale(1.1, 1.1);}
.pro ul li p{margin-top: 5px; font-size: 14px; color: #242424; text-align: center;}

/* 翻页 */
.sabrosus{color: #828182; font-size: 14px; padding: 5px; MARGIN: 42px 3px 0px 3px; text-align: center; font-size: 14px;}
.sabrosus a{padding: 5px 15px; border: #ccc 1px solid; COLOR: #444; margin: 0px 3px; text-decoration: none; background: #fff;}
.sabrosus a:hover{padding: 5px 15px; background: #c6943d; color: #fff; border: #c6943d 1px solid;}
.pagination a:active{padding: 5px 15px; background: #c6943d; color: #fff; border: #c6943d 1px solid;}
.sabrosus span.current{padding: 5px 15px; background: #c6943d; color: #fff; border: #c6943d 1px solid; MARGIN-RIGHT: 5px;}
.sabrosus span.disabled{padding: 5px 15px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT: 5px; text-decoration: none;}
.proxq{width: 900px; font-size: 14px; color: #3f3f3f;}
.proxq p{line-height: 25px; margin-bottom: 10px;}
.proxq p:last-child{margin-bottom: 0;}
.proxq .procon{width: 500px;}
.proxq .procon h2{font-size: 16px; font-weight: bold;}
.proxq h3{font-size: 18px; font-weight: bold; margin-bottom: 20px;}

/* 公司优势 */
.advan{width: 900px; height: auto; margin: 0  auto; position: relative;}
.advan .adbigbox{width: 900px; height: 494px; position: relative;}
.advan .adbigbox .prev{display: block; width: 40px; height: 80px; position: absolute; top: 35%; left: 0px;; background: url(../images/prev.png) no-repeat center center; z-index: 10;}
.advan .adbigbox .next{display: block; width: 40px; height: 80px; position: absolute; top: 35%; right: 0px; background: url(../images/next.png) no-repeat center center; z-index: 10;}
.advan .advanbox{width: 900px; height: 494px; margin: 0 auto; position: relative; overflow: hidden;}
.advan .advanbox ul{position: absolute; left: 0; top: 0;}
.advan .advanbox ul li{width: 900px; height: 494px;}
.advan .advanbox ul li img{display: block; width: 900px; height: 494px;}
.advan .minpic{width: 900px; margin: 20px auto 0 auto; position: relative;}
.advan .num{float: left; width: 900px; height: 122px; position: relative; overflow: hidden;}
.advan .num ul{position: absolute; left: 0; top: 0;}
.advan .num ul li{width: 147px; height: 122px; border: 2px solid #fff; margin-right: 3px; box-sizing: border-box;}
.advan .num ul li.on{border: 2px solid #c6943d;}
.advan .num ul li img{display: block; width: 143px; height: 118px;}
.advanxq{width: 900px; font-size: 14px; color: #3f3f3f;}
.advanxq p{line-height: 25px; margin-bottom: 10px;}
.advanxq p:last-child{margin-bottom: 0;}

/* 品牌合作 */
.brand{width: 900px; overflow: hidden;}
.brand ul{width: 950px;}
.brand ul li{float: left; width: 190px; height: 100px; margin-right: 46px; margin-bottom: 30px;}
.brand ul li img{width: 190px; height: 100px;}

.brandhz{box-sizing: border-box;  width: 900px;  overflow: hidden; font-size: 14px; color: #525252;}
.brandhz ul {width: 1000px;}
.brandhz li{float: left; width: 190px; margin-right: 45px; margin-bottom: 12px; text-align: center;}
.brandhz li a{ height: 172px; padding: 5px; display: block; border: 1px solid #dcdcdc;position: relative;}
.brandhz li a:hover{ border-color: #c6943d;}
.brandhz li h3{ line-height: 24px; font-size: 13px;}
.brandhz li a img{width: 100%;}
/* .brandhz li a .fangda{position: absolute;top: 35%;left: 35%;width: 48px;height: 48px;display: none;}
.brandhz li a:hover .fangda{display: block;} */


/* 世界各地工厂 */
.around{width: 900px; font-size: 14px; color: #3f3f3f;}
.around p{line-height: 30px;}
.around .arbox{width: 570px; height: 400px; margin: 0 auto 20px auto;}
.around .arbox p{font-weight: 700; font-size: 12px; text-align: center}
.around .arbox .imgDiv{width: 570px; height: 379px; position: relative; top: 0px;}
.around .arbox .imgDiv span{position: absolute; z-index: 2; opacity: 0;}
.around .arbox .imgDiv img{position: absolute; z-index: 3; opacity: 0; transition: all 0.6s;  }
.around .arbox .imgDiv img:hover{transform: scale(1.3, 1.3);}
.around .arbox .imgDiv .xian1{display: inline-block; top: 55px; left: 95px; width: 32px; border: 1px solid #000; transform: rotateZ(-55deg); transform-origin: 0px 0px;}
.around .arbox .imgDiv img:nth-of-type(1){transform: scale(1, 1); z-index: 1; opacity: 1;}
.around .arbox .imgDiv img:nth-of-type(1):hover{transform: scale(1, 1);}
.around .arbox .imgDiv img:nth-of-type(2){left: 115px; top: 4px;}
.around .arbox .imgDiv .xian2{display: inline-block; top: 125px; left: 238px; width: 100px; border: 1px solid #000; transform: rotateZ(-45deg); transform-origin: 0px 0px;}
.around .arbox .imgDiv img:nth-of-type(3){left: 310px; top: 2px;}
.around .arbox .imgDiv .xian3{display: inline-block; top: 140px; left: 230px; width: 80px; border: 1px solid #000; transform: rotateZ(-10deg); transform-origin: 0px 0px;}
.around .arbox .imgDiv img:nth-of-type(4){left: 310px; top: 82px;}
.around .arbox .imgDiv .xian4{display: inline-block; top: 155px; left: 215px; width: 105px; border: 1px solid #000; transform: rotateZ(27deg); transform-origin: 0px 0px;}
.around .arbox .imgDiv img:nth-of-type(5){left: 310px; top: 175px;}
.around .arbox .imgDiv .xian5{display: inline-block; top: 150px; left: 198px; width: 160px; border: 1px solid #000; transform: rotateZ(65deg); transform-origin: 0px 0px;}
.around .arbox .imgDiv img:nth-of-type(6){left: 267px; top: 267px;}
.around .arbox .imgDiv .xian6{display: inline-block; top: 85px; left: 72px; width: 160px; border: 1px solid #000; transform: rotateZ(75deg); transform-origin: 0px 0px;}
.around .arbox .imgDiv img:nth-of-type(7){left: 40px; top: 210px;}
.around .box1{  width: 900 !important; height: auto; margin-bottom: 20px;}
.arbox1{width: 900px !important; height: 450px;  position: relative;}
.arbox1 .prev, .arbox1 .next{position: absolute; top: 50%; width: 40px; height: 40px; text-align: center; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000); z-index: 5; margin-top: -20px;}
.arbox1 .prev{left: 10px;}
.arbox1 .next{right: 10px;}
.arbox1 .prev:hover, .arbox1 .next:hover{background: rgba(0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FDC0400, endcolorstr=#7FDC0400);}
.arbox1 .prev i, .arbox1 .next i{width: 10px; height: 15px; margin-top: 13px;}
.arbox1 .prev i{background: url(../images/left.png) center center no-repeat;}
.arbox1 .next i{background: url(../images/right.png) center center no-repeat;}
.arbox1 .bd{position: relative;}
.arbox1 .bd ul li{width: 900px!important; height: 450px;}
.arbox1 .bd ul li a{display: block; width: 900px; height: 450px;}
.boxul{margin-top: 22px;}
.boxul li{float: left; line-height: 30px;}
.boxul li:first-child{height: 30px; line-height: 30px; margin-right: 40px;}
.boxul li:first-child img{vertical-align: middle; margin-right: 9px;}
.boxul li:first-child strong{height: 30px; line-height: 30px; color: #292929;}
.boxul li:last-child{color: #525252;}
.aroundxq{width: 900px; font-size: 14px; color: #3f3f3f;}
.aroundxq p{line-height: 25px; margin-bottom: 10px;}
.aroundxq p:last-child{margin-bottom: 0;}

/* .联系我们 */
.lxbox{width: 250px; height: 280px; border: 1px solid #d4d4d4; margin-top: 30px; box-sizing: border-box;}
.lxbox .lxtitle{width: 100%; height: 62px; line-height: 62px; text-align: center; font-size: 18px; color: #6a6a6a; font-weight: bold;}
.lxbox ul{width: 220px; margin: 0 auto; border-top: 1px solid #f1f1f1; padding: 24px 0 20px 0; font-size: 14px; color: #393939; box-sizing: border-box;}
.lxbox ul li{margin-bottom: 20px;}
.lxbox ul li:last-child{margin-bottom: 0;}
.contact{width: 900px;}
.contact .add{margin-top: 25px;}
.contact .add li{float: left; width: 260px; height: 47px; border-right: 1px solid #f1f1f1; text-align: center;}
.contact .add li:nth-child(1){width: 376px; border-left: 1px solid #ebebeb;}
.contactlx{width: 900px; font-size: 16px;}
.contactlx p img{max-width: 100%;}
.contactlx ul li{box-sizing: border-box; float: left; width: 38%; height: 60px; border: 1px solid #e8e8e8; padding: 12px 0;}
.contactlx ul li:nth-child(1), .contactlx ul li:nth-child(2){border-bottom: none;}
.contactlx ul li:nth-child(even){width: 62%; border-left: none;}
.contactlx ul li img{vertical-align: middle; margin: 0 8px;}

@font-face {
    /* font-properties */
    font-family: Roboto;
    src:    url('Roboto-Light-10.ttf') 
}