@charset "utf-8";
/*products*/
.product{ height:780px; background:url(/skin/home/images/productbg_02.jpg) no-repeat top center; padding-top:70px;}
.protitl{ text-align:center; font-size:42px; color:#333333;}
.protitl span{ display:block; font-size:20px; color:#666666; font-weight:lighter; margin:7px 0 15px 0;}
.protitl:after{ content:''; display:inline-block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #cccccc; animation:translation 2s linear infinite;}
@keyframes translation{
	0%{ transform:translateY(-10px);}
	50%{ transform:translateY(10px);}
	100%{ transform:translateY(-10px);}
	}
.procon{ margin-top:45px; font-size:0;}
.proclass{ width:245px; background:#f37f39;}
.proclass dl{ height:460px;overflow-y: auto;}
.proclass dl::-webkit-scrollbar { width: 3px;height: 460px; scrollbar-arrow-color: #585c60;}
.proclass dl::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #585c60;background: rgba(0, 0, 0, 0.2);scrollbar-arrow-color: #585c60; }
.proclass dl::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px #f37f39;border-radius: 0; background: #ffffff;}
.proclass li>a{ display:block; line-height:55px; background:#f37f39; border-bottom:1px solid #fb8b48; font-size:16px; color:#fefefe;}
.proclass li>a i{ display:inline-block; width:9px; height:14px; background:url(/skin/home/images/product_03.png) no-repeat center; margin:0 20px 0 27px; transition:all .3s ease;}
.proclass li.proclassmore>a i{ width:24px; height:17px;background:url(/skin/home/images/product_07.png) no-repeat center;}
.proclass li.proclassmore>a{ border-bottom:#4e4641; background:#4e4641;}
.proclass li>a:hover i{ margin:0 20px 0 35px;}
.proshow{ width:1045px;}
.proleft { width:514px;}
.probox a{ position:relative; overflow:hidden; display:block;}
.probox img{ width:100%; height:auto; transition:all .3s ease;}
.proname{ position:absolute; bottom:0; width:90%; line-height:50px; text-align:center; left:0; right:0; margin:0 auto; background:rgba(243,127,57,.95); transition:all .3s ease; opacity:0;font-size:14px; color:#fff; display:block; z-index:9;}
.probox a:after{ display:block; content:''; opacity:0; transition:all .3s ease; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.probox:hover .proname{ opacity:1; bottom:42%;}
.probox:hover a:after{ opacity:1;}
.proright .probox{ display:inline-block; vertical-align:top; width:250px; margin:0 0 15px 13px;}
.proright .probox:nth-child(3),.proright .probox:nth-child(4){ margin-bottom:0;}
.proright{ width:530px;}

/*trait*/
.trait{ padding:60px 0 80px; font-size:0;}
.trait ul{ margin-top:55px; text-align:center;}
.trait li{ display:inline-block; vertical-align:top; width:317px; height:450px; border:1px solid #dadada; border-radius:10px; transition:all .3s ease;}
.tra_t{ font-size:35px; color:#333333;}
.tra_t:after{ content:''; display:block; margin:15px auto 35px auto; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #898989; width:0; height:0;}
.tra_c{ font-size:16px; color:#888888; font-weight:lighter; line-height:35px; padding:0 40px;}
.trait li+li{ margin-left:7px;}
.trait li:hover{ background:#fafafa;}
.trait li:hover .tra_t{ color:#f37f39;}
.traicon{ display:inline-block; border-radius:50%; border:10px solid #f37f39; margin:35px 0 30px 0;}

/*hzcust*/
.hzcust{padding:70px 0; background:url(/skin/home/images/hz_02.jpg) no-repeat center top; text-align:center;}
.hzcustitl{ text-align:center; font-size:42px; color:#333;}
.hzcustitl b{ color:#f37f39;}
.hzcustitl span{ display:block; font-size:20px; font-weight:lighter; color:#666666; margin-top:10px;} 
.hzcustbtn a{ display:inline-block; transition:all .3s ease; width:596px; line-height:76px; background:#f37f39; font-size:18px; color:#fff; font-weight:lighter; }
.hzcustbtn a:hover{ width:100%;}
.hzcustbtn{text-align:center;}
.hzcustcon{ margin:45px auto 30px auto; width:1300px; font-size:0; overflow:hidden;}
.hzcustcon a{ display:inline-block; margin:0 20px 0 0; vertical-align:top; width:244px; overflow:hidden; position:relative;}
.hzcustbtn{ margin-top:40px;}
.hzcustcon a img{ width:100%; height:auto;}
.hzcustcon a span{ position:absolute; z-index:9; bottom:20px; left:20px; font-size:14px; color:#f37f39; transition:all .3s ease; opacity:0; text-align:left;}
.hzcustcon a:after{ content:''; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,.6); opacity:0; transition:all .3s ease;}
.hzcustcon a span:after{ content:''; display:block; margin-top:10px; width:30px; height:1px; background:#f37f39; transition:all .6s ease;}
.hzcustcon a:hover:after,.hzcustcon a:hover span{ opacity:1;}
.hzcustcon a:hover span:after{ width:60px;}

/*adv*/
.adv{ height:876px; padding-top:72px; background:url(/skin/home/images/advbg_02.jpg) no-repeat top center;}
.advtitl{ text-align:center; font-size:45px; color:#fff;}
.advtitl span{ display:block; font-weight:lighter; margin-top:10px; font-size:20px;}
.advtab{ margin:42px 0 10px 0; font-size:0; background:#e5e5e5; text-align:center;}
.advtab li{ display:inline-block; vertical-align:top; width:25%; height:125px; transition:all .3s ease; box-sizing:border-box; cursor:pointer; transition:all .3s ease;}
.advtab li p{display:inline-block; vertical-align:middle; font-size:30px; color:#333333; line-height:125px;transition:all .3s ease; }
.advtab li p+p{ margin-left:15px;}
.advtab li+li{ border-left:1px solid #f2f2f2;}
.advicon{ width:43px; height:55px; background:url(/skin/home/images/advicon_01.png) no-repeat left top; transition:all .5s ease;}
.advtab li:nth-child(2) .advicon{ background-position-x:-70px; height:48px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-145px; width:50px; height:44px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-251px; height:44px;}
.advtab li.on{ background:#f37f39;}
.advtab li.on p{ color:#fff; font-weight:bold;}
.advtab li.on .advicon{ background-position-y:-67px;}
.advleft{ width:650px; height:457px;}
.advleft img{ width:100%; height:100%;}
.advcon ul{ background:#fff;}
.advright{ width:540px; margin:60px 0 0 60px;}
.advtop{ font-size:0; margin-bottom:45px;}
.advtop p{ display:inline-block; vertical-align:middle;}
.advtop p+p{ margin-left:22px; font-size:32px; color:#333333;}
.advtop p em{ display:block; font-size:18px; color:#9a9a9a; margin-top:3px;font-family:fontDin;}
.advnum{ width:88px; line-height:88px; text-align:center; background:#f37f39; font-size:65px; font-family:fontDin1; color:#fff;}
.advwa p{ font-size:15px; color:#5d5e60; font-weight:lighter; line-height:15px; white-space:nowrap;}
.advwa p+p{ margin-top:35px;}

/*process*/
.process{ padding:70px 0 80px 0;}
.pccon{ margin-top:55px; padding:0 30px;}
.pcleft{ width:535px; text-align:center; font-size:0;}
.pcleft p{ display:inline-block; vertical-align:top; font-size:22px; color:#333333; font-weight:lighter; text-align:center; cursor:pointer;transition:all .3s ease;}
.pcleft p:hover span{ background:#f5f5f5;}
.pcleft p:hover{ color:#f37f39;}
.pcleft li+li{ margin-top:80px; position:relative;}
.pcleft p span{ display:block; margin:0 auto 10px auto; border:2px solid #6c6c6c; border-radius:7px; transition:all .3s ease;}
.pcleft p+p{ margin-left:135px; position:relative;}
.pcleft p+p:after,.pcleft li+li:after{ display:inline-block; content:''; position:absolute; width:49px; height:31px; background:url(/skin/home/images/processicon_12.png) no-repeat center; top:0; bottom:0; margin:auto 0; left:-85px;}
.pcleft li:nth-child(2) p+p:after{ transform:rotate(180deg);}
.pcleft li+li:after { right:20px; top:-135px; left:inherit; margin:inherit;transform:rotate(90deg);}
.pcright{ width:615px; font-size:0;}
.pcright input,.pcright textarea{ box-sizing:border-box; border:none; background:none;}
.pcright dl{ display:inline-block; vertical-align:top; background:#f5f5f5; border:1px solid #d5d5d5;}
.pcright dl label,.pcright dl input,.pcright dl textarea,.pcright dl img{ display:inline-block; vertical-align:top;}
.fbbox1 dl{ width:298px; height:66px; border:1px solid #d5d5d5; border-radius:5px;}
.pcright li+li{ margin-top:26px;}
.fbbox1 dl+dl{ margin-left:15px;}
.pcright dl label{ padding:0 20px; line-height:66px; font-size:16px; font-weight:lighter; color:#a6a6a6;}
.fbbox1 input{ width:180px; height:66px;}
.fbbox2 dl{ display:block; height:124px;}
.fbbox2 dl textarea{ padding:20px 0; width:500px; height:124px;}
.fbbox1 .fbdl1 input{ width:90px;}
.fbbox1 .fbdl1 img{ margin-top:20px;}
.pcright .fbbox1 .fbdl2 input{ display:block; background:#f37f39; cursor:pointer; font-size:22px; color:#fff; width:100%; transition:all .3s ease;}
.pcright .fbbox1 .fbdl2 input:hover{ background:#cc6526;}

/*about*/
.about{ padding:90px 0 70px 0; position:relative; overflow:hidden;}
.about:after{ content:''; display:block; position:absolute;background:url(/skin/home/images/aboutbg_02.jpg) no-repeat top center; width:100%; height:374px; top:0; left:0; z-index:-1;}
.about:before{ content:''; display:block; position:absolute; height:calc( 100% - 374px ); width:100%; right:0; top:374px; z-index:-1; background:#ededed;}
.abcon{ padding:50px; background:#fff; position:relative;}
.ableft{ width:590px;}
.ab_t{ font-size:35px; color:#333333;}
.ab_t em{ display:block; font-size:40px; font-family:fontDin; text-transform:uppercase;}
.ab_c{ font-size:15px; font-weight:lighter; line-height:40px; color:#616060; margin:10px 0 20px 0;}
.ab_btn a{ transition:all .3s ease; width:148px; line-height:43px; border:1px solid #f37f39; border-radius:25px; text-align:center; font-size:16px; font-weight:lighter; color:#f37f39; display:inline-block;}
.ab_btn a:hover{ background:#f37f39; color:#fff; border-radius:0;}
.qyxxtab{ margin:48px 0 32px 0; text-align:center; font-size:0;}
.qyxxtab a{ display:inline-block; vertical-align:top; width:180px; line-height:54px; background:#fff; font-size:18px; color:#323232; transition:all .3s ease;}
.qyxxtab a+a{ margin-left:9px;}
.qyxxtab a.on{ background:#f37f39; color:#fff; font-weight:bold;}
.qyxxcon{ position:relative;}
.qyxxjt{ cursor:pointer; position:absolute; width:46px; height:46px; background:url(/skin/home/images/qyyjt_03.png) no-repeat left top; left:0; top:35%;}
.qyxxjt.next{ left:inherit; right:0; background:url(/skin/home/images/qyyjt_05.png) left top;}
.qyxxjt:hover{ background-position-y:bottom;}
.qycen{ overflow:hidden; width:1158px; margin:0 auto;}
.qycen{ font-size:0;}
.qycen dt{ display:inline-block; vertical-align:top; width:281px; margin-right:11px;}
.qycen dt a{ display:block;}
.qycen dt a img{ width:100%; height:auto;} 
.qycen dt a p{ line-height:50px; font-size:15px; font-weight:lighter; color:#333333; text-align:center; transition:all .3s ease;}
.qycen dt:hover a p{ background:#f37f39; color:#fff;} 
.qyxxshow ul+ul{ display:none;}

/*news*/
.news{ padding:60px 0 80px 0;}
.newtab{ width:180px;}
.newtab a{ display:block; height:185px; position:relative; background:#ededed; box-sizing:border-box; padding:35px 0 0 50px; font-size:20px; color:#333;}
.newtab a em{ display:block; font-size:12px; color:#c4c4c4; text-transform:uppercase; margin-top:3px;}
.newicon{ width:50px; height:54px; background:url(/skin/home/images/newicon_01.png) no-repeat left top;}
.newtab a+a{ margin-top:1px;}
.newtab a:nth-child(2) .newicon{ background-position-x:-71px;}
.newtab a:nth-child(3) .newicon{ background-position-x:-145px;}
.newtab p{ position:relative; z-index:3;}
.newcenter{ margin-top:50px;}
.newtab a:after{ width:0; content:''; display:block; position:absolute; height:100%; background:#f37f39; transition:all .3s ease; top:0; left:0;}
.newtab a.on{ color:#fff;}
.newtab a.on .newicon{ background-position-y:-54px;}
.newtab a.on em{ color:#fff;}
.newtab a.on:after{ width:100%;}
.newsright{ width:1080px;}
.newitemleft{ width:500px;}
.newitemright{ width:560px;}
.newitemleft .newpic{ border:3px solid #f4f4f4; margin-bottom:5px;}
.newitemleft .newpic img{ width:100%; height:100%; height:334px;}
.newitemleft .newbody{ width:276px; height:166px; padding-right:30px; border-right:1px solid #e6e6e6;}
.newitemleft .newcontent{ box-sizing:border-box; height:210px; background:#f4f4f4; padding:30px;}
.newitemleft a{ display:block;}
.newitemleft .newbodya{ font-size:20px; color:#333333; font-weight:bold;}
.newitemleft .newbodyremark{ font-size:16px; color:#666666; font-weight:lighter; line-height:30px; margin-top:20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; height:90px;}
.newdate{ text-align:left; font-size:30px; font-family:fontDin2; color:#333333; margin-right:10px;}
.newyear{ font-size:20px; font-family:fontDin1; margin:4px;}
.newmore{ display:block; margin:50px 0 0 5px; width:29px; height:29px; background:url(/skin/home/images/new_03.png) no-repeat center;}
.newitemright .newitem{ box-sizing:border-box; height:175px; padding:20px 30px; background:#f5f5f5;}
.newitem:hover .newbodya{ color:#f37f39;}
.newitemright .newitem+.newitem{ margin-top:15px;}
.newitemright .newbody{ width:328px; padding:15px 40px 15px 0; border-right:1px solid #e6e6e6;}
.newitemright .newbodya{ font-size:18px; font-weight:bold; color:#333;    white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.newitemright .newbodyremark{ margin-top:20px; height:60px; font-size:16px; color:#666666; font-weight:lighter; line-height:30px; margin-top:20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newitemright .newmore{ margin-top:20px;}
.newitemright .newdate{ margin-top:10px;}
/*links*/
.links{ height:112px; border-top:1px solid #eaeaea;}
.links div p:nth-child(1){ font-size:16px; color:#333; padding-left:62px; background:url(/skin/home/images/copyright_03.png) no-repeat left center; margin:25px 40px 0px 0px;}
.links div p:nth-child(1) span{ display:block; font-size:28px; color:#333333; font-family:fontDin2;}
.links div p a{ line-height:112px; font-size:14px; color:#333333; font-weight:lighter;}
.links div p a:hover{ text-decoration:underline; color:#f37f39;}