/*header begin*/
.box{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:120px; background:#ffffff; z-index:999999999999; padding:0px 80px 0px 80px;}
.w_box{background:none;}
.box.sticky{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:120px; background:#ffffff; z-index:999999999999;}
.logo{ width:13%; height:auto; overflow:hidden; float:left; padding-top:38px;}
.logo img{ display:block; margin:0 auto; max-width:100%;}
.pc_nav{ float:left; width:67%; text-align:center;}
.pc_nav li{ display:inline-block; margin-right:43px; line-height:120px;}
.pc_nav li a{ display:block; background:url(../images/bg.png) no-repeat left center; color:#333333;font-family: "Microsoft YaHei"; font-size:20px; padding-left:24px;}
.pc_nav li.qcbj{ margin-right:0px;}
.din{ float:right; width:20%; line-height:45px; text-align:right; padding-top:38px;}
.din a{ color:#333333; font-size:18px;font-family: "Microsoft YaHei"; margin-right:38px;}
.din span{ color:#333333; font-size:18px;font-family: "Microsoft YaHei";}
.pc_nav li a.dada{ background:url(../tu/tu7.png) no-repeat left center; color:#dab96b;padding-left:24px;}
.pc_nav li a.xiao{  }
.pc_nav ul li:hover a{background:url(../tu/tu7.png) no-repeat left center; color:#dab96b;padding-left:24px;}
.pc_nav ul li.l1:hover .bnhj { display: block;min-height:700px;opacity:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }

.bnhj{ position:absolute; left:0; width:100%; height:0px;opacity:0;overflow:hidden; top:120px; z-index:999999; padding:0 80px;}
.pc_nav ul li.l1 .gini_r li{ margin-right:0px; line-height:36px}
.pc_nav ul li.l1 .gini_r li a{ float:left; width:100%; padding:0;}

.pc_nav ul li.l1 .gini_r li a{ padding:0; background:none; padding-left:0px; width:100%;}
.pc_nav ul li.l1 .linu_r li{ margin-right:0px; line-height:36px}
.pc_nav ul li.l1 .linu_r li a{ float:left; width:100%;padding:0;}
.pc_nav ul li.l1 .rony li{ float:left; width:50%; height:auto; position:relative; margin-right:0px;}
.pc_nav ul li.l1 .chux li{ float:left; width:20%; height:auto; position:relative; margin-right:0px;}
.pc_nav ul li.l1 .gini_l a,.pc_nav ul li.l1 .liny_l a,.pc_nav ul li.l1 .rony li a,.pc_nav ul li.l1 .chux li a{ padding-left:0px;}
.w_box .pc_nav li a{color:#fff}
.w_box .pc_nav li a{color:#fff}
.w_box .din a{ color:#fff;}
.w_box .din span{color:#fff; }
.bonrc{  padding-left:116px; text-align:left;}
.rony li .bonrc p{float:left; width:50%; text-align:left; font-size:16px;}
.lial{ width:100%;}
.pc_nav ul li.l1 .lial li{ margin-right:0px;}
.pc_nav ul li.l1 .lial li{ float:left; position:relative; width:16.666%;}
.pc_nav ul li.l1 .lial li img{ width:100%; height:700px;}
.pc_nav ul li.l1 .lial li a{ padding:0; background:none; padding-left:0px; width:100%;}
.tuoi{ position:absolute; width:100%; height:100%; top:0px; left:0; padding-top:200px;transition: all 1s ease;opacity:0;}
.pc_nav ul li.l1 .lial .tuoi img{ display:block; margin:0 auto; width:30px; height:30px;}
.tuoi p{ text-align:center; color:#fff; font-size:16px; line-height:36px; margin-bottom:10px;}
.tuoi p em{ display:block; font-size:16px; color:#fff;}
.pc_nav ul li.l1 .lial li:hover .tuoi{ background:rgba(218,185,107,0.8);  padding-top:150px; top:0;opacity:1;}
.sj_pav{ display:none;}
@media(max-width:1024px){
.sj_pav{ display:block; float:right; margin-top:-5px;}	
}

/*header end*/

/*.dano{ clear:both; width:100%; height:auto; position:absolute; left:0; top:120px; z-index:999999; padding:0 80px;transition: all 1s ease;}*/
.gini{ clear:both; height:auto; overflow:hidden;}
.guag{ clear:both; text-align:center;}
.gini_l{ float:left; width:45%; height:auto; overflow:hidden;}
.gini_lt{width:100%;height:auto; overflow:hidden;position:relative;}

.gini_lt img{ display:block; width:100%; height:350px;}
.gini_lt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:138px; color:#ffffff; font-size:30px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease; line-height:36px;}
.gini_lt span i{ color:#ffffff; font-size:30px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block; line-height:36px;}
.gini_lt font{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(218,185,107,0.5); text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;opacity:0;transition: all 1s ease; line-height:36px; }
.gini_lt font img{ display:block; width:110px; max-height:110px;}
.gini_lt:hover span{opacity:0;}
.gini_lt:hover font{opacity:1;}
.gini_r{ float:right; width:55%; height:auto; position:relative;}
.gini_r li{ float:left; width:50%; height:auto; position:relative;}
.gini_r li img{ display:block; width:100%; height:350px;}
.gini_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:138px; color:#ffffff; font-size:30px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_r li span i{ color:#ffffff; font-size:30px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.gini_r li font{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(187,159,93,0.5); text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;opacity:0;transition: all 1s ease; }
.gini_r li font img{ display:block; width:110px; height:110px;}
.gini_r li:hover span{opacity:0;}
.gini_r li:hover font{opacity:1;}
.liny{ clear:both; width:100%; height:auto; overflow:hidden;}
.liny_l{ float:left; position:relative; width:37%; height:auto; overflow:hidden;}
.liny_l img{ display:block; width:100%; height:700px;}
.liny_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:310px; color:#ffffff; font-size:30px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease; line-height:36px;}
.liny_l span i{ color:#ffffff; font-size:30px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.liny_l font{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(187,159,93,0.5); text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;opacity:0;transition: all 1s ease; }
.liny_l font img{ display:block; width:110px; height:110px;}
.liny_l:hover span{opacity:0;}
.liny_l:hover font{opacity:1;}
.linu_r{ float:right; width:63%; height:auto; overflow:hidden;}
.linu_r li{ float:left; width:33.33%; height:auto; position:relative;}
.linu_r li img{ display:block; width:100%; height:350px;}
.linu_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:158px; color:#ffffff; font-size:30px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.linu_r li span i{ color:#ffffff; font-size:30px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.linu_r li font{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(187,159,93,0.5); text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;opacity:0;transition: all 1s ease; }
.linu_r li font img{ display:block; width:110px; height:110px;}
.linu_r li:hover span{opacity:0;}
.linu_r li:hover font{opacity:1;}

.rony{ clear:both; height:auto; overflow:hidden;}
.rony li{ float:left; width:50%; height:auto; position:relative;}
.rony li img{ display:block; width:100%; height:700px;}
.rony li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:253px; opacity:1;transition: all 1s ease;}
.rony li h1{ height:auto; overflow:hidden; padding-bottom:15px; background:url(../images/bg.jpg) no-repeat center bottom;color:#ffffff; font-size:30px;font-family: "Microsoft YaHei"; line-height:48px; margin-bottom:25px;}
.rony li h1 i{ color:#ffffff; font-size:30px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.rony li p{ text-align:center; color:#ffffff; font-size:16px; line-height:36px;font-family: "Microsoft YaHei";}
.rony li font{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(187,159,93,0.5); text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;opacity:0;transition: all 1s ease; }
.rony li font img{ display:block; width:110px; height:110px;}
.rony li:hover span{opacity:0;}
.rony li:hover font{opacity:1;}
.chux{ clear:both; height:auto; overflow:hidden;}
.chux li{ float:left; width:20%; height:auto; position:relative;}
.chux li img{ display:block; width:100%; height:700px;}
.chux li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:253px; opacity:1;transition: all 1s ease;}
.chux li h1{ height:auto; overflow:hidden; padding-bottom:15px; background:url(../images/bg.jpg) no-repeat center bottom;color:#ffffff; font-size:30px;font-family: "Microsoft YaHei"; line-height:48px; margin-bottom:25px;}
.chux li h1 i{ color:#ffffff; font-size:30px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.chux li p{ text-align:center; color:#ffffff; font-size:14px; line-height:30px;font-family: "Microsoft YaHei"; padding:0 84px;}
.chux li font{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(187,159,93,0.5); text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;opacity:0;transition: all 1s ease; }
.chux li font img{ display:block; width:110px; height:110px;}
.chux li:hover span{opacity:0;}
.chux li:hover font{opacity:1;}

@media(max-width:1680px){
	
.din a{ color:#333333; font-size:18px;font-family: "Microsoft YaHei"; margin-right:28px;}	
.pc_nav{ float:left; width:63%; line-height:45px; text-align:center;}
.pc_nav ul{ display:block; width:100%; text-align:center;}
.pc_nav li{ text-align:center;}
.din{ float:right; width:24%; line-height:45px; text-align:right;}
.rony li img{ display:block; width:100%; height:605px;}
.rony li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:153px; opacity:1;transition: all 1s ease;}
.chux li img{ display:block; width:100%; height:605px;}
.chux li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:193px; opacity:1;transition: all 1s ease;}

.chux li h1{ height:auto; overflow:hidden; padding-bottom:15px; background:url(../images/bg.jpg) no-repeat center bottom;color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; line-height:48px; margin-bottom:25px;}
.chux li h1 i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.chux li p{ text-align:center; color:#ffffff; font-size:14px; line-height:30px;font-family: "Microsoft YaHei"; padding:0 10px;}
.rony li h1 i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.liny_l img{ display:block; width:100%; height:605px;}
.liny_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:260px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.liny_l span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.linu_r li img{ display:block; width:100%; height:302.5px;}
.linu_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:138px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.linu_r li span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}

.gini_l img{ display:block; width:100%; height:605px;}
.gini_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:288px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_l span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}

.gini_r li img{ display:block; width:100%; height:302.5px;}
.gini_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:138px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_r li span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.w_box{background:none;}
}
@media(max-width:1440px){
.dano{ clear:both; width:100%; height:auto; position:absolute; left:0; top:120px; z-index:999999; padding:0 40px;}

.box{ clear:both; height:auto;position:fixed; left:0; top:0; width:100%; min-height:120px; background:#ffffff; z-index:999; padding:0 40px 0 40px;}
.din a{ color:#333333; font-size:18px;font-family: "Microsoft YaHei"; margin-right:28px;}	
.pc_nav{ float:left; width:63%; line-height:45px; text-align:center;}
.pc_nav ul{ display:block; width:100%; text-align:center;}
.pc_nav li{ text-align:center;}
.pc_nav li{ display:inline-block; margin-right:44px;}
.pc_nav li a{ display:block; background:url(../images/bg.png) no-repeat left center; color:#333333;font-family: "Microsoft YaHei"; font-size:18px; padding-left:24px;}

.din{ float:right; width:24%; line-height:45px; text-align:right;}
.rony li img{ display:block; width:100%; height:540px;}
.rony li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:133px; opacity:1;transition: all 1s ease;}
.chux li img{ display:block; width:100%; height:540px;}
.chux li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:173px; opacity:1;transition: all 1s ease;}

.chux li h1{ height:auto; overflow:hidden; padding-bottom:15px; background:url(../images/bg.jpg) no-repeat center bottom;color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; line-height:48px; margin-bottom:25px;}
.chux li h1 i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.chux li p{ text-align:center; color:#ffffff; font-size:14px; line-height:30px;font-family: "Microsoft YaHei"; padding:0 10px;}
.rony li h1 i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.liny_l img{ display:block; width:100%; height:540px;}
.liny_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:250px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.liny_l span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.linu_r li img{ display:block; width:100%; height:270px;}
.linu_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:118px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.linu_r li span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}

.gini_l img{ display:block; width:100%; height:540px;}
.gini_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:238px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_l span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}

.gini_r li img{ display:block; width:100%; height:270px;}
.gini_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:118px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_r li span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.din a{ color:#333333; font-size:16px;font-family: "Microsoft YaHei"; margin-right:38px;}
.din span{ color:#333333; font-size:16px;font-family: "Microsoft YaHei";}
.bnhj{ position:absolute; left:0; width:100%; height:0px;opacity:0;overflow:hidden; top:120px; z-index:999999; padding:0 40px;}
.bonrc{  padding-left:46px; text-align:left;}
.w_box{background:none;}
}

@media(max-width:1366px){
.dano{ clear:both; width:100%; height:auto; position:absolute; left:0; top:120px; z-index:999999; padding:0 40px;}

.box{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:120px; background:#ffffff; z-index:999; padding:0 40px 0 40px;}
.din a{ color:#333333; font-size:18px;font-family: "Microsoft YaHei"; margin-right:28px;}	
.pc_nav{ float:left; width:63%; line-height:45px; text-align:center;}
.pc_nav ul{ display:block; width:100%; text-align:center;}
.pc_nav li{ text-align:center;}
.pc_nav li{ display:inline-block; margin-right:44px;}
.pc_nav li a{ display:block; background:url(../images/bg.png) no-repeat left center; color:#333333;font-family: "Microsoft YaHei"; font-size:18px; padding-left:24px;}

.din{ float:right; width:24%; line-height:45px; text-align:right;}
.rony li img{ display:block; width:100%; height:477px;}
.rony li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:83px; opacity:1;transition: all 1s ease;}
.chux li img{ display:block; width:100%; height:477px;}
.chux li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:163px; opacity:1;transition: all 1s ease;}

.chux li h1{ height:auto; overflow:hidden; padding-bottom:15px; background:url(../images/bg.jpg) no-repeat center bottom;color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; line-height:48px; margin-bottom:25px;}
.chux li h1 i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.chux li p{ text-align:center; color:#ffffff; font-size:14px; line-height:30px;font-family: "Microsoft YaHei"; padding:0 10px;}
.rony li h1 i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.liny_l img{ display:block; width:100%; height:447px;}
.liny_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:200px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.liny_l span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.linu_r li img{ display:block; width:100%; height:223.5px;}
.linu_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:88px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.linu_r li span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}

.gini_l img{ display:block; width:100%; height:447px;}
.gini_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:188px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_l span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}

.gini_r li img{ display:block; width:100%; height:223.5px;}
.gini_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:88px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_r li span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.din a{ color:#333333; font-size:16px;font-family: "Microsoft YaHei"; margin-right:38px;}
.din span{ color:#333333; font-size:16px;font-family: "Microsoft YaHei";}
.w_box{background:none;}
}


@media(max-width:1280px){
.box{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:120px; background:#ffffff; z-index:999; padding:0 40px 0 40px;}
.din a{ color:#333333; font-size:18px;font-family: "Microsoft YaHei"; margin-right:28px;}	
.pc_nav{ float:left; width:62%; line-height:45px; text-align:center;}
.pc_nav ul{ display:block; width:100%; text-align:center;}
.pc_nav li{ text-align:center;}
.pc_nav li{ display:inline-block; margin-right:44px;}
.pc_nav li a{ display:block; background:url(../images/bg.png) no-repeat left center; color:#333333;font-family: "Microsoft YaHei"; font-size:18px; padding-left:24px;}

.din{ float:right; width:25%; line-height:45px; text-align:right;}
.rony li img{ display:block; width:100%; height:477px;}
.rony li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:83px; opacity:1;transition: all 1s ease;}
.chux li img{ display:block; width:100%; height:477px;}
.chux li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:163px; opacity:1;transition: all 1s ease;}

.chux li h1{ height:auto; overflow:hidden; padding-bottom:15px; background:url(../images/bg.jpg) no-repeat center bottom;color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; line-height:48px; margin-bottom:25px;}
.chux li h1 i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.chux li p{ text-align:center; color:#ffffff; font-size:14px; line-height:30px;font-family: "Microsoft YaHei"; padding:0 10px;}
.rony li h1 i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.liny_l img{ display:block; width:100%; height:447px;}
.liny_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:200px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.liny_l span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.linu_r li img{ display:block; width:100%; height:223.5px;}
.linu_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:88px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.linu_r li span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}

.gini_l img{ display:block; width:100%; height:447px;}
.gini_l span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:188px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_l span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}

.gini_r li img{ display:block; width:100%; height:223.5px;}
.gini_r li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); text-align:center; padding-top:88px; color:#ffffff; font-size:20px;font-family: "Microsoft YaHei";opacity:1;transition: all 1s ease;}
.gini_r li span i{ color:#ffffff; font-size:20px;font-family: "Microsoft YaHei"; text-transform:uppercase; display:block}
.din a{ color:#333333; font-size:16px;font-family: "Microsoft YaHei"; margin-right:38px;}
.din span{ color:#333333; font-size:16px;font-family: "Microsoft YaHei";}
.w_box{background:none;}
}
@media(max-width:1024px){
.pc_nav{ float:left; width:67%; line-height:45px; text-align:center; display:none;}
.din{ float:right; width:20%; line-height:45px; text-align:right; display:none;}	
.box{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:auto; background:rgba(255,255,255,0.9); z-index:999999999999; padding:20px 30px 20px 30px; border-bottom:1px solid #ebebeb;}
.logo{ width:auto; height:auto; overflow:hidden; float:left; padding:0;}
.box.sticky{clear:both; height:auto; overflow:hidden; position:fixed; left:0; top:0; width:100%; min-height:auto; background:rgba(255,255,255,0.9); z-index:999999999999; border-bottom:1px solid #ebebeb; }
}
@media(max-width:414px){
.pc_nav{ float:left; width:67%; line-height:45px; text-align:center; display:none;}
.din{ float:right; width:20%; line-height:45px; text-align:right; display:none;}	
.box{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:auto; background:rgba(255,255,255,0.9); z-index:999999999999; padding:15px 15px 15px 15px;}
.logo{ width:35%; height:auto; overflow:hidden; float:left; padding:0;}
}



/*fotter begin*/
.box4{ clear:both; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:108px 0 0 0;}
.box4_1{ padding:0 353px 35px 211px; overflow:hidden;}
.gyin{ float:left; width:48%; height:auto; overflow:hidden;}
.gyin_l{ float:left; width:28%; height:auto; overflow:hidden;}
.gyin_l h1{ color:#715c3f; font-size:18px; line-height:30px;font-family: "Microsoft YaHei"; margin-bottom:10px;}
.lgo{ float:left; width:207px; height:auto; overflow:hidden;}
.lgo img{ display:block; max-width:100%; margin:0 auto;}
.liqw{ float:right; width:20%; height:auto; overflow:hidden;}
.liqw h1{ color:#715c3f; font-size:18px; line-height:30px;font-family: "Microsoft YaHei"; margin-bottom:20px;}
.ginr{ height:auto; overflow:hidden; line-height:30px; vertical-align:middle; margin-bottom:35px;}
.ginr em{ margin:0 20px; font-size:30px; color:#dab763;}
.ginr a img{ margin-top:-10px;}
.liqw p{ line-height:30px; color:#9c9779; font-size:18x;font-family: "Microsoft YaHei";}
.liqw p em{ font-size:18px; font-family: "Microsoft YaHei";}
.einbi{ margin-top:30px;}
.wbk{ float:left; width:228px; height:20px; border:none; background:#fff; padding:0 5px; line-height:20px; color:#444444; font-size:14px; margin-right:10px;}
@media(max-width:1680px){
.box4_1{ padding:0 80px 35px 80px; overflow:hidden;}
.gyin{ float:left; width:43%; height:auto; overflow:hidden;}	
}
@media(max-width:1440px){
.box4_1{ padding:0 40px 35px 40px; overflow:hidden;}
.gyin{ float:left; width:43%; height:auto; overflow:hidden;}	
}
@media(max-width:1366px){
.box4_1{ padding:0 40px 35px 40px; overflow:hidden;}	
.liqw{ float:right; width:25%; height:auto; overflow:hidden;}
.gyin{ float:left; width:42%; height:auto; overflow:hidden;}	
}
@media(max-width:1024px){
.box4{ clear:both; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:40px 0 0 0;}
.box4_1{ padding:0 30px 35px 30px; overflow:hidden;}	
.liqw{ float:right; width:25%; height:auto; overflow:hidden;}
.gyin{ float:left; width:43%; height:auto; overflow:hidden;}
.wbk{ float:left; width:85%; height:20px; border:none; background:#fff; padding:0 5px; line-height:20px; color:#444444; font-size:14px; margin-right:10px;}
.gyin_l h1{ color:#715c3f; font-size:16px; line-height:30px;font-family: "Microsoft YaHei"; margin-bottom:10px;}
}
@media(max-width:768px){
.box4{ clear:both; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:40px 0 0 0;}
.box4_1{ padding:0 30px 35px 30px; overflow:hidden;}	
.liqw{ float:right; width:55%; height:auto; overflow:hidden;}
.gyin{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.wbk{ float:left; width:85%; height:20px; border:none; background:#fff; padding:0 5px; line-height:20px; color:#444444; font-size:14px; margin-right:10px;}

}
@media(max-width:414px){
.box4{ clear:both; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:20px 0 0 0;}
.box4_1{ padding:0 15px 35px 15px; overflow:hidden;}	
.liqw{ float:right; width:100%; height:auto; overflow:hidden; text-align:center;}
.gyin{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.wbk{ float:left; width:85%; height:20px; border:none; background:#fff; padding:0 5px; line-height:20px; color:#444444; font-size:14px; margin-right:10px;}
.gyin_l{ float:left; width:33.33%; height:auto; overflow:hidden;}
.gyin_l h1{ color:#715c3f; font-size:14px; line-height:24px;font-family: "Microsoft YaHei"; margin-bottom:0px;}
.lgo{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.liqw h1{ color:#715c3f; font-size:14px; line-height:30px;font-family: "Microsoft YaHei"; margin-bottom:10px;}
.ginr{ height:auto; overflow:hidden; line-height:30px; vertical-align:middle; margin-bottom:5px;}
.einbi{ margin-top:10px;}
.lgo img{ display:block; max-width:100%; margin:0 auto; width:30%; display:block;}
.ginr a img{ margin-top:-10px; width:5%;}

}
.box4_2{ clear:both; height:auto; overflow:hidden; background:url(../images/bg1.png) no-repeat center center;}
.box4_2 img{ display:block; margin:0 auto;}
.box4_3{ line-height:50px; text-align:center; color:#252224; font-size:14px;}
/*fotter end*/






.scrollspy-navz {
	z-index: 100;
}
.scrollspy-navz ul {
	margin: 0;
	padding: 0;
}
.scrollspy-navz li {
	display: inline-block;
	list-style: none;
	width:100%;
	display:block; line-height:30px;
}
.scrollspy-navz a { color:#b2a036; font-size:14px;
	display: inline-block;
}
.scrollspy-navz a.am-active {
}

@media(max-width:768px){
.scrollspy-navz li {
	display:block;
	list-style: none;
	width:14.2%;
	display:block; line-height:30px; float:left;
}	
}
@media(max-width:414px){
.scrollspy-navz li {
	display:block;
	list-style: none;
	width:25%;
	display:block; line-height:30px; float:left;
}	
.scrollspy-navz a { color:#b2a036; font-size:12px;
	display: inline-block;
}
}

@media(max-width:360px){
.scrollspy-navz li {
	display:block;
	list-style: none;
	width:33.33%;
	display:block; line-height:30px; float:left;
}	
}


@media(max-width:1680px){
.pc_nav ul li.l1 .lial li img{ width:100%; height:603px;}	
.tuoi{ position:absolute; width:100%; height:100%; top:0; left:0; padding-top:130px;transition: all 1s ease;opacity:0;}
.pc_nav ul li.l1 .lial .tuoi:hover{ background:rgba(218,185,107,0.8);  padding-top:110px;}
.tuoi p{ text-align:center; color:#fff; font-size:14px; line-height:36px; margin-bottom:10px;}
.pc_nav ul li.l1 .lial li:hover .tuoi{ background:rgba(218,185,107,0.8);  padding-top:150px; top:0;opacity:1;}
}
@media(max-width:1600px){
.pc_nav ul li.l1 .lial li img{ width:100%; height:571px;}	
.tuoi{ position:absolute; width:100%; height:100%; top:0; left:0; padding-top:130px;transition: all 1s ease;opacity:0;}
.pc_nav ul li.l1 .lial .tuoi:hover{ background:rgba(218,185,107,0.8);  padding-top:110px;}
.tuoi p{ text-align:center; color:#fff; font-size:14px; line-height:36px; margin-bottom:10px;}
.pc_nav ul li.l1 .lial li:hover .tuoi{ background:rgba(218,185,107,0.8);  padding-top:150px; top:0;opacity:1;}
.rony li .bonrc p{float:left; width:50%; text-align:left; font-size:14px;}
}
@media(max-width:1440px){
.pc_nav ul li.l1 .lial li img{ width:100%; height:510px;}	
.tuoi{ position:absolute; width:100%; height:100%; top:0; left:0; padding-top:90px;transition: all 1s ease;opacity:0;}
.pc_nav ul li.l1 .lial .tuoi:hover{ background:rgba(218,185,107,0.8);  padding-top:70px;}
.pc_nav ul li.l1 .lial .tuoi p{ text-align:center; color:#fff; font-size:14px; line-height:36px; margin-bottom:10px;}
.tuoi p em{ display:block; font-size:12px; color:#fff;}
.pc_nav ul li.l1 .lial li:hover .tuoi{ background:rgba(218,185,107,0.8);  padding-top:80px; top:0;opacity:1;}
}
@media(max-width:1366px){
.pc_nav ul li.l1 .lial li img{ width:100%; height:510px;}	
.tuoi{ position:absolute; width:100%; height:100%; top:0; left:0; padding-top:90px;transition: all 1s ease;opacity:0;}
.pc_nav ul li.l1 .lial .tuoi:hover{ background:rgba(218,185,107,0.8);  padding-top:70px;}
.pc_nav ul li.l1 .lial .tuoi p{ text-align:center; color:#fff; font-size:14px; line-height:36px; margin-bottom:10px;}
.tuoi p em{ display:block; font-size:12px; color:#fff;}
.pc_nav ul li.l1 .lial li:hover .tuoi{ background:rgba(218,185,107,0.8);  padding-top:80px; top:0;opacity:1;}
}
@media(max-width:1360px){
.pc_nav ul li.l1 .lial li img{ width:100%; height:507px;}	
.tuoi{ position:absolute; width:100%; height:100%; top:0; left:0; padding-top:90px;transition: all 1s ease;opacity:0;}
.pc_nav ul li.l1 .lial .tuoi:hover{ background:rgba(218,185,107,0.8);  padding-top:70px;}
.pc_nav ul li.l1 .lial .tuoi p{ text-align:center; color:#fff; font-size:14px; line-height:36px; margin-bottom:10px;}
.tuoi p em{ display:block; font-size:12px; color:#fff;}
.pc_nav ul li.l1 .lial li:hover .tuoi{ background:rgba(218,185,107,0.8);  padding-top:80px; top:0;opacity:1;}
}


.cd-popup3{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:999999999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3 {
    position: relative;
    width:400px;
    margin:250px auto;
    height:310px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:30px;height:30px; display: block;font-size:14px; background:url(../tu/cl.png) no-repeat center center;}
.is-visible3 .cd-popup-container3 {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
 .conwi{ padding-top:30px;}


 .cd-popup2{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:999999999;
}
.cd-popup2.is-visible2 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container2 {
    position: relative;
    width:1200px;
    margin:150px auto 0px;
    height:675px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close2{ position: absolute;right:10px;top:10px; z-index: 10;width:30px;height:30px; display: block;font-size:14px; background:url(../tu/cl.png) no-repeat center center;}
.is-visible2 .cd-popup-container2 {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
@media(max-width:1440px){
	.cd-popup-container2 {width:800px;height:450px;}
}
@media(max-width:1280px){
	.cd-popup-container2{width:800px;height:450px;}
}
@media(max-width:1024px){
	.cd-popup-container2{width:98%;height:auto;}
}