﻿@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:28px; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: inline-block;}

a{ color:#5c5c5c; text-decoration:none}



h2,h3,h4,b,strong { font-weight: normal; }

em,i { font-style: normal; }

@font-face {

 font-family: 'font1';

 src: url('../images/Alt.otf');

 

} 



.clear{ zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}



.header{height: 80px;background: #fff; width: 100%; position: fixed;z-index: 100;left: 0;top: 0;}

.headerbox{width: 1600px; margin: 0 auto;}

.logo{width: 116px;float: left; padding-top: 8px;}

.logo img{width: 100%;}

.lxdh{float: right;width: 208px;height: 38px;border: 1px solid #cdac76; font-size: 16px;color: #CDAC76; line-height: 36px;border-radius: 19px;margin-top: 20px;text-align: center;}

.lxdh img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}

.nav{float: right;}

.nav li{float: left; position: relative; }

.nav h3 a{color: #333;line-height: 80px; font-size: 16px;display: block; padding: 0 40px;}

.nav h3 a:hover{color: #fff;background: #cdac76;}

.sub{position: absolute;width: 100%; text-align: center; top: 80px;left: 0;background: rgba(255,255,255,.8);display: none;}

.sub a{display: block; text-align: center; font-size: 14px; line-height: 40px;transition: All 0.4s ease-in-out;}

.sub a:hover{color: #fff; background: #cdac76;}



.banner img{width: 100%;}

.banner .swiper-pagination-bullet{width: 40px;height: 5px; opacity: 1;background: #fff;border-radius: 0;}

.banner .swiper-pagination-bullet-active{background: #cdac76;}

.banner .swiper-pagination{bottom: 30px;}



.bj1{background: #f0f1f6;}

.rlzy{width: 1240px; margin: 0 auto;}

.rlzy_tit{text-align: center;padding: 65px 0 30px;}

.rlzy_tit h2{font-size: 30px; color: #333333; margin-bottom: 20px;}

.rlzy_tit p{font-size: 14px; line-height: 1.5; color: #999999;}



.rlzy_nr{padding-bottom: 80px;}

.rlzy_nr ul{overflow: hidden; margin-left: -20px; padding-top: 58px;}

.rlzy_nr li{float: left; width: 25%; padding-left: 20px;}

.rlzybox{transition: All 0.4s ease-in-out;height: 370px;background: #fff;border-radius: 10px; position: relative;padding: 100px 38px 0 38px;}

.rlzy_nr span{position: absolute;width: 96px;height: 96px; background: #fff; border-radius: 50%; left: 40px; top: -48px;box-shadow:0 0 20px rgba(0, 0, 0, .1);  }

.rlzy_nr img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}

.rlzy_nr h2{font-weight: bold; font-size: 20px;color: #CDAC76; margin-bottom: 35px;}

.rlzy_nr p{font-size: 14px; line-height: 28px; color: #666666;text-align:justify; word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.rlzy_nr ul li a{display: block; padding: 0 38px; position: absolute;left: 0; bottom: 45px; font-size: 14px; color: #fff;background: url(../images/a6.png) no-repeat 90%  center;color: #fff;width: 100%;}

.rlzybox:hover{background: #cdac76;}

.rlzybox:hover h2{color: #fff;}

.rlzybox:hover p{color: #fff;}

.more{display: block; text-align: center;color: #fff; font-size: 14px; width: 210px; line-height: 46px; background: #152941; border-radius: 23px; margin: 40px auto 0 auto;transition: All 0.4s ease-in-out;}

.more:hover{background: #cdac76;}



.bj2{background: url(../images/bj2.png) no-repeat center center;background-size: cover;}

.qyjj{width: 1240px; margin: 0 auto;}

.jyjj_text{width: 685px; padding: 220px 0 200px;}

.jyjj_text img{width: 140px;}

.jyjj_text h2{color: #fff; font-size: 32px; margin: 30px 0 40px;}

.jyjj_text p{color: #fff;font-size: 14px; line-height: 26px; color: #fff; margin-bottom: 25px;}

.jyjj_text a{display: inline-block; padding-bottom: 15px; border-bottom: 1px solid #8a898b;font-size: 14px; margin-top:60px ;color: #fff;}



.hzlc{width: 1050px; margin: 0 auto;}

.hzlc_tit{text-align: center; padding: 65px 0;}

.hzlc_tit h2{color: #333; font-size: 30px; margin-bottom: 20px;}

.hzlc_tit p{font-size: 14px; color: #999; line-height: 1.5;}

.hzlc_nr{padding-bottom: 60px;}

.hzlc_nr ul{overflow: hidden; padding: 10px 0 60px;font-size: 0;text-align: center;}

.hzlc_nr li{display: inline-block; padding: 0 50px;position: relative;}

.hzlc_nr li:before{position: absolute;content: ""; background: url(../images/a8.png);width: 120px;height: 24px; top:68px; right: -60px;}

.hzlcbox{width: 160px;height: 160px; border: 1px solid #ccab76;border-radius: 50%;position: relative;transition: All 0.4s ease-in-out;background: #fff;z-index: 15;}

.hznh{position: absolute; width: 120px;height: 120px; border-radius: 50%;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.hznh img{left:50%; top:50%; transform:translate(-50%,-50%);position: absolute;}

.hzlcbox:hover{background: #c9a974;}

.hzlc_nr ul li:hover p{color: #c8a873;}

.hzlc_nr p{font-size: 20px; color: #333; margin-top: 25px;}



.bj3{background: url(../images/bj3.png) no-repeat center center;}

.fwhy{width: 1240px; margin: 0 auto; padding: 210px 0 300px;}

.hwhybox{width: 925px;}

.hwhybox h2{color: #fff; font-size: 32px; margin-bottom: 110px;}

.hwhybox ul{overflow: hidden; margin-left: -20px;}

.hwhybox li{float: left; width: 33.33%; padding: 0 0 20px 20px;}

.hwhybox a{display: block; text-align: center; color: #fff; line-height: 80px;font-size: 16px;

background: rgba(6,91,201,0.10);

border: 1px solid rgba(255,255,255,0.60);

backdrop-filter: blur(25px);}

.hwhybox img{display: inline-block;vertical-align: middle; margin: -3px 23px 0 0;}

.hwhybox a:hover{border: 1px solid #cdac76;background: #cdac76;}



.news{width: 1240px; margin: 0 auto;}

.news h2{text-align: center; color: #333; font-size: 30px; padding: 65px 0 45px;}

.news ul{overflow: hidden; padding-bottom:40px; margin-left: -20px;}

.news li{float: left; width: 33.33%; padding: 0 0 20px 20px;}

.newsbox{position: relative;}

.newsbox img{width: 100%;}

.news_text{width: 100%; position: absolute; left: 0; bottom: 30px; padding: 0 40px;}

.news_text h3{font-weight: bold; font-size: 16px; color: #fff;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 20px;}

.news_text span{display: inline-block;color: #fff; font-size: 14px;}

.news_zz{position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: #fff;opacity: 0;transition: All 0.4s ease-in-out;}

.news_zz h3{font-weight: bold; font-size: 16px; color: #333333;text-align: center; margin: 38px 35px 22px 35px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.news_zz p{margin: 0 35px; font-size: 14px; line-height: 2; color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 84px;}

.news_zz h4{width: 100%; position: absolute;left: 0; bottom: 0; border-top: 1px solid #e6e6e6; line-height: 50px; font-size: 14px; color: #999; padding: 0 35px;}



.news a:hover .news_zz{opacity: 1;}



.jjfa{text-align: center; padding: 85px 0 60px;background: #cdac76;}

.jjfa h2{text-align: center; font-weight: bold; font-size: 30px; color: #fff; margin-bottom: 25px;}

.jjfa a{display: inline-block;margin: 0 auto; background: #fff;width: 210px; line-height: 48px; border-radius: 24px;color: #cdac76;font-size: 16px;}



.footer{background: #0d1626;}

.footerbox{width: 1240px; margin: 0 auto;}

.foot-top{border-bottom: 1px solid #252d3b;padding: 95px 0 65px;}

.foot-top ul{overflow: hidden;}

.foot-top li{float: left; width: 33.33%;overflow: hidden;}

.foot-top img{float: left;}

.foot_text{float: right;width: calc(100% - 60px);}

.foot_text h2{color: #fff;font-weight: bold; font-size: 20px; margin-bottom: 10px;}

.foot_text p{font-size: 16px;color: #6e737d; line-height: 1.5;}

.foot_bottom{overflow: hidden; padding: 60px 0 70px;}

.foot_right{float: right;text-align: center;}

.foot_right h2{font-size: 24px; color: #fff; margin: 25px 0 20px;}

.foot_right p{color: #6e737d;  font-size: 14px;}

.foot_right img{margin: 0 auto;}

.foot_left{float: left; overflow: hidden; width: calc(100% - 400px);}

.rwm{float: left; width: 110px;text-align: center;}

.rwm p{color: #fff; opacity: 0.4; margin-top: 13px;}

.wxgzn{float: right;}

.wxgzn ul{overflow: hidden;}

.wxgzn li{float: left; padding-left: 55px;}

.wxgzn h2{color: #fff; margin-bottom: 10px; font-size: 14px;}

.wxgzn dt{line-height: 32px;color: #6e737d;}

.wxgzn a{color: #6e737d; }

.wxgzn a:hover{color: #fff;}

.bqxx{border-top: 1px solid #252d3b;padding: 15px 0;}

.bqxx p{font-size: 14px; color: #6e737d;line-height: 24px;width: 1240px; margin:0 auto ;}

.bqxx a{color: #6e737d;}

.bqxx a:hover{color: #fff;}

.fgt{height: 80px;}

.sjzs{display: none;}

.hzlc_nr ul li:nth-child(4):before{ width:0;height: 0;display: none;}



/*ywjs*/

.banner1{ height: 400px;background-size: cover;}

.bj4{background: url(../images/bj5.png) no-repeat center center;background-size: cover;}

.ywwb{width: 1240px; margin: 0 auto;overflow: hidden;padding: 120px 0 100px;}

.ywwb_left{float: left; width: 295px;}

.ywwb_left li{padding-bottom: 20px;}

.ywwb_left li a{display: block; text-align: center; line-height: 96px;border: 1px solid #9ca7aa;font-size: 16px; color: #fff;}

.ywwb_left span{color: #fff; font-family: font1;font-size: 36px; padding-right: 20px;display: inline-block; vertical-align: middle;}

.ywwb_left li.cur a{background: rgba(255,255,255,0.10);

border: 1px solid rgba(255,255,255,0.60);

backdrop-filter: blur(25px);}


.ywwb_qh{animation:fadeIn .25s, 100ms;}
.ywwb_rigth{float: right;width: calc(100% - 375px);}

.ywwb_rigth h2{font-size: 32px; color: #fff; margin-bottom: 22px;}

.ywwb_rigth h3{font-size: 40px; color: transparent;-webkit-text-stroke: 1px #626d71;font-family: font1; margin-bottom: 40px;}

.ywwb_rigth p{color: #fff;font-size: 16px; line-height: 28px;max-width: 550px;}

.ywwb_rigth img{width: 100%;  margin-top: 60px;}

.wbcp{width: 1240px; margin: 0 auto;}

.wbcp h2{color: #333; font-size: 30px; padding: 65px 0 35px;text-align: center;}



.wbcp{padding-bottom: 60px;}

.wbcp_title{background: #fff;}

.wbcp_title ul{overflow: hidden; }

.wbcp_title li{float: left; width: 16.66%;}

.wbcp_title span{display: block; text-align: center;padding: 40px 0 25px;background: url(../images/a27.png) no-repeat right 40px; cursor: pointer;}





.wbcp_title p{font-size: 16px; color: #666666; margin-top: 15px;}

.wbcp_title b{display: block;width: 50px;height: 50px; margin: 0 auto;}

.mo1{background: url(../images/b1.png);background-size: 100%;}

.mo2{background: url(../images/b2.png);background-size: 100%;}

.mo3{background: url(../images/b3.png);background-size: 100%;}

.mo4{background: url(../images/b4.png);background-size: 100%;}

.mo5{background: url(../images/b5.png);background-size: 100%;}

.mo6{background: url(../images/b6.png);background-size: 100%;}

.wbcp_title li.cur span{background: #cdac76;}

.wbcp_title li.cur span p{color: #fff;}

.wbcp_title li.cur span .mo1{background: url(../images/b1a.png);background-size: 100%;}

.wbcp_title li.cur span .mo2{background: url(../images/b2a.png);background-size: 100%;}

.wbcp_title li.cur span .mo3{background: url(../images/b3a.png);background-size: 100%;}

.wbcp_title li.cur span .mo4{background: url(../images/b4a.png);background-size: 100%;}

.wbcp_title li.cur span .mo5{background: url(../images/b5a.png);background-size: 100%;}

.wbcp_title li.cur span .mo6{background: url(../images/b6a.png);background-size: 100%;}

.wbcp_nr{padding-top: 20px;background: #f0f1f6;}

.wbcpbox{background: #fff;animation:fadeIn .25s, 100ms;}

.wbcpbox img{width: 100%;}

.wbtext{padding: 40px 65px 60px 65px;}

.wbtext p{font-size: 14px; line-height: 28px;color: #666666;}



.cpcs{width: 1240px; margin: 0 auto;}

.cpcs_tit{text-align: center; padding: 65px 0 35px;}

.cpcs_tit h2{font-size: 30px; color: #333;margin-bottom: 20px;}

.cpcs_tit p{font-size: 14px; line-height: 1.5; color: #999;}

.cpcs_nr{padding-bottom: 60px;}

.cpcs_nr table{border-top: 1px solid #e0e0e0;}

.cpcs_nr th{font-size: 16px;color: #333333; line-height: 66px;border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}

.cpcs_nr td{text-align: center; font-size: 14px; color: #333333;line-height: 20px; padding: 23px 10px;border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}

.cpcs_nr tr td:nth-child(1){background: #cdac76;color: #fff; border-bottom: 1px solid #fff;}

.cpcs_nr tr th:nth-child(1){background: #cdac76;border-bottom: 1px solid #fff;}



.nrsh{width: 1240px; margin: 0 auto;}

.nrsh_tit{text-align: center; padding: 65px 0 35px;}

.nrsh_tit h2{font-size: 30px; color: #333; margin-bottom: 15px;}

.nrsh_tit p{font-size: 14px; color: #999; line-height: 28px; padding: 0 220px;}

.nrsh_nr{padding-bottom: 60px;}

.nrsh_nr ul{overflow: hidden; margin-left: -30px;}

.nrsh_nr li{float: left; width: 33.33%; padding-left: 30px;}

.nrshbox{background: #fff;height: 470px; padding: 50px 45px 0 45px;text-align: center;}

.nrshbox img{width: 100%;}

.nrshbox h2{font-size: 16px; color: #333;line-height: 76px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.nrshbox p{font-size: 14px; line-height: 28px;color: #999999;height: 112px;}

.nrshbox a{display: block; width: 150px; font-size: 14px; color: #999;background: url(../images/a33.png) no-repeat right center; margin: 40px auto 0 auto;transition: All 0.4s ease-in-out;}

.nrshbox a:hover{color: #007AFF;}









@media(max-width:1620px){

.headerbox{width: 100%; padding: 0 1%;}

.nav h3 a{padding: 0 30px;}

}

@media(max-width:1380px){

.nav h3 a{padding: 0 20px;}

}
@media(max-width:1260px){

.lxdh{float: right;width:130px;height: 38px;border: 1px solid #cdac76; font-size: 12px;color: #CDAC76; line-height: 36px;border-radius: 19px;margin-top: 20px;text-align: center;}

.lxdh img{display: inline-block;vertical-align: middle; margin: -3px 0px 0 0;}

.nav h3 a{padding: 0 15px;}

.rlzy{width: 100%; padding: 0 3%;}

.rlzybox{padding: 100px 15px 0 15px;}

.qyjj{padding: 0 3%; width: 100%;}

.hzlc{width: 100%; padding: 0 3%;}

.hzlc_nr li{padding: 0 30px;}

.fwhy{width: 100%; padding: 200px 3%;}

.news{width: 100%; padding: 0 3%;}

.news_zz h3{margin: 20px;}

.news_zz p{margin: 0 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: auto;}

.footerbox{width: 100%; padding: 0 3%;}

.foot_left{width: calc(100% - 200px);}

.bqxx p{width: 100%; padding: 0 3%;}



.ywwb{width: 100%; padding: 100px 3%;}

.ywwb_left li a{line-height: 85px;}

.wbcp{width: 100%; padding: 0 3% 60px 3%;}

.cpcs{width: 100%; padding: 0 3%;}

.nrsh{width: 100%; padding: 0 3%;}

.banner1{height: 300px;}



}

@media(max-width:1050px){
.lxdh{ display:none;}
}

@media(max-width:1000px){

.fgt{height: 60px;}

.header{height: 60px; box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.logo{width: 90px;padding-top: 15px; margin-left: 3%;}

.lxdh{display: none;}

.dhbtn{position: absolute;width: 30px;height: 30px; top: 15px;right: 15px;background: url(../images/d1.png) no-repeat center center #cdac76;background-size: 20px 20px; border-radius: 4px;}

.dhbtn.on{background: url(../images/d2.png) no-repeat center center #cdac76;background-size: 20px 20px;}

.nav{position: fixed;z-index: 100; width: 100%; top: 60px;left: -200px; background: #fff;height: calc(100% - 60px);width: 200px;}

.dhbj{position: fixed;z-index: 99; width: 100%; height: 100%;background: rgba(0,0,0,.7);left: 0;top: 0;display: none;}

.nav li{float: none; width: 100%;}

.sub {position: static;}

.sub a{text-align: left;padding-left: 30px;}

.nav h3 a{line-height: 50px; border-bottom: 1px solid #eee;}

.rlzy_nr li{width: 50%; padding-bottom: 80px;}

.jyjj_text{padding: 60px 0;width: 100%;}

.jyjj_text h2{font-size: 24px; margin-bottom: 20px;}

.jyjj_text a{margin-top: 10px;}

.pczs{display: none;}

.sjzs{display: block;}

.hzlc_nr img{width: 100%;}

.hzlc_tit{padding: 40px 0;}

.hzlc_tit h2{font-size: 26px;}

.fwhy{padding: 60px 3%;}

.hwhybox h2{font-size: 26px; margin-bottom: 40px;}

.hwhybox{width: 100%;}

.hwhybox li{width: 50%;}

.hwhybox a{line-height: 60px;}

.hwhybox img{height: 30px; margin-right: 15px; }

.news li{width: 50%;}

.rlzy_nr ul li:nth-child(3){ padding-bottom: 0;}

.rlzy_nr ul li:nth-child(4){ padding-bottom: 0;}

.jjfa{padding: 40px 3%;}

.jjfa h2{font-size: 24px;}

.foot-top{padding: 30px 0 10px 0;}

.foot-top li{width: 100%;padding-bottom: 20px;}

.foot_text h2{font-size: 16px;}

.foot_text p{font-size: 14px;}

.foot_left{display: none;}

.foot_right{float: none; margin: 0 auto;}

.foot_bottom{padding: 30px 0;}

.bqxx p{text-align: center;}

.bqxx span{display: block; float: none; width: 100%;}



.ywwb{padding: 40px 3%;}

.ywwb_left{float: none; width: 100%;}

.ywwb_left ul{overflow: hidden;text-align: center;}

.ywwb_left li{display: inline-block; padding: 0 5px 10px 5px;}

.ywwb_left span{font-size: 20px; padding-right: 10px;}

.ywwb_left li a{line-height: 50px; font-size: 14px; padding: 0 15px;}

.ywwb_rigth{float: none; width: 100%; padding-top: 10px;}

.ywwb_rigth h2{font-size: 24px;}

.ywwb_rigth h3{font-size: 30px;}

.wbcp_title li{width: 33.33%;}

.wbcp_title span{padding: 10px 0;}

.wbcp_title p{font-size: 14px;}

.wbtext{padding: 15px;}

.cpcs_tit{padding: 40px 0 20px;}

.cpcs_tit h2{font-size: 24px;}

.cpcs_nr{overflow: auto;}

.cpcs_nr table{width: 1000px;}

.nrsh_tit{padding: 40px 0;}

.nrsh_tit h2{font-size: 24px;}

.nrsh_nr li{width: 100%; float: none; padding-bottom: 20px;}

.nrsh_tit p{padding: 0;}

.banner1{height: 180px;}



}



@media(max-width:480px){

.news li{width:100%;}

.rlzy_nr li{width:100%;}

.rlzy_nr ul li:nth-child(3){ padding-bottom: 80px;}

.rlzy_nr ul li:last-child{padding-bottom: 0;}

}



