.kf{height: 100%;background: #fff;width: 120px;position: fixed;left: 0;top: 0;text-align: center;}
.kf ul{position: absolute;top:257px;width: 100%;height: 90%;}
.kf ul li{margin-top: 20px;overflow: hidden;}

 /*banner*/
.banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;margin-top: 98px;}
.banner .bd li{float: left;width: 100%;line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;height: 100%;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom:10%;}
.banner .hd li{width: 80px;height: 8px;background: #fff;margin: 0 5px;display: inline-block;border-radius: 20px;}
.banner .hd li.on{background: #AE915D;}
.banner .prev{position:absolute;bottom:14%;right: 14%;z-index: 10;cursor: pointer;font-size: 14px;line-height: 14px;}
.banner .prev img{display: inline-block;vertical-align: middle;}
.banner .prev span{display: inline-block;vertical-align: middle;text-transform: uppercase;margin-left: 15px;}
.banner .next{position:absolute;bottom:14%;right: 6.2%;z-index: 10;cursor: pointer;font-size: 14px;line-height: 14px;}
.banner .next img{display: inline-block;vertical-align: middle;}
.banner .next span{display: inline-block;vertical-align: middle;text-transform: uppercase;margin-right: 15px;}
.banner .pageState{font-size: 18px;color: #333;position: absolute;right: 21.25%;bottom: 14%;font-weight: bold;line-height:90%;}
.banner .pageState span{font-size: 42px;}


.titb{font-size: 48px;line-height: 40px;font-style: italic;position: relative;z-index: 1;}
.titb a{display: block;color: #392222;}

.pro{padding-top: 129px;padding-bottom: 78px;position: relative;}
.pro:after{content: "";display: block;background: url(../images/pro-bg.png) no-repeat;width: 477px;height: 194px;position: absolute;left: 50%;top: 40px;margin-left: -708px;}
.pro .tit{margin-bottom: 40px;}
.pro .tit h2{float: left;}
.pro-nav{float: right;}
.pro-nav li,.pro-nav em{font-size: 18px;color: #333;float: left;text-transform: capitalize;margin-right: 70px;font-weight: bold;margin-top: 20px;line-height: 18px;}
.pro-nav li:last-child{margin-right: 0;}
.pro-nav li.cur a,.pro-nav li:hover a{color: #EF361F;padding-bottom: 6px;border-bottom: 1px solid #EF361F;;}
.pro-nav .more{width:153px; height:46px; background:rgba(239,54,31,1); box-shadow:12px -4px 16px 0px rgba(239,54,31,0.2); border-radius:23px;text-align: center;line-height: 46px;margin-top: 0;margin-right: 0;}
.pro-nav .more a{color: #fff;font-size: 16px;font-style: italic;font-weight: normal;text-transform: initial;}
.pro-nav .more a:hover{color: #fff;padding: 0;border: none;}
.pro-con{position: relative;}
.pro-con .tempWrap,.pro-con ul{height: 335px;margin-left: -20px;padding-left: 20px;}
.pro-con li{float: left;margin-right: 20px;display: inline;position: relative;width: 285px;height: 323px;transition: all .25s linear;background: #f8f8f8;}
.pro-con li:last-child{margin-right: 0;}
.pro-con li em{display: block;margin-bottom: 30px;}
.pro-con li em img{width: 285px;height: 160px;display: block;}
.pro-con li b{display: block;font-size: 16px;line-height:16px;margin-bottom: 10px;padding:0 30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-con li p{display: block;font-size: 13px;line-height: 18px;color: #666;padding:0 30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pro-con li i{display: none;position: absolute;right: 13px;bottom: 35px;background: url(../images/pro-more.png) no-repeat right center;font-weight: bold;padding-right: 26px;color: #EF361F;font-size: 16px;}
.pro-con li:hover{background:rgba(255,255,255,1); box-shadow:0px 8px 16px 0px rgba(239,54,31,0.2); border-radius:5px;}
.pro-con li:hover i{display: block;}
.pro .qh i{width: 68px;height: 68px;display: block;}
.pro .qh .prev1{position: absolute;left: -98px;top: 117px;z-index: 1;}
.pro .qh .next1{position: absolute;right: -98px;top: 117px;z-index: 1;}


.about{background: url(../images/about-bg.jpg) no-repeat center top;height: 682px;overflow: hidden;}
.about dt{float: right;width: 1071px;margin-right: -360px;padding-top: 100px;}
.about dt img{width: 1071px;height: 582px;}
.about dd{float: left;width: 682px;margin-right: -193px;padding-top: 90px;}
.about dd h2{font-size: 48px;line-height: 48px;color: #392222;font-style:italic;margin-bottom: 80px;}
.about dd p{margin-bottom: 50px;}
.about dd p em{display: inline-block;width: 62px;height: 65px;margin-right: 12px;vertical-align: top;overflow: hidden;}
.about dd p i{display: inline-block;width: 390px;vertical-align: middle;font-size: 14px;color: #666;line-height: 18px;}
.about dd p i b{display: block;font-size: 24px;color: #392222;line-height: 24px;margin-bottom: 15px;}
.about dd p:hover em img{position: relative;left: -62px;filter: drop-shadow(62px 0 #EF361F);-webkit-filter: drop-shadow(62px 0 #EF361F);}
.about dd p:hover i b{color:#EF361F;}



.lc{margin-top: 129px;background: url(../images/lc-bg.jpg) no-repeat center top;padding-top: 101px;height: 798px;box-sizing: border-box;}
.lc h2{color: #fff;}
.lc h2 a{color: #fff;}
.lc ul{margin-top: 27px;}
.lc ul li{width: 285px;height: 120px;background: #fff;float: left;margin-right: 20px;margin-bottom: 20px;text-align: center;padding-top: 40px;border-radius:5px;position: relative;}
.lc ul li:after{content: "";display: block;width: 59px;height: 26px;position: absolute;right: -38px;top: 67px;z-index: 1;background: url(../images/lc-jt.png) no-repeat center top;transition: all .25s linear;}
.lc ul li:nth-child(4):after,.lc ul li:nth-child(8):after{right: 129px;top: unset;bottom: -36px;width: 26px;height: 59px;background: url(../images/lc-jt2.png) no-repeat center top;}
.lc ul li:nth-child(12):after{display: none!important;}
.lc ul li:nth-child(5):after,.lc ul li:nth-child(6):after,.lc ul li:nth-child(7):after{transform: rotate(180deg);-webkit-transform: rotate(180deg);left: -38px;right: unset;}
.lc ul li:nth-child(5),.lc ul li:nth-child(6),.lc ul li:nth-child(7),.lc ul li:nth-child(8){float: right;}
.lc ul li:nth-child(4),.lc ul li:nth-child(5),.lc ul li:nth-child(12){margin-right: 0;}
.lc ul li b{display: block;height: 54px;font-size: 48px;line-height: 40px;color: #000;font-weight: bold;transition: all .25s linear;}
.lc ul li em{display: block;height: 54px;display: none;transition: all .25s linear;margin-top: -10px;margin-bottom: 10px;}
.lc ul li span{font-size: 16px;font-style: italic;color: #666;font-weight: bold;}
.lc ul li:hover b{display: none;}
.lc ul li:hover em{display: block;}
.lc ul li:hover span{color: #EF361F;}
.lc ul li.cur:after{display: block;background: url(../images/lc-jth.png) no-repeat center top;}
.lc ul li:nth-child(4).cur:after,.lc ul li:nth-child(8).cur:after{background: url(../images/lc-jth2.png) no-repeat center top;}


.xc{padding-top: 99px;padding-bottom: 120px;position: relative;}
.xc:after{content: "";display: block;background: url(../images/pro-bg.png) no-repeat;width: 477px;height: 194px;position: absolute;left: 50%;top: 40px;margin-left: -708px;}
.xc .tit{margin-bottom: 38px;}
.xc .tit h2{float: left;}
.xc .tit em{width:153px; height:46px; background:rgba(239,54,31,1); box-shadow:12px -4px 16px 0px rgba(239,54,31,0.2); border-radius:23px;text-align: center;line-height: 46px;margin-top: 0;margin-right: 0;display: block;float: right;}
.xc .tit em a{color: #fff;font-size: 16px;font-style: italic;font-weight: normal;text-transform: initial;}
.xc .tit em a:hover{color: #fff;padding: 0;border: none;}
.xc .con li{float: left;width: 387px;height: 289px;margin-right: 19.5px;}
.xc .con li:last-child{margin-right: 0;}
.xc .con li img{display: block;width: 387px;height: 289px;border-radius: 20px;}


.why{position: relative;height: 1000px;overflow: hidden;}
.why .tit{width: 1920px;margin-left: -360px;}
.why .tit li{transition: all .25s linear;display: none;}
.why .tit li.on{display: block;}
.why .tit img{width: 1920px;height: 1000px;}
.why .con{position: absolute;top: 0;background: url(../images/why-bg.png) no-repeat left top;width: 1029px;height: 784px;margin-left: -360px;margin-top: 110px;padding-left: 372px;box-sizing: border-box;padding-top: 93px;color: #fff;}
.why .con li > h3{font-size: 48px;line-height: 40px;display: block;font-style: italic;margin-bottom: 98px;}
.why .con li > em{width: 70px;height: 70px;display: block;}
.why .con li > em img{width: 70px;height: 70px;}
.why .con li > b{display: block;font-size: 24px;line-height: 20px;margin-bottom: 23px;margin-top: 40px;text-transform: capitalize;}
.why .con li > span{display: block;font-size: 16px;line-height: 30px;width: 382px;}
.why .con .qh{position: absolute;bottom: 110px;left: 610px;font-size: 14px;color: #fff;text-transform: uppercase;cursor: pointer;}
.why .con .qh .prev{background: url(../images/why-left.png) no-repeat left center;display: block;padding-left: 41px;font-size: 14px;line-height: 14px;float: left;margin-right: 70px;}
.why .con .qh .next{background: url(../images/why-right.png) no-repeat right center;display: block;padding-right: 41px;font-size: 14px;line-height: 14px;float: right;}
.why .con .pageState{position: absolute;font-size: 24px;line-height: 24px;color: #fff;bottom: 106px;letter-spacing: 3px}
.why .con .pageState span{font-size: 100px;line-height: 75px;display: inline-block;vertical-align: top;letter-spacing: 0;margin-right: 10px;}



.cj{padding-top: 101px;padding-bottom: 101px;position: relative;}
.cj:after{content: "";display: block;background: url(../images/pro-bg.png) no-repeat;width: 477px;height: 194px;position: absolute;left: 50%;top: 40px;margin-left: -708px;z-index: 1;}
.cj h2{margin-bottom: 38px;}
.cj .con dl{float: left;width: 387px;height: 440px;background: #F5F5F5;margin-right: 19.5px;transition: all .25s linear;}
.cj .con dl:last-child{margin-right: 0;}
.cj .con dl dt{line-height: 0;position: relative;}
.cj .con dl dt > a{display: block;}
.cj .con dl dt > a img{width: 387px;height: 217px;}
.cj .con dl dt span{position: absolute;right: 29px;bottom: -23px;}
.cj .con dl dt span img{width: 72px;height: 72px;}
.cj .con dl dd{box-sizing: border-box;padding: 30px;}
.cj .con dl dd b{font-size: 24px;display: block;color: #1A1A1A;height: 52px;line-height: 26px;margin-bottom: 19px;}
.cj .con dl dd span{font-size: 14px;line-height: 24px;color: #666;height: 48px;overflow: hidden;}
.cj .con dl dd em{float:right;background: url(../images/pro-more.png) no-repeat right center;font-weight: bold;padding-right: 26px;color: #EF361F;font-size: 16px;margin-top: 26px;}
.cj .con dl dd em a{display: block;}
.cj .con dl:hover{background:rgba(255,255,255,1); box-shadow:0px 8px 16px 0px rgba(239,54,31,0.2); border-radius:0px 0px 5px 5px;}



.hz{padding-top: 102px;box-sizing: border-box;height: 504px;background: url(../images/hz-bg.jpg) no-repeat center top;position: relative;}
.hz .tit{margin-bottom: 38px;}
.hz .tit h2{float: left;}
.hz .tit h2 a{color: #fff;}
.hz .tit em{width:153px; height:46px; background:#fff; box-shadow:12px -4px 16px 0px rgba(239,54,31,0.2); border-radius:23px;text-align: center;line-height: 46px;margin-top: 0;margin-right: 0;display: block;float: right;}
.hz .tit em a{color: #EF361F;font-size: 16px;font-style: italic;font-weight: bold;text-transform: initial;}
.hz .con{}
.hz .con li{width: 223px;height: 99px;float: left;margin-right: 20px;display: inline;margin-bottom: 20px;border-radius:10px;overflow: hidden;background: #fff;}
.hz .con li:nth-child(5n){margin-right: 0;}
.hz .con li a{display: block;}
.hz .con li img{width: 223px;height: 99px;filter: grayscale(100%);-webkit-filter: grayscale(100%);opacity: 0.6;transition: all .25s linear;}
.hz .con li:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);opacity: 1;}


.new{background: url(../images/new-bg.jpg) no-repeat center 20px;height: 638px;padding-top: 120px;}
.new-l{width: 530px;float: left;}
.new-l h3,.new-r h3{margin-bottom: 55px;}
.new-l h3 a{color: #000;}
.new-l .con li{height: 135px;}
.new-l .con li em{float: left;width: 396px;}
.new-l .con li em b{display: block;font-size: 16px;color: #231815;line-height: 24px;max-height: 48px;overflow: hidden;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.new-l .con li em span{font-size: 13px;color: rgba(35,24,21,1);opacity: 0.6;line-height: 18px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 36px;}
.new-l .con li i{float: right;text-align: center; width: 60px;}
.new-l .con li i b{font-size: 50px;color: #231815;display: block;line-height: 40px;margin-bottom: 10px;margin-top: 12px;}
.new-l .con li i span{display: block;background: url(../images/new-dot.png) no-repeat center;text-transform: lowercase;}
.new-l .more{float: right;width: 153px;height: 46px;background: #EF361F;text-align: center;color: #fff;line-height: 46px;border-radius:23px;font-size: 16px;font-weight: bold;}
.new-l .more a{color: #fff;}

.new-r{float: right;width: 508px;}
.new-r .form{}
.new-r .form li{width: 249px;height: 60px;line-height: 60px;margin-bottom: 10px;float: left;margin-right: 10px;border-radius:10px;overflow: hidden;}
.new-r .form li:nth-child(7){width: 508px;height: 130px;line-height: 26px;}
.new-r .form li:last-child{width: 508px;height: auto;overflow: unset;}
.new-r .form li:nth-child(2n){margin-right: 0;}
.new-r .form .txt{width: 229px;height: 60px;background: #fff;border: none;padding-left: 20px;font-size: 16px;color: #666;}
.new-r .form .txt2{width: 468px;height: 110px;background: #fff;border: none;padding-left: 20px;font-size: 16px;color: #666;resize:none;padding:20px;font-size: 16px;font-family: arial;}
.new-r .form .txt:focus,.new-r .form .txt2:focus{outline:0;}
.new-r .form li.word{padding-left: 18px;width: 490px;margin-top: 32px;height: auto;margin-bottom: 0}
.new-r .form li.word span{font-size: 14px;color: #666;line-height: 16px;display: block;}
.new-r .form li.word b{display: block;font-size: 16px;color: #EF361F;}
.new-r .form .btn{float: right;width: 153px;height: 46px;background: #EF361F;text-align: center;color: #fff;line-height: 46px;border-radius:23px;font-size: 16px;font-weight: bold;border: none;box-shadow: 12px -4px 16px 0px rgba(239,54,31,0.2);}