@charset "utf-8";
/* CSS Document */

*{ font-size:14px; margin:0px auto;}
a{ text-decoration:none; color:#000;}
ul,ol{ list-style:none; padding:0px;}
span,div,p,a,li{ overflow:hidden;}
 
header{max-width:1200px; line-height:100px;}
section,footer{ width:100%; float:left;}
.logo{ width:30%; float:left;}
.logo img{ vertical-align:middle; max-width:100%;}
.nav{ float:left; width:70%; max-height:100px;}
.nav li{ float:left; width:20%; max-height:100px; line-height:100px; padding-top:0px; margin-top:100px;}
.nav li a{ display:block; font-size:16px; text-align:center;}
.nav li:hover{background:#bb9f34; color:#fff;}
.nav li:hover>a{color:#fff;}
.nav li:hover ol{top:100px; margin-left:-1%; z-index:20; opacity:1; transition:all 0.25s;}
.nav ol{ background:#fff; position:absolute; opacity:0; color:#f00; overflow:hidden; width:210px; float:left; z-index:-1;}
.nav ol li{ float:none; width:90%; margin:3% auto; line-height:40px; max-height:inherit;}
.nav ol a{height:100%;}

.banner{ max-width:100%; min-height:220px; position:relative;}
.banner ul{ position:absolute; z-index:-1; left:0px; top:0px;}
.banner ul li{ float:left; max-width:100%; overflow:hidden;}
.banner img{ max-width:100%; }
.banner:hover ol{ opacity:1;}
.banner ol{ list-style:none;  padding-left:48%;opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s;}
.banner ol li{ margin:0 5px; cursor:pointer; border-radius:50%; height:5px; width:5px; float:left; border:2px solid #bb9f34; opacity:0.8;}
.banner ol li:hover{border:2px solid #bb9f34; opacity:1;}

.lef_rig{ display:none;}
.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:35%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png); width:50px; left:1%; }
.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:35%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png) bottom; width:50px; right:1%; }
.lef_rig span:hover{ opacity:0.8; }
.lef_rig span+span:hover{ opacity:0.8; }
#dot{ background:#fff; border:2px solid #fff; opacity:1;}
	
.firm{ padding:2.5% 0;}
.firm_t{ max-width:1366px; opacity:0;}

.firm span:hover::before{ width:20%; transition:all 0.25s;}

.firm_tl{ background:url(../images/01.jpg) no-repeat; background-size:cover; max-height:336px; width:588px; float:left;}
.firm_tl span{ width:70%; height:100%; padding:7.5%; box-sizing:border-box; color:#fff; float:left; background:rgba(159,48,41,0.92);}	
.firm_content{ line-height:26px; max-width:316px; float:left;}	
.firm_t a{ color:#fff; margin:5% 0; border:1px solid #fff; border-radius:30px; font-family:"宋体"; font-size:28px; width:37px; height:37px; float:left; text-align:center; line-height:37px;}	
.firm_t a:hover{ border-width:2px; font-weight:bold; font-family:"黑体"; }
.firm_title{  font-size:22px; line-height:32px; float:left; width:100%;}
.firm_t span::before{ content:""; margin-bottom:5%; float:left; width:10%; background:#fff; height:2px;}

.firm_tr{ float:right; width:588px; background:url(../images/02.jpg) no-repeat center; max-height:336px; background-size:cover;}
.firm_tr span{ width:70%; height:100%; padding:7.5%; box-sizing:border-box; color:#fff; float:left; background:rgba(187,159,52,0.92);}	

.firm_b{ margin-top:2%;max-width:1200px; height:220px; color:#fff;}
.firm_b a{ color:#fff;height:33px; line-height:33px; background:url(../images/01.png) no-repeat center; background-size:auto; border:1px solid #fff; margin-top:5%; width:36%; line-height:33px; float:left; text-align:center; border-radius:20px;}
.firm_b a:hover{ animation: mymove infinite 1.5s;}
.firm_b .firm_content{ max-width:100%; line-height:24px; float:left;}
.firm_b .firm_title{ font-size:20px;}

.firm_bl{ width:378px; height:220px; float:left; margin-top:220px; opacity:0; background:url(../images/03.jpg) no-repeat; background-size:cover;}
.firm_bl span{ background:rgba(187,159,52,0.80); float: left; height:100%; width:100%; padding:6%; box-sizing:border-box;}


.firm_bc{ width:378px; height:220px; float:left; margin-top:220px; opacity:0; margin-left:2.7%; margin-right:2.7%; background:url(../images/04.jpg) no-repeat; background-size:cover;}
.firm_bc span{ background:rgba(168,102,6,0.90); float: left; height:100%; width:100%; padding:6%; box-sizing:border-box;}

.firm_br{ width:378px; height:220px; float:left; margin-top:220px; opacity:0; background:url(../images/05.jpg) no-repeat; background-size:cover;}
.firm_br span{ background:rgba(159,48,41,0.90); float: left; height:100%; width:100%; padding:6%; box-sizing:border-box;}

.core{background:url(../images/06.jpg) left top no-repeat; background-size:cover; padding:2.5% 0;}
.core_t{ max-width:1200px; color:#bb9f34; background:url(../images/02.png) no-repeat center bottom; text-align:center; margin-bottom:2.6%;}	
.core_t p:first-child{ font-size:30px;}	
.core_t p:last-child{ font-size:24px;}	
.core_b{ max-width:1200px; opacity:0; max-height:530px;  transform:scale(0,0); display:block; box-sizing:border-box;}	
.core_b a span{ width:100%; background:rgba(0,0,0,0.80);text-align:center; display:flex; align-items:center; height:100%; opacity:0; position:absolute; left:0px; top:0px; color: #fff;}	

.core_b a samp{ width:20%; display:block; background:#fff; height:2px;}	
.core_b a span font{line-height:40px; text-align:center;font-size:28px; float:left; width:100%;}	
.core_b a span p:last-child{font-size:18px; margin-top:0px;}	

.core_bl{ float:left; width:70%;}
.core_bl img{width:100%; height:100%;}
.core_bl .core_blt a,.core_bl .core_blb a:last-child{ float:left; height:265px; width:45%; position:relative; cursor:pointer;}
.core_bl .core_blt a:last-child,.core_bl .core_blb a{ float:left; height:265px; width:55%; position:relative; cursor:pointer;}

.core_br{ float:right; width:30%; height:530px;}
.core_br img{width:100%; height:100%;}
.core_br a{ float:left; width:100%; height:100%; opacity:1; position:relative;}
.core_b a:hover span{ opacity:1; transition:all 0.5s;}

.news{background:#f1f1f1; padding:2.5% 0;}
.news_b{ max-width:1366px; opacity:0;}
.news_bl{ background:#fff; max-width:402px; float:left;}
.news_bl img{width:100%; display:block;}
.news_bl ul{width:100%; float:left;padding:5%; box-sizing:border-box; line-height:31px;}
.news_bl li{width:100%; float:left; cursor:pointer;}
.news_bl:hover img{ transform:scale(1.2,1.2);}
.news_b a:hover{ color:#bb9f34;}
.news_br .title:hover{ color:#bb9f34;}

.news_br{ max-width:780px; float:right; box-sizing:border-box;}
.news_br ul li{ width:100%; max-height:160px; margin-bottom:2%; background:#fff; float:left;}
.news_br a:hover img{ transform:scale(1.2,1.2);}

.news_br ul a{ width:30%; height:100%; float:left;}
.news_br ul a:last-child{ width:70%; padding:37px 4.5%; box-sizing:border-box; float:right;}
.news_br ul a p{ font-size:18px; line-height:34px; float:left; width:100%;}
.news_br ul a p:last-child{ font-size:12px; color:#5f5f5f; line-height:24px;}
.news_br img{ width:100%; height:100%; display:block;}
.news_brb{ float:left; width:100%; background:#fff; line-height:63px; padding:0 4%; box-sizing:border-box; font-size:16px; color:#5f5f5f;}

.picture{ background:url(../images/14.jpg) no-repeat center; padding:2.6% 0; background-size:cover;}
.maxpic{ max-width:1200px; transform:scale(0,0);}
.picture a{ float:left; width:32%; margin-left:2%; cursor:pointer; height:320px; overflow:hidden;}
.picture a:first-child{ margin-left:0px;}
.picture_t a:first-child{ width:66%; margin-left:0px;}
.picture_t a:last-child{float:right;}
.picture_b{ margin-top:2%;}
.maxpic img{ height:100%; width:100%;}
.picture a:hover img{ transform:scale(1.2,1.2); transition:all 0.5s;}

.url{ max-width:1200px; color:#ababab; margin:1% auto; line-height:24px;}
.url span{ float:left;}
.url a{ display:inline-block; margin-right:1%;color:#ababab;}
.footer_b{ background:url(../images/17.jpg) no-repeat center; background-size:cover;}
.maxfoot{ max-width:1200px; margin:3.4% auto;}
.footer_bl{ float:left; width:51.5%;}
.footer_blt{border-bottom:1px solid #3f3f3f; padding:4% 0; float:left; width:100%;}
.footer_blt a{ color:#dadada; float:left; padding:0 3.5%; border-left:2px solid #dadada;}
.footer_blt li:first-child a{border-left:0px; padding-left:0px;}
.footer_blb{ color:#ababab; line-height:32px; margin-top:2.5%; float:left;}
.footer_blb a{ color:#ababab;}


.footer_br{ float:right; border:1px solid #3f3f3f; width:45.5%; padding:2% 1%; box-sizing:border-box;}
.footer_brl{ color:#fff; float:left; width:48%;}


.footer_brl img{display:inline-block;max-width:78px;animation: rotate 3s linear infinite;}
.footer_brl p{ float:right; width:calc(100% - 80px);transform:translate(0,50%);}
.footer_brl font{ color:#ababab; text-align:right; float:right;}
.footer_brl font:last-child{ color:#dadada; font-size:24px;}
.footer_brr{ float:right;}
.footer_blt li{ display:inline;}

/*新闻内页*/
.page_news{ max-width:1200px; padding:2% 0;}
.page_title{ background:url(../images/10.png) no-repeat right center; background-size:55%;}
.page_title span{ color:#bb9f34; font-size:48px; font-family:Arial; font-weight:bold; float:left;}
.page_title span:last-child{ overflow:visible; margin-left:1%;}
.page_title p{ color:#bb9f34; font-size:20px; line-height:22px; color:#5a5a5a; transform:translate(0px,50%);}
.page_title p:last-child{font-size:13px; font-weight:normal; text-transform:uppercase;}

.page_content{padding:2%; padding-bottom:0px; box-sizing:border-box;}
.page_newslist li{ border-bottom:1px dotted #dbd4cd; float:left; width:100%; margin-top:2%; padding-bottom:1%;}
.page_newslist time{ background:#bb9f34; width:70px; height:70px; font-weight:bold; float:left; margin:0 3%; text-align:center;}
.page_newslist time p{ color:#fff; font-size:24px; line-height:41px;}
.page_newslist time p:last-child{font-size:13px; line-height:14px;}
.page_newslist span{width:calc(100% - 70px - 6%); float:right; line-height:24px; color:#5A5A5A;}
.page_newslist span p:first-child{ font-size:20px; max-height:24px;}
.page_newslist li:hover span .hua{ color:#bb9f34;}
.page_newslist span p:last-child{ max-height:48px;}

.page_news_title{ text-align:center; display:block; margin:2% auto; font-size:32px; line-height:50px; color:#666;}
.page_add span{ width:31%; line-height:20px; float:left; color:#333; font-family:"宋体";}
.page_add a{ color:#333; margin: 0 1%; font-family:"宋体";}
.page_add a:hover{ text-decoration:blink;}
.page_news_intro{ background:#F5F5F5; display:block; border:1px solid #E5E5E5; line-height:28px; padding:0.5%; color:#868686; margin-bottom:1%; box-sizing:border-box;}
.page_news_body{ color:#333; display:block; line-height:24px;}
.page_news_body img{ display:table; max-width:100%;}

.page_tel div{ float:left; width:45%;}
.page_tel div img{ max-width:100%;}
.page_tel div:last-child{ float:right; width:55%;}
.page_tel div p{float:left; font-size:18px; width:15%; text-align:center; border-radius:10px;}
.page_tel div p:last-child{padding-left:2%; line-height:24px; box-sizing:border-box; line-height:68px; width:85%; text-align:left;}
.page_tel div span{ display:block; padding:2% 0;}
.page_tel div span:hover img{transform:scale(1.8,1.8); transition:all 0.25s;}

.page_pro{ margin:2.5% 0;}
.page_pro li{ float:left; width:32%; border:1px solid transparent; padding:0.5%; margin:1% 0; box-sizing:border-box;}
.page_pro li:nth-child(3n-1){ margin:1% 2%;}
.page_pro a img{ max-width:100%; display:block;}
.page_pro a span+span{ max-height:150px; float:left;}
.page_pro a span:first-child{ max-height:268px; float:left; margin-bottom:2%; position:relative;}
.page_pro a span:first-child span{ position:absolute; opacity:0;}
.page_pro a span:first-child:hover span{ position:absolute; top:0px; opacity:1; left:0px; background:rgba(0,0,0,0.60); padding-top:1%; box-sizing:border-box; width:100%; height:100%;}
.page_pro a span:first-child:hover p{ color:#fff; text-align:center; float: left; width:100%;}
.page_pro a span:last-child{ padding:0 1%; box-sizing:border-box;}
.page_pro a span:last-child p{ font-size:16px; color:#5a5a5a; line-height:25px;}
.page_pro a span:last-child p:first-child{ font-size:18px; font-weight:bold; line-height:23px}
.page_pro li:hover{ border:1px solid #bb9f34; transition:all 0.5s;}

.page_group img{ float:left; margin:0 1% 0 0; max-width:553px; max-height:370px; width:100%;}
.page_group span{ color:#5a5a5a; line-height:24px;}
.page_cus{ margin-top:2%; color:#555; line-height:36px; font-size:18px;}
.maxgroup{ width:100%; background:#f5f5f5; background-image:url(../images/09.png); background-repeat:no-repeat; background-position:bottom center;}
.page_team{ width:100%; background:url(../images/11.png);}
.page_team_t{ background:url(../images/31.jpg) no-repeat left bottom; margin:5% 0 3.5% 2%; float:left; width:100%; padding-bottom:0.5%;}
.page_team_t p{ float:left; font-size:28px; color:#5a5a5a; line-height:36px;}
.page_team_t p:first-child{ border-left:2px solid #f00; padding-left:3%; font-family:"SimSun";}
.page_team_t p:last-child{font-size:24px; margin-left:2%;}
.page_teamceo{ background:#e7e7e7; border-bottom:1px solid #c6a183; float:left; margin-bottom:3%; width:100%;}
.page_teamceo span{ height:298px; width:21%; float:left;}
.page_teamceo span img{ height:100%; max-width:275px; float:left;}
.page_teamceo span:last-child{width:75%; float:right; padding:3.5% 1%; box-sizing:border-box;}
.page_teamceo span p{ color:#5a5a5a;}
.page_teamceo span p:first-child{ font-size:20px; font-weight:bold; margin-bottom:3%;}
.page_teamceo span p:nth-child(2),.page_teamceo span p:nth-child(3){line-height:28px; font-weight:bold;}
.page_teamceo span p:nth-child(4),.page_teamceo span p:nth-child(5){ line-height:28px; margin-top:2%;}

.page_teamceo:hover{ overflow:visible; float:left; width:100%;} 
.page_teamceo span:first-child:hover{ transform:scale(1.1,1.1);overflow:visible; position:absolute;} 

.member{ width:100%; float:left;}
.member>div{ width:49%; float:left;}
.member>div:last-child{float:right;}
.member .page_teamceo span{ height:298px; width:40%; float:left;}
.member .page_teamceo span:last-child{width:55%; float:right; padding:3.5% 1%; box-sizing:border-box;}
.member .page_teamceo span:first-child:hover{ max-width:240px;} 

.page_culture{ color:#5a5a5a; margin-top:5%; background:url(../images/31.jpg) repeat-x bottom; padding-bottom:2%;}
.page_culture:last-child{background:none;}
.page_culturel{ width:58%; float:left; line-height:36px;}
.page_culturel p{ font-size:16px;}
.page_culturer{ width:40%; float:right;}
.page_culturer img{ max-width:100%; display:block;}

.page_tactic_l{ max-width:50%; float:left; padding-top:5%; line-height:40px; color:#5a5a5a;}
.page_tactic_l img{ max-width:100%;}
.page_tactic_r{ max-width:50%; float:left; background:url(../images/12.png) left top no-repeat; background-size:auto; float:right; padding-left:6.5%; box-sizing:border-box; padding-top:6%;}
.page_tactic_r>div{ position:relative; overflow:visible;float:left; margin-top:6%;}
.page_tactic_r>div>span:first-child{ width:14px; height:14px; border:2px solid #c6a783; border-radius:100%; background:#fff; left:-4%; top:7px; position:absolute;}
.page_tactic_r>div>span:first-child:hover{ background:#c6a783; cursor:pointer;}
.page_tactic_r span:nth-child(2){ background:url(../images/13.png) no-repeat; overflow:hidden; background-size:100% 100%;float:right;}
.page_tactic_r span:nth-child(2) p{ display:block; width:90%; box-sizing:border-box; color:#c6a783; font-size:18px; line-height:32px;}
.page_tactic_r span:nth-child(2) p:last-child{font-size:16px; color:#5A5A5A;}
.page_tactic_b .page_team_t{ margin:0px; background:none; border-bottom:2px solid #c6a783; margin:2% 0;}

.page_tactic_b .page_culture{ float:left; margin-top:2%;}
.page_tactic_b .page_culturel p{ font-size:14px;}
.page_tactic_b .page_team_t p:first-child{ padding-left:1%;}

.friend{ margin-top:5%;}
.friend_t{ background:url(../images/01.gif); line-height:70px; border-bottom:1px solid #c6a783;}
.friend_t a{ width:16%; float:left; text-align:center; font-size:16px; font-weight:bold; color:#434343; box-sizing:border-box;}
.friend_t a:hover{ background:#c6a783; color:#fff;}

.friend_b{margin-top:5%; float:left; width:100%;}
.friend_b div{ float:left;max-width:1200px; display:none;width:100%;}
.friend_b div:first-child{ display:block;}
.friend_b div a{width:25%; float:left; cursor:pointer;}
.friend_b div span img{ max-width:100%; display:block; height:140px;}
.friend_b div span:first-child{width:100%; display:block; max-width:140px;text-align:center;}
.friend_b div span:last-child{line-height:36px; text-align:center; display:block;width:100%; margin:8px 0; font-size:16px; border:0px; color:#434343;}
.fr{ background:#c6a783;}


.fr_img{ border-top:2px solid #c6a783; margin-top:5%; padding-top:5%;}
.fr_img span{ display:block; max-width:1000px; max-height:400px; position:relative;}
.fr_img span img{ max-width:100%; max-height:100%}
.fr_img span div{ background:#000; opacity:0; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:8;}
.fr_img span:hover div{opacity:0.5;}

.page_core_title{max-width:1200px; text-align:center;}
.page_core_title span{ width:100%;  display:inline-block; background:url(../images/29.jpg) no-repeat center; background-size:contain;}
.page_core_title span p{ color:#555;}
.page_core_title span p:first-child{ font-size:28px; letter-spacing:5px; color:#555;}

.page_imgins{ background:url(../images/30.jpg); width:100%; padding:2% 0;}
.page_img{max-width:1200px;}
.page_img a{ float:left; height:180px; position:relative; overflow:hidden;}
.page_img img{ width:100%; height:100%; display:block;}

.page_imgt div{ float:left; width:50%;}
.page_imgt div a{ width:49%; margin:0.5%; height:100%; float:right; height:180px;}
.page_imgt div:first-child{ width:50%; float:left; height:370px;}
.page_imgt div:first-child a{ width:100%; height:100%;}

.page_imgb{ margin-top:0.25%;}
.page_imgb a{ width:24.5%; margin:0 0.25%;}
.page_imgb a:first-child{ margin-left:0px;}
.page_imgb a:nth-child(2){  margin-left:0.5%;}
.page_imgb a:last-child{  margin-left:0px;float:right;}

.page_img a p{background:rgba(0,0,0,0.70); color:#fff; position:absolute; display:table; text-align:center; opacity:0; top:0px; left:0px; width:100%; height:100%;}
.page_img a p font{ display:table-cell; font-size:24px; vertical-align:middle}
.page_img a:hover p{ opacity:1;}
.page_img a:hover img{ transform:none; transform:scale(1.5,1.5); transition:all 1s;}
.page_coretext{padding-top:2%; font-size:15px; line-height:44px; color:#5a5a5a;}
.page_coreins{ background:#f0f0f0; padding:2%; box-sizing:border-box; line-height:40px; background-image:url(../images/08.png); background-repeat:no-repeat; background-position:right bottom; border-bottom:2px solid #bb9f34;}
.page_coreins .page_title{ background:none; font-size:28px; padding-left:1%; color:#bb9f34; letter-spacing:1px; border-left:3px solid #f00;}
.page_core_banner{ display:none;}



.page_banner img{height:400px;}
.page_banner .banner{min-height:inherit;}
.bian{ max-width:1200px;transition:all linear 1.5s; margin-top:0px; opacity:1; padding:0px !important; transform:scale(1,1);}
.hua{transition:all linear 0.25s; -moz-transition:all linear 0.25s; -webkit-transition:all linear 0.25s; -ms-transition:all linear 0.25s; -o-transition:all linear 0.25s;}
.top{ width:50px; height:50px; line-height:50px; background:#bb9f34; text-align:center; color:#fff; position:fixed; bottom:30%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%;}
#dh{ display:none;line-height:100px; float:right; width:20%; text-align:center;}
.dh{ border:2px solid #dadada; background:none; padding:5% 10%; font-size:20px; display:inline-block;}

.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc;}
.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
.sj_footer img{ max-width:20%;}

@keyframes rotate{
	from{transform: rotateY(0deg)}
	to{transform:rotateY(360deg)}
}
@keyframes mymove{
	10%{ background-position:15%;}
	25%{ background-position:300%;}
	30%{ background-position:300% -100%;}
	35%{ background-position:-300% 0;}
	40%{ background-position:-100%;}
	50%{ background-position:center;}
}

.picture_b a{max-height:240px;}