﻿@charset "utf-8";
/*end*/
body{overflow-x:hidden;}






/**/
.search{height:82px;background:url(../images/seach.jpg) no-repeat center;border-bottom:1px solid #e8e9eb;}
.sea span{display: block;float:left;padding-top:11px;}
.sea span i,.sea span a{display: block; float:left;height: 71px; line-height: 71px;font-size: 16px; color:#57585a;}
.sea span a{margin-right: 15px;}
.sea .sou{float:right; margin-top: 25px;width:420px; height:35px;}
.sea .sou .txt{width:365px; height:39px; line-height: 37px;float:left;border:1px solid #e4e4e4; border-right:0;background:#FFF;font-size: 14px; color:#57585a;padding:0 20px; box-sizing: border-box;}
.sea .sou .txt::-webkit-input-placeholder{font-size: 14px; color:#57585a;}
.sea .sou .txt::-moz-placeholder{font-size: 14px; color:#57585a;}
.sea .sou .btn{width:54px; height:39px; float:left; background:url(../images/sea-btn.jpg) no-repeat center; cursor: pointer;}
/**/
.guide{height:813px;background:url(../images/guide.jpg) no-repeat center;}
.gui{padding-top:167px;}
.gui h2{text-align: center; margin-bottom: 38px;}
.gui h2 span{display: block; height:65px; line-height: 65px;  font-size: 50px; color:#333333;font-weight: normal;}
.gui h2 em{display: block; height:106px; line-height: 106px;font-size: 40px; color:#666666; font-weight: normal;}
.gui strong{display: block;line-height: 26px; text-align: center;font-size: 15px; color:#666666;margin-bottom: 50px; font-weight: normal;}
.gui ul li{float:left;width:calc(80%/4); text-align:center;}
.gui ul li img{ margin:0 auto;}
.gui ul li span{display: block; height:63px;}
.gui ul li span em{display: inline-block; height:63px; line-height: 63px; font-size: 40px; color:#57585a; font-family: "Arial";}
.gui ul li span i{display: inline-block;width:30px; height:30px; line-height: 30px;text-align: center; background:#BE9A4D; font-size: 15px; color:#FFF; font-weight: bold; border-radius: 50%; vertical-align: top;margin-left: -12px;}
.gui ul li p{line-height: 30px;font-size: 16px; color:#57585a;}
.gui ul li:nth-child(2) p{padding-left:10px;}
/**/
.fwbj{height:880px;}
.fw{padding-top:33px;}
.fw h2{text-align: center; margin-bottom:30px;}
.fw h2 span{display: block; height:74px; line-height: 74px;font-size: 48px; color:#333333;font-weight: normal;}
.fw h2 em{width:319px;margin:0 auto; position: relative;display: block;font-weight: normal;}
.fw h2 em:before{width:100%; height:1px; background:#ddd9c5; content:""; position: absolute; left:0; top:12px;}
.fw h2 em i{display: block; width:198px; height:23px;line-height: 23px; text-align: center; border: 1px solid #ddd9c5;font-size: 14px; color:#b6b2a1; font-weight: normal;background:#f7f7f7; text-transform: uppercase;margin:0 auto; z-index:300; position: relative;}
.fw .fw-con{height:333px; overflow: hidden; margin-bottom: 8px;}
.fw .fw-con .fw-qh{width:772px; height:333px; float:left; overflow: hidden;}
.fw .fw-con .fw-list span{width:100%; line-height: 0; overflow: hidden;}
.fw .fw-con .fw-list span img{width:100%; transition: 1s;}
.fw .fw-con .fw-list span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.fw .fw-con .fw-hd{width:428px;float:left;}
.fw .fw-con .fw-hd ul li{float:left; width:50%;height:166px;border-bottom:1px solid rgba(161,161,161,0.2);border-right:1px solid rgba(161,161,161,0.2); box-sizing: border-box;padding-top:30px;position: relative;}
.fw .fw-con .fw-hd ul li:before{width:100%; height:100%; background:#BE9A4D; content:""; position: absolute; left:0; top:0; transition: .5s; transform: scale(0);}
.fw .fw-con .fw-hd ul li:nth-child(2n){border-right:0;}
.fw .fw-con .fw-hd ul li i{display: block; height:66px; line-height: 66px; text-align: center; font-size: 60px; color:rgba(39,39,39,0.5); font-family: "宋体"; position: relative; z-index:300; transition: .5s;}
.fw .fw-con .fw-hd ul li em{display: block; height:45px; line-height: 45px;font-size: 20px; color:#272727; text-align: center; position: relative; z-index:300; transition: .5s;}
.fw .fw-con .fw-hd ul li:nth-child(3),.fw .fw-con .fw-hd ul li:nth-child(4){border-bottom:0;}
.fw .fw-con .fw-hd ul li.cur:before{ transform: scale(1);}
.fw .fw-con .fw-hd ul li.cur i{color:rgba(255,255,255,0.5);}
.fw .fw-con .fw-hd ul li.cur em{color:#FFF;}
/**/
.ysbj{background:#F2F2F2;}
.ys{padding-top:20px;}
.ys h2{text-align: center; margin-bottom: 42px;}
.ys h2 span{display: block; height:73px; line-height: 73px;font-size: 48px; color:#333333;font-weight: normal;}
.ys h2 em{width:470px;margin:0 auto; position: relative;display: block;}
.ys h2 em:before{width:100%; height:1px; background:#ddd9c5; content:""; position: absolute; left:0; top:12px;}
.ys h2 em i{display: block; width:305px; height:23px;line-height: 23px; text-align: center; border: 1px solid #ddd9c5;font-size: 14px; color:#b6b2a1; font-weight: normal;background:#f7f7f7; text-transform: uppercase;margin:0 auto; z-index:300; position: relative;}
.ys .ys-nav{width:1200px; height:90px; margin:0 auto;}
.ys .ys-nav ul li{float:left;width:20%; height:80px; border-right:1px solid #d2d6da; box-sizing: border-box;}
.ys .ys-nav ul li i{display: block;width:51px; height:40px; margin:0 auto; overflow: hidden;}
.ys .ys-nav ul li i img{width:100%; transition: .5s;}
.ys .ys-nav ul li em{display: block; height:30px; line-height: 30px; text-align: center; font-size: 20px; color:#535353; }
.ys .ys-nav ul li:last-child{border-right:0;}
.ys .ys-nav ul li.cur i img{margin-top:-40px;}
.ys .ys-nav ul li.cur em{color:#BE9A4D;}
.ys .ys-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.ys .ys-list dl dt img{width:100%;}
.ys .ys-list dl dd{width:1200px; height:159px;margin:0 auto; position: relative;}
.ys .ys-list dl dd .ys-tit{width:275px; height:220px;float:left;background: #BE9A4D;box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.12);padding-top:5px; box-sizing: border-box; margin-top: -61px;}
.ys .ys-list dl dd .ys-tit i{display: block; height:102px; line-height: 102px; text-align: center;font-size: 86px; color:rgba(255,255,255,0.36); margin-bottom: 10px;}
.ys .ys-list dl dd .ys-tit span{display: block; height:34px; line-height: 34px;font-size: 18px; color:#FFF; font-family: "思源黑体 CN";text-align: center;}
.ys .ys-list dl dd .ys-tit em{display: block; height:51px; line-height: 51px;font-size: 26px; color:#FFF; text-align: center;}
.ys .ys-list dl dd .ys-desc{width:675px; height:159px;float:left;padding:38px 0 0 36px; box-sizing: border-box; line-height: 27px; font-size: 16px; color:#666666;}
.ys .ys-list dl dd strong{display: block; width:147px;  height:51px; background:#BE9A4D; border-radius: 25px;float:right;margin-top: 45px; }
.ys .ys-list dl dd strong a{display: block; height:51px; text-align:center;}
.ys .ys-list dl dd strong a i{display: inline-block; height:51px; line-height: 51px;font-size: 15px; color:#FFFFFF;padding-right:31px;background:url(../images/ys-jt.png) no-repeat right; font-weight: normal;background-size:28%;}
/**/
.product{height:1095px;}
.pro{padding-top:33px;}
.pro h2{text-align: center; margin-bottom: 29px;}
.pro h2 span{display: block; height:74px; line-height: 74px;font-size: 48px; color:#333333; font-weight: normal;}
.pro h2 em{width:388px;margin:0 auto; position: relative;display: block;}
.pro h2 em:before{width:100%; height:1px; background:#ddd9c5; content:""; position: absolute; left:0; top:12px;}
.pro h2 em i{display: block; width:248px; height:23px;line-height: 23px; text-align: center; border: 1px solid #ddd9c5;font-size: 14px; color:#b6b2a1; font-weight: normal;background:#f7f7f7; text-transform: uppercase;margin:0 auto; z-index:300; position: relative;}
.pro .pro-nav{height:296px; margin-top: 26px;}
.pro .pro-nav ul li{float:left;width:189px; height:294px;border:1px solid #FFF;border-radius: 10px; overflow: hidden; position: relative; margin-left: 10px;}
.pro .pro-nav ul li span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.pro .pro-nav ul li span img{width:100%;}
.pro .pro-nav ul li strong{display: block; position: absolute; left:0;top:0;padding:18px 0 0 22px; width:100%; box-sizing: border-box; }
.pro .pro-nav ul li strong em{display: block; height:29px; line-height: 29px;font-size: 20px; color:#fff; font-family: "宋体";}
.pro .pro-nav ul li strong i{display: block; height:16px; line-height: 16px;font-size: 12px; color:#919191; font-weight: normal;}
.pro .pro-nav ul li:first-child{margin-left: 0;}
.pro .pro-nav ul li.pon.cur{border:1px solid #be9a4d;}
.pro .pro-nav ul li:last-child:hover{border:1px solid #be9a4d;}
.pro .pro-con{position: relative;}
.pro .pro-con .pro-list dl{height:573px; position: relative;}
.pro .pro-con .pro-list dl dt{width:100%; height:573px; line-height: 0; overflow: hidden;}
.pro .pro-con .pro-list dl dt img{width: 100%; transition: 1s;}
.pro .pro-con .pro-list dl dd{width: 439px; height:300px; position: absolute; top:128px; right:141px;}
.pro .pro-con .pro-list dl dd h4{height:64px; line-height: 64px;border-bottom:1px solid #b5bcc1; margin-bottom: 30px;}
.pro .pro-con .pro-list dl dd h4 a{font-size: 30px; color:#303030;}
.pro .pro-con .pro-list dl dd p{line-height: 27px;font-size: 16px; color:#666666; margin-bottom: 48px;}
.pro .pro-con .pro-list dl dd strong{display: block; width:198px;  height:51px; background:#BE9A4D; border-radius: 25px;float:right;margin-top: 45px; }
.pro .pro-con .pro-list dl dd strong a{display: block; height:51px; text-align:center;}
.pro .pro-con .pro-list dl dd strong a i{display: inline-block; height:51px; line-height: 51px;font-size: 18px; color:#FFFFFF;padding-right:62px;background:url(../images/ys-jt.png) no-repeat right; font-weight: normal;}
.pro .pro-con .pro-jt i{display:block;width:33px; height:67px; cursor: pointer; }
.pro .pro-con .pro-jt .pro-prev{background:url(../images/pro-prev.png) no-repeat center; position: absolute;left:71px; top:240px;}
.pro .pro-con .pro-jt .pro-next{background:url(../images/pro-next.png) no-repeat center; position: absolute;right:71px; top:240px;}
/**/
.case{padding:25px 2.6% 0;}
.case h2{text-align: center; margin-bottom: 34px;}
.case h2 span{display: block; height:73px; line-height: 73px;font-size: 48px; color:#333333; font-weight: normal;}
.case h2 em{width:388px;margin:0 auto; position: relative;display: block;}
.case h2 em:before{width:100%; height:1px; background:#ddd9c5; content:""; position: absolute; left:0; top:12px;}
.case h2 em i{display: block; width:248px; height:23px;line-height: 23px; text-align: center; border: 1px solid #ddd9c5;font-size: 14px; color:#b6b2a1; font-weight: normal;background:#f7f7f7; text-transform: uppercase;margin:0 auto; z-index:300; position: relative;}
.case .cas-list{padding-bottom:41px;}
.case .cas-list ul li{float:left;width:31.7%;margin-left:2%;}
.case .cas-list ul li:first-child{margin-left:0;}
.case .cas-list dl dt{width:100%;line-height: 0; overflow: hidden;}
.case .cas-list dl dt img{width:100%; transition: 1s;}
.case .cas-list dl dd{ background:#FFF;box-shadow: 0px 0px 54px 0px #DEDEDE; padding:6px 47px 30px 43px; box-sizing: border-box;}
.case .cas-list dl dd h4{height:57px; line-height: 57px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-list dl dd h4 a{display:block;font-size: 18px; color:#000000; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-list dl dd .cas-time{height:26px;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;margin-bottom: 13px;}
.case .cas-list dl dd .cas-time em{display: inline-block; height:26px; line-height: 26px;font-size: 14px; color:#6a6a6a; margin-right: 22px;}
.case .cas-list dl dd p{line-height: 25px;font-size: 14px; color:#666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 29px; }
.case .cas-list dl dd strong{display: block; width:39px; height:39px;}
.case .cas-list dl dd strong a{display: block; width:100%; height:100%;background:url(../images/cas-jt.png) no-repeat center;}
/**/
.lcbj{height:596px; background:url(../images/lcbj.jpg) no-repeat center;}
.lc{padding-top:67px;}
.lc h2{text-align: center; margin-bottom: 73px;}
.lc h2 span{display: block; height:73px; line-height: 73px;font-size: 48px; color:#FFF;font-weight: normal;}
.lc h2 em{width:405px;margin:0 auto; position: relative;display: block;}
.lc h2 em:before{width:100%; height:1px; background:#ddd9c5; content:""; position: absolute; left:0; top:12px;}
.lc h2 em i{display: block; width:271px; height:23px;line-height: 23px;text-align: center; border: 1px solid #ddd9c5;font-size: 14px; color:#b6b2a1; font-weight: normal;background:#f7f7f7; text-transform: uppercase;margin:0 auto; z-index:300; position: relative;}
.lc .lc-con{height:189px;}
.lc .lc-con span{display: block;width: 76px;float:left;}
.lc .lc-con span em{display: block; width:66px; height:66px;margin:0 auto; position: relative;}
.lc .lc-con span em i{display: block; width:100%; height:66px; line-height: 0; overflow: hidden; position: absolute;}
.lc .lc-con span em i img{width:100%;}
.lc .lc-con span em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.lc .lc-con span em i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.lc .lc-con span p{height:50px; line-height: 50px; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 18px; color:#FFF;}
.lc .lc-con b{display: block; width:64px; height:64px; float:left; line-height: 0; overflow: hidden;position: relative;z-index:300;}
.lc .lc-con b img{width:100%;}
.lc .lc-con span.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.lc .lc-con span.cur i.hover{opacity: 1; transform: scale(1);}
.lc .lc-con span.cur p{font-weight: bold;color:#c79127;}
.lc .lc-tel{width:299px; height:70px; background:#BE9A4D; border-radius: 50px;margin:0 auto;padding-top:10px; box-sizing: border-box; text-align: center;}
.lc .lc-tel span{display: inline-block; padding-left:46px; background:url(../images/lc-tel.png) no-repeat left;text-align: left;}
.lc .lc-tel span em{display: block; height:23px; line-height: 23px;font-size: 16px; color:#ffffff;}
.lc .lc-tel span p{height:25px; line-height: 25px;font-size: 20px; color:#FFF; font-weight: bold;}
/**/
.newsbj{height:820px;}
.news{padding-top:33px;}
.news h2{text-align: center; margin-bottom: 30px;}
.news h2 span{display: block; height:73px; line-height: 73px;font-size: 48px; color:#333333;font-weight: normal;}
.news h2 em{width:204px;margin:0 auto; position: relative;display: block;}
.news h2 em:before{width:100%; height:1px; background:#ddd9c5; content:""; position: absolute; left:0; top:12px;}
.news h2 em i{display: block; width:72px; height:23px;line-height: 23px;text-align: center; border: 1px solid #ddd9c5;font-size: 14px; color:#b6b2a1; font-weight: normal;background:#f7f7f7; text-transform: uppercase;margin:0 auto; z-index:300; position: relative;}
.news .news-left{width:572px; float:left;}
.news .news-left dl{height:468px; border-bottom:2px solid #efefef;margin-bottom: 25px;}
.news .news-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-left dl dt img{width:100%; transition: 1s;}
.news .news-left dl dd{padding-top:21px;}
.news .news-left dl dd h4{height: 44px; line-height: 44px;margin-bottom: 8px;}
.news .news-left dl dd h4 a{font-size: 16px; color:#be9a4d; font-weight: bold;}
.news .news-left dl dd p{line-height: 23px;font-size: 13px; color:#666666;}
.news .news-left dl dd p a{font-size: 15px; color:#be9a4d;}
.news .news-left .bd{overflow: hidden;}
.news .news-left ul li{height:35px;padding-left:11px;background:url(../images/dtico.png) no-repeat left;}
.news .news-left ul li span{display: block;height:35px;line-height: 35px;font-size: 16px; color:#666666;float:left;}
.news .news-left ul li em{display: block; height:35px; line-height:35px; float:right;font-size: 12px; color:rgba(83,83,83,0.6); margin-right: 19px;}
.news .news-rig{width:573px; float:right;}
.news .news-rig .news-top{height:255px;margin-bottom: 6px;}
.news .news-rig .news-top ul{height:255px; overflow: hidden;}
.news .news-rig .news-top ul li{height:119px; margin-bottom: 17px;}
.news .news-rig .news-top ul li dl dt{width:212px; height:119px;float:left; line-height: 0; overflow: hidden;}
.news .news-rig .news-top ul li dl dt img{width:100%;}
.news .news-rig .news-top ul li dl dd{width:340px; float:right;}
.news .news-rig .news-top ul li dl dd h4{height: 33px; line-height: 33px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .news-top ul li dl dd h4 a{display: block;font-size: 16px; color:#333333; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .news-top ul li dl dd p{height:29px; line-height: 29px;font-size: 14px; color:#666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 14px;}
.news .news-rig .news-top ul li dl dd em{display: block;padding-top:13px; height:28px; line-height: 28px;border-top:1px solid #e5e5e5;font-size: 14px; color:#666666; font-weight: bold;}
.news .news-rig .news-bot h3{height:83px; line-height: 83px; position: relative;padding-left:15px;}
.news .news-rig .news-bot h3 a{font-size: 22px; color:#3e3e3f;}
.news .news-rig .news-bot h3:before{width:2px; height:24px; background: #3e3e3f;content:"";position: absolute;left:0;top:29px;}
.news .news-rig .news-bot .bdt{height:270px;background:#f5f5f5;padding:10px 27px 0 18px;}
.news .news-rig .news-bot .bdt .bd ul li{height:129px !important; border-bottom:1px dashed #e4e4e4;padding-top:25px; box-sizing: border-box;}
.news .news-rig .news-bot .bdt .bd ul li h4{height:28px; margin-bottom: 10px;}
.news .news-rig .news-bot .bdt .bd ul li h4 i{display: block; width:28px; height:28px; text-align: center;background:#be9a4d; line-height: 28px;font-size: 13px; color:#FFF; border-radius: 50%; font-weight: normal; margin-right: 14px;float:left;}
.news .news-rig .news-bot .bdt .bd ul li h4 a{display: block; height:28px; line-height: 28px;font-size: 16px; color:#333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .news-bot .bdt .bd ul li p i{display: block; width:28px; height:28px; text-align: center;background:#535353; line-height: 28px;font-size: 13px; color:#FFF; border-radius: 50%; font-weight: normal; margin:2px 14px 0 0;float:left;}
.news .news-rig .news-bot .bdt .bd ul li p em{display: block; float:left;font-size: 13px; color:#666666;width: 478px;}
/**/
.about{height:1236px; background:url(../images/abo-bj.jpg) no-repeat center top;}
.abo{padding-top:68px;}
.abo .abo-tit{height:745px;}
.abo h2{text-align: center; margin-bottom: 45px;}
.abo h2 span{display: block; height:73px; line-height: 73px;font-size: 48px; color:#666; font-weight: normal;}
.abo h2 em{width:274px;margin:0 auto; position: relative;display: block;}
.abo h2 em:before{width:100%; height:1px; background:#ddd9c5; content:""; position: absolute; left:0; top:12px;}
.abo h2 em i{display: block; width:149px; height:23px;line-height: 23px;text-align: center; border: 1px solid #ddd9c5;font-size: 14px; color:#b6b2a1; font-weight: normal;background:#f7f7f7; text-transform: uppercase;margin:0 auto; z-index:300; position: relative;}
.abo p{text-align: center; line-height: 25px;font-size: 14px; color:#666;width:960px;margin:0 auto 32px; }
.abo strong{display: block; width:37px; height:37px; margin:0 auto; line-height: 0; overflow: hidden;}
.abo strong a{display: block; width:100%;height:100%;background:url(../images/abo-jia.png) no-repeat center;}
.abo .abo-bot{padding-top:26px;}
.abo .abo-bot .abo-nav{width:657px;height:48px;margin:0 auto 20px;}
.abo .abo-bot .abo-nav ul li{float:left; width:130px; height:48px;margin-left: 45px;}
.abo .abo-bot .abo-nav ul li i{display: block; float:left;width:27px; height:27px;margin:13px 9px 0 0; overflow: hidden;}
.abo .abo-bot .abo-nav ul li i img{width:100%; transition: .5s;}
.abo .abo-bot .abo-nav ul li em{display: block; height:48px; line-height: 48px;font-size: 20px; color:#535353;float:left;}
.abo .abo-bot .abo-nav ul li:first-child{margin-left: 0;}
.abo .abo-bot .abo-nav ul li.cur i img{margin-top:-27px;}
.abo .abo-bot .abo-nav ul li.cur em{color:#be9a4d; font-weight: bold;}
.abo .abo-bot .abo-list{height:263px; position: relative;}
.abo .abo-bot .abo-list .bd{overflow: hidden;}
.abo .abo-bot .abo-list .bd ul li{float:left;width:388px; margin-right: 10px;}
.abo .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-bot .abo-list .bd ul li span img{width:100%; transition: 1s;}
.abo .abo-bot .abo-list .bd ul li em{display: block; height:48px; line-height: 48px;font-size: 16px; color:#666666;background:url(../images/abo-jt.png) no-repeat right;}
.abo .abo-bot .abo-list .abo-jt i{display: block;width:21px; height:41px;cursor: pointer;}
.abo .abo-bot .abo-list .abo-jt .abo-prev{background:url(../images/abo-prev.png) no-repeat center; position: absolute; left:-52px; top:87px;}
.abo .abo-bot .abo-list .abo-jt .abo-next{background:url(../images/abo-next.png) no-repeat center; position: absolute; right:-52px; top:87px;}























