.banner{ min-width:1200px; position:relative;overflow:hidden;height:auto;}
.banner .bd{ position:relative; z-index:0; }
.banner .bd ul{ width:100% !important;}
.banner .bd li{overflow:hidden; text-align:center;position: absolute;top: 0;}
.banner .bd li img {height: auto;display: block;}
.banner .hd{ width:1200px; left:50%; margin-left:-600px; bottom:40px; position:absolute; z-index:1;overflow:hidden;}
.banner .hd ul{margin-left:500px;}
.banner .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 40px;height: 3px;background: #fff; text-indent: -999px;}
.banner .hd ul .on{background:#df8938;}

.yy_bj{ height: 698px;padding-top: 70px;  background:#f5f5f5;  box-sizing: border-box;}
.yy dl{height: 445px;  }
.yy dl dt{position: relative; width: 700px; height: 445px; float: left; }
.yy dl dt img{width: 700px; height: 445px; position: relative;z-index: 1;}
.yy dl dd{width: 460px;  float: right;position:relative;}
.yy dl dd em{ display: block; letter-spacing: 3px; text-transform: uppercase; font-size:14px; color: #cccccc;margin-bottom:55px; font-weight: normal;}
.yy dl dd h3{ font-size: 43px; color: #333333; font-weight: normal;padding-bottom:20px;}
.yy dl dd h3 b{font-weight: bold;color: #df8938;}
.yy dl dd p{font-size: 16px; color: #666666; line-height: 30px;padding-bottom: 25px;}
.yy dl dd span{ font-size: 14px; color: #666666;padding-left: 165px; position: relative; display: block;height: 70px; line-height: 70px; }
.yy dl dd span:after{content: "";width: 150px; height: 1px; position: absolute;top:37px; left: 0px; background: #b7b7b7; z-index: 1;}
.yy dl dd span img{width: 132px; position: absolute;top:0;right:0;}

.daily {padding: 40px 0; margin: -80px auto 0;width:1200px;box-shadow: 0 0 30px #ccc;background: #fff;}
.daily li { float: left; width: 16%; box-sizing: border-box; color: #313131; border-right: 1px solid rgba(0, 0, 0, 0.07);text-align:center;}
.daily li span { display: block; font-size: 16px; line-height: 100%; margin-bottom: 20px; }
.daily li em { display: block; font-size: 46px;line-height: 100%; transition: .3s; font-family: Impact; }
.daily li i { display: inline-block; width: 27px; height: 27px; background: #df8938; border-radius: 50%; color: #fff; font-size: 14px; text-align: center; line-height: 27px; margin-left: 10px; vertical-align: bottom; margin-bottom: 6px; }
.daily li:last-child { border-right: none; }
.daily li:hover em, .daily li:hover span { animation: bounceIn 1s; -webkit-animation: bounceIn 1s; }
.daily li:hover em { color: #df8938; }

.product{padding:60px 0 0;}
.product h2{text-align: center; margin-bottom: 23px;padding-top:13px; background:url(../images/pro-tit.png) no-repeat top center;}
.product h2 span{display: block; height:59px; line-height: 59px;font-size: 48px; color:#292826; font-weight: normal;}
.product h2 em{display: block;height:32px; line-height: 32px;font-size: 20px; color:#666666; font-weight: normal;}
.product .main{ height:245px;}
.group-cate .ul{ position:relative;}
.group-cate .ul .tips{ position:absolute; font-size:24px; color:#fff; line-height:50px; width:200px; background:rgba(0,0,0,0.7); left:50%; top:50%; margin-left:-100px; border-radius:5px; text-align:center; margin-top:-25px;}
.group-cate .ul li{ float:left; width:16.66%; text-align:center; cursor:pointer; padding-top:32px;}
.group-cate .ul li::after{display:block; content:'';width:9px;height:14px; margin:0 auto;background:url(../images/index_prod_dd_on.png?v=1) no-repeat right top;}
.group-cate .ul .on::after{background-position: left top;}
.group-cate .ul li.selected::after,
.group-cate .ul li:hover::after{ background-position:left top;}
.group-cate .ul li .pic{ overflow:hidden; position:relative; width:110px; height:110px; margin:0 auto;}
.group-cate .ul li .pic img{ position:absolute; left:0;width:90%; height:90%; transition:0.3s;}
.group-cate .ul li .icon{ top:0;}
.group-cate .ul li .img,
.group-cate .ul li.selected .icon,
.group-cate .ul li:hover .icon{ opacity:0;}
.group-cate .ul li .img{ top:-20px;}
.group-cate .ul li .icon,
.group-cate .ul li.selected .img,
.group-cate .ul li:hover .img{ opacity:1;}
.group-cate .ul li.selected .img,
.group-cate .ul li:hover .img{ top:0;}
.group-cate .ul li.selected .icon,
.group-cate .ul li:hover .icon{  top:20px;}
.group-cate .ul li p{ font-size:16px; margin:0; padding:10px 5px;}

.group-intro .btn {position: absolute;top: 50%;margin-top: -25px;width: 50px;height: 50px;cursor: pointer;z-index: 10;background: url(../images/pro_btn.png?v=1) no-repeat left bottom #c81624;}
.group-intro{ height:600px; background:#f9f9f9;position: relative;z-index: 1;}
.group-intro .intro{overflow:hidden;}
.group-intro .intro .box{ /*overflow:hidden;*/float:left; width:50%;}
.group-intro .left-img{ width:960px; float:right; position:relative;}
.group-intro .left-img dd,
.group-intro .left-img .tempWrap{ width:960px;}
.group-intro .left-img .btn{ top:auto; margin:0; bottom:0; right:0; background-color:#f9f9f9; background-position:left bottom;}
.group-intro .left-img .btn:hover{ background-color:#c81624;}
.group-intro .left-img .img-prev:hover{ background-position: left top;}
.group-intro .left-img .img-next{ margin-right:-50px;background-position: right top;}
.group-intro .left-img .img-next:hover{ background-position: right bottom;}
.group-intro .left-img img{ display:block; max-width:none; width:100%; max-height:600px;}
.group-intro .main{ width:600px; padding:50px 0 0 60px;}
.group-intro .main .name,
.group-intro .main .pre{ padding:0 13px;margin:0; line-height:26px;}
.group-intro .main .name{ font-size:18px; color:#333; font-weight:normal; padding-bottom:10px;}
.group-intro .main .pre{ font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.group-intro .main .tags{ height:280px; overflow:hidden; position:relative; margin-top:10px;}
.group-intro .main .hover{ position:absolute; left:0; top:0; width:100%; border:1px solid #f0f0f0; background:rgba(255,255,255,0.95); border-radius:10px; padding:20px 12px; line-height:26px; display:none; max-height:300px; overflow:auto;}
.group-intro .bx-viewport{ z-index:1;}
.group-intro .bx-controls-direction a{ z-index:10; left:50%; margin-left:-100px; top:auto; margin-top:0; bottom:0;}
.group-intro .bx-controls-direction a.bx-next{ margin-left:-50px;}
.box .tags .ul-tag{list-style-type:none}
.box .tags li{ float:left; width:33.33%; text-align:center; font-size:16px; padding-top:10px;}
.box .tags li .pic{ padding-bottom:8px;}
.box .tags li .pic img{ border:1px solid #e4e4e4; border-radius:10px; transition:0.3s;}
.box .tags li span{ min-height:42px; display:block;}
.box .tags li:nth-child(3n+1){ clear:both;}
.box .tags li:hover .pic img{ display:none; border:1px solid #df8938;}
.box .tags li .pic .off{display:none;}
.box .tags li:hover .pic img.off{ display:inline-block;}
.index-more{ background:url(../images/index-more.png?v=1) no-repeat right center; width:108px; height:30px; line-height:30px; display:block; color:#fff; font-size:16px; padding-left:20px;margin-left: 20px;}
.index-more:hover{color:#fff; background-image:url(../images/index-more-hover.jpg?v=1);}

.case{padding: 55px 0 60px;}
.pr {position: relative;}
.case h2 {text-align: center;margin-bottom: 37px;padding-top: 16px;background: url(../images/sup-tit.png) no-repeat top center;}
.case h2 span{display: block; height:60px;line-height: 60px;font-size: 48px; color:#292826; font-weight: normal;}
.case h2 em{display: block; height:32px; line-height: 32px;font-size: 20px; color:#666666; font-weight: normal;}
.case_l{width: 273px;height: 586px;line-height: 0;}
.case_l img{width: 273px;height: 586px;}
.case_l span,.case_c p span,.case_c ul li span{width: 273px;height: 586px;display: block;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;}
.case_l:hover span,.case_c p:hover span,.case_c ul li:hover span{display: none;}
.case_l b,.case_c p b,.case_c ul li b{display: block;font-size: 24px;color: #fff;height: 40px;line-height: 40px;position: absolute;bottom: 65px;left: 0;padding-left: 28px;}
.case_l em,.case_c p em,.case_c ul li em{width: 34px;height: 33px;display: none;position: absolute;top: 42px;right: 40px;}
.case_l em img,.case_c p em img,.case_c ul li em img{width: 34px;height: 33px;}
.case_l:hover em,.case_c p:hover em,.case_c ul li:hover em{display: block;}
.case_r b{bottom: 510px;}
.case_r em{top: 510px;}
.case_c{padding: 0 0 0 15px;width: 639px;}
.case_c p{width: 624px;height: 274px;position: relative;line-height: 0;}
.case_c p img{width: 624px;height: 274px;}
.case_c p span{width: 624px;height: 274px;}
.case_c p b{bottom: 190px;}
.case_c p em{top: 210px;}
.case_c ul li{width: 305px;height: 297px;float: left;position: relative;line-height: 0;margin: 15px 14px 0 0;}
.case_c ul li img{width: 305px;height: 297px;}
.case_c ul li span{width: 305px;height: 297px;}
.case_c ul li:first-child b{bottom: 230px;}
.case_c ul li:last-child{margin-right: 0px;}
.case_c ul li:first-child em{top: 230px;right: 30px;}

.tese{ overflow: hidden;background:url(../images/tese.jpg) no-repeat center 0; height: 785px; box-sizing: border-box; padding-top: 80px;}
.tese h2 {text-align: center;margin-bottom: 60px;}
.tese h2 span{display: block; height:60px;line-height: 60px;font-size: 48px; color:#ffffff; font-weight: normal;}
.tese h2 em{display: block; height:32px; line-height: 32px;font-size: 20px; color:#ffffff; font-weight: normal;}
.tese ul li{ float: left; width: 248px; margin-right: 69px; text-align: center;}
.tese ul li:last-of-type{ margin-right: 0;}
.tese ul li i{ display: block; padding-top: 269px; font-size: 26px; color: #5f5d5e; padding-bottom: 40px; position: relative;background: url(../images/tese1.png) no-repeat center 0;}
.tese ul li:nth-of-type(2) i{background: url(../images/tese2.png) no-repeat center 0;}
.tese ul li:nth-of-type(3) i{background: url(../images/tese3.png) no-repeat center 0;}
.tese ul li:nth-of-type(4) i{background: url(../images/tese4.png) no-repeat center 0;}
.tese ul li i:before{ left: 82px; position: absolute;top:315px; content: ""; width: 40px; height: 1px; background: #d7dbe3; z-index: 55;}
.tese ul li em{ display: inline-block; color: #999999; font-size: 14px; line-height: 24px;}
.tese ul li:hover i,.tese ul li.on i{color: #df8938; font-weight: bold;}
.tese ul li:hover i:before,.tese ul li.on i:before{ background: #df8938;}
.tese ul li:hover em,.tese ul li.on em{ color: #5f5d5e;}
.tese ul li:nth-of-type(2):hover i{background: url(../images/tese22.png) no-repeat center 0;}
.tese ul li:nth-of-type(1):hover i,.tese ul li.on i{background: url(../images/tese11.png) no-repeat center 0;}
.tese ul li:nth-of-type(3):hover i{background: url(../images/tese33.png) no-repeat center 0;}
.tese ul li:nth-of-type(4):hover i{background: url(../images/tese44.png) no-repeat center 0;}


.news{ overflow: hidden; height: 807px;padding-top:60px;}
.news h2 {text-align: center;margin-bottom: 37px;padding-top: 16px;background: url(../images/sup-tit.png) no-repeat top center;}
.news h2 span{display: block; height:60px;line-height: 60px;font-size: 48px; color:#292826; font-weight: normal;}
.news h2 em{display: block; height:32px; line-height: 32px;font-size: 20px; color:#666666; font-weight: normal;}
.n_r{width: 570px;}
.n_r ul li{ height: 112px;}
.n_r ul li a{ display: block; padding-left: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../images/n_r1.jpg) no-repeat 0 6px; height: 20px; line-height: 20px; font-size: 16px; color: #010101;}
.n_r ul li a:hover{ color: #df8938; text-decoration: underline;}
.n_r ul li span{ display: block; line-height: 22px; padding-top: 9px; font-size: 14px; color: #929492;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_r h4{position: relative;}
.n_r h4 em{ position: absolute; left: 48px;top: 47px;}
.n_r h4 em i{ display: block; line-height: 100%; position: relative; font-size: 24px; color: #fff; padding-top: 9px;}
.n_r h4 em i:before{ position: absolute; left: 0; top: 0; width: 43px; height:2px; background: #ffffff; content: "";}
.n_r h4 em span{ display: inline-block; line-height: 100%; font-weight: normal; margin-top: 20px; font-size: 12px; color: #ffeb12; text-transform: uppercase; padding-right: 26px;background: url(../images/n_r.png) no-repeat right 2px;}

.n_l{ width: 570px; overflow: hidden;}
.n_l h3{ height: 158px; background: #df8938; margin-bottom: 45px; overflow: hidden;}
.n_l h3 b{ display: inline-block; float: right; font-size: 0; line-height: 0; overflow: hidden;}
.n_l h3 em{ display: inline-block; float: left; padding: 47px 0 0 27px; color: #fff;}
.n_l h3 em i{ display: block; line-height: 100%; position: relative;font-weight: bold; padding: 23px 0 8px 0; font-size: 24px;}
.n_l h3 em i:before{ position: absolute; left: 0; content: ""; width: 44px; height: 2px; background: #fff; top: 0;}
.n_l h3 em span{ display: block; line-height: 100%; font-size: 12px;}
.n_l dl{ height: 148px; overflow: hidden;}
.n_l dl dt{ float: left; width: 122px; text-align: right; font-size: 15px; font-weight: bold; color: #999999; line-height: 100%;}
.n_l dl dt i{ display: block; line-height: 100%; padding-top: 39px; color: #df8938; font-size: 59px;position: relative;}
.n_l dl dt i:before{ position: absolute; content: ""; right: 0; top: 17px; background: #999; width: 23px;  height: 1px;}
.n_l dl dd{ float: right; width: 400px; box-sizing: border-box; padding-right: 38px;}
.n_l dl dd h4 a{font-weight: normal; font-size: 18px; color: #333333;}
.n_l dl dd h4 a:hover{color: #df8938; text-decoration: underline;}
.n_l dl dd p{ padding-top: 14px; font-size: 14px; color: #999999; line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.n_l ul li{ overflow: hidden; height: 45px; line-height: 45px; border-top: 1px solid #dcdcdc;}
.n_l ul li span{ display: inline-block; float: left; padding-left: 58px; font-size: 16px; color: #999999; font-weight: bold;}
.n_l ul li i{ display: inline-block; float: right; width: 398px;}
.n_l ul li i a{ display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 14px; color: #333333;}
.n_l ul li i a:hover{color: #df8938; text-decoration: underline;}



*{box-sizing: border-box;}
.feedback{ padding:60px 0; background:#f9f9f9;overflow: hidden;}
.feedback h2{text-align: center; margin-bottom: 40px;padding-top:13px; background:url(../images/sup-tit.png) no-repeat top center;}
.feedback h2 span{display: block; height:60px;line-height: 60px; font-size: 48px; color:#292826; font-weight: normal;}
.feedback h2 em{display: block; height:32px; line-height: 32px; font-size: 20px; color:#666666; font-weight: normal;}
.feedback .main{ float:left; width:740px; position:relative; z-index:2; margin-top:30px; padding:74px 70px 0; min-height:420px; background:url(../images/yinhao1.png) no-repeat 70px 34px #fff;}
.feedback .main::after{ float:right; content:''; width:50px; height:40px; background:url(../images/yinhao2.png) no-repeat; margin-top:-60px;}
.feedback .pic{ float:right; width:670px; margin-left:-210px;}
.feedback .pic img{ display:block; width:100%; height:480px;}
.feedback .main p{ margin:0; font-size:20px; padding:5px 0; color:#343434;}
.feedback .main td{ padding-bottom:20px;}
.feedback .main td select,
.feedback .main td .text{ border:1px solid #ededed; padding:0 10px; line-height:40px; height:40px; width:100%;}
.feedback .main td select{  color:#999; display:block !important;}
.feedback .main td textarea.text{ height:86px; float:left;}
.feedback .main td div{ position:relative;}
.feedback .main td div i{ position:absolute; right:-10px; color:#c81623; top:0; line-height:40px; font-style:normal;}
.feedback .main td label{ position:absolute; left:0; top:0; line-height:40px; padding-left:10px; color:#999;}
.feedback .main td .btn{ cursor:pointer; width:145px; height:44px; background:#df8938; color:#fff; border:none; font-size:16px;}
.feedback .main td .btn:hover{ background:#000;}
.feedback .tel{ text-align:center; padding-top:20px;color:#c81623;}
.feedback .tel h3{margin:0; font-size:30px; }
.feedback .tel p span{ display:inline-block; vertical-align:middle;color:#c81623;} 
.feedback .tel p::before,
.feedback .tel p::after{ display:inline-block; vertical-align:middle; content:''; width:28px; height:1px; background:#c81623; margin:0 6px;}

.about{background: url(../images/about_bg.jpg?v=5) no-repeat center top;height:700px;border-bottom: 3px solid #df8938;}
.about h2{font-size: 55px;text-align: center;font-weight: normal;padding-top: 100px;margin-bottom: 40px;color: #fff;}
.about h2 b{font-size: 58px;margin-right: 20px;}
.about h2 em{font-size: 22px;display: block;margin-top: 13px;line-height: 24px;color: #fff;letter-spacing: 1px;}
.about p{line-height: 28px;color:#fff;font-size: 16px;padding:0 70px;text-align: center;position: relative;margin-top: 40px;letter-spacing: 0.2px;}
.about p:before{content: "";width: 83px;height: 4px;background: #fff;margin:0 auto;left: 0;top: 0;display:block;margin-bottom: 50px;}
.about a{color: #fff;}
.about a.more{display: block;width: 12rem;height: 2.5rem;text-align: center;margin: 0 auto;background-size: 4rem auto;margin-top:130px;background: #df8938 url(../images/jk_more.png) no-repeat center;}