* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
	max-width: 100%;
	border: none;
}
ul,
li {
	list-style: none;
}
a {
	color: #e8c497;
	text-decoration: none;
	transition: all .2s ease-out 0s;
}
a:hover {
	color: #e8c497;
}



body{ background-color: #172736;}

.section_all{ min-width: 1170px; overflow: hidden;}
.section{ width: 100%; height: auto; position: relative;}
.section_main{ width: 1170px; height: auto; margin: 0 auto; position: relative;}


/*分区一*/
.section.st1{ padding-top: 55.6%; background: url(../img/st1_bg.jpg) center top / 100% auto no-repeat;}
.section.st1:before{ display: block; content: " "; width: 100%; height: 100%; position: absolute; top: 0; background: url(../img/st1_bg1.png) right top / auto 100% no-repeat;}
/*导航*/
.head{ width: 100%; height: auto; position: fixed; top: 0; z-index: 10; background-color: #172736;}
.head_main{ width: 73%; min-width: 1170px; height: 73px; margin: 0 auto; padding-left: 140px; position: relative;}
.head .logo{ width: 106px; height: 39px; position: absolute; top: 18px; left: 0;}
.head .top_nav{ width: 100%; height: 73px; padding-top: 12px; display: flex; justify-content: space-between;}
.head .top_nav li{ width: auto; height: 50px; margin: 0 2%; padding: 0 1%; color: #7e756c; background-position: center bottom; background-repeat: no-repeat; transition: all .2s ease-out 0s; font-size: 16px; line-height: 40px; cursor: pointer;}
.head .top_nav li:hover{ color: #e8c497;}
.head .top_nav li.on{ background-image: url(../img/nav_bg.png); color: #e8c497;}
.st1 .section_main{ width: 39%; height: auto; position: absolute; top: 19.6%; right: 3%;}
.st1 .section_main img{ width: 100%;}


/*分区二*/
.section.st2{ padding: 10% 0; background: url(../img/st2_bg.jpg) center top / auto 100% no-repeat;}
.st2 .section_main{ width: 600px; height: auto; position: relative; margin: 0 auto; padding-bottom: 5%;}
.st2_title{ width: 100%; height: auto; text-align: center;}
.st2_main{ width: 100%; height: auto; margin-top: 112px; position: relative;}
.st2_main p{ text-indent: 2em; font-size: 15px; line-height: 30px; color: #f5f2e3;}



/*分区三*/
.section.st3{ padding: 120px 0; /*background: url(../img/st3_bg1.png) center top / 100% auto no-repeat;*/}
.st3 .section_main{ width: 84%; min-width: 1170px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.st3_title{ width: 100%; height: auto; text-align: center;}
.st3_main{ width: 100%; height: auto;}
.st3_bg{ width: 1920px; height: auto; position: absolute; top: 0; left: 50%; margin-left: -960px; /*background-color: rgba(255,255,255,0.4);*/ background-position: center top; background-repeat: no-repeat;}
.st3_bg.bg1{ height: 1380px; top: 0px; background-image: url(../img/st3_bg1.png);}
.st3_bg.bg2{ height: 1272px; top: 0px; background-image: url(../img/st3_bg2.png);}
.st3_bg.bg3{ height: 1215px; top: 0px; background-image: url(../img/st3_bg3.png);}
.st3_bg.bg4{ height: 1637px; top: 0px; background-image: url(../img/st3_bg4.png);}
.st3_bg.bg5{ height: 1269px; top: 0px; background-image: url(../img/st3_bg5.png);}
.st3_bg.bg6{ height: 1375px; top: 0px; background-image: url(../img/st3_bg6.png);}

.st3_sc_tit{ width: 575px; height: 55px; margin: 0 auto; margin-top: 100px; font-size: 35px; line-height: 55px;}
.st3_sc_tit.t1{ padding-left: 36px; background: url(../img/st3_tit_bg1.png) left center no-repeat;}
.st3_sc_tit.t2{ padding-left: 60px; background: url(../img/st3_tit_bg2.png) left center no-repeat;}
.st3_sc_list{ margin-top: 30px; padding: 70px 5% 0; overflow: hidden; background-color: rgba(47,65,77,0.3);}

.st3_sc_list .title{ width: 100%; margin: 40px 0 30px; padding-bottom: 40px; position: relative; background: url(../img/st3_tit_bg3.png) center bottom no-repeat; /*font-family: "宋体","simsun";*/ font-size: 30px; line-height: 40px; color: #e9c195; text-align: center;}
.st3_sc_list .intro{}
.st3_sc_list .intro p{ text-indent: 2em; font-size: 19px; line-height: 30px; color: #f1edde;}
.st3_sc_list .intro.int1{ padding: 0 16.8%;}
.st3_sc_list .intro.int2{ width: 100%; height: auto; overflow: hidden; position: relative; 
	-moz-column-count:2; 
	-webkit-column-count:2; 
	column-count:2; 
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}



.exlist{ width: 100%; height: auto; padding: 50px 0; text-align: center; display: flex; justify-content: space-around;}
.exlist li{ display: inline-block; width: 373px; height: auto; /*padding: 40px 0 0;*/ margin: 0 1%; position: relative;}
/*.exlist li:before{ display: block; content: " "; width: 100%; height: 18px; position: absolute; top: 0px; background: url(../img/st3_img_bg1.png) center top no-repeat;}
.exlist li:after{ display: block; content: " "; width: 100%; height: 428px; position: absolute; top: 40px; background: url(../img/st3_img_bg2.png) center center no-repeat;}*/
.eximg{ width: 373px; height: 428px; padding: 36px;}
.eximg img{ width: 100%; box-shadow: 0 0 25px #000; cursor: pointer;}
.exinfo{ padding: 0 36px; text-align: left;}
.exinfo .r1{ display: inline-block; min-width: 200px; margin-bottom: 10px; border-bottom: 1px solid #bdbdb3; font-size: 13px; line-height: 30px; color: #bdbdb3;}
.exinfo .r2{ font-size: 13px; line-height: 20px; color: #bdbdb3;}

.layer_btn{ width: 624px; height: 76px; margin: 120px auto; background: url(../img/layer_bg1.png) center center no-repeat; font-size: 30px; line-height: 76px; color: #e9c195; transition: all .2s ease-out 0s; text-align: center; cursor: pointer;}
.layer_btn:hover{ transform: scale(1.1);}



/*弹出层-图片*/
.layer_img{ display: none; width: 100%; height: auto; position: fixed; top: 0; bottom: 0; z-index: 100; background-color: rgba(0,0,0,0.7);}
.layer_img_main{ width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.layer_img_main:after{ display: block; content: " "; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; cursor: move;}
.layer_img_close{ width: 40px; height: 40px; margin-top: -20px; position: absolute; top: 50%; right: -90px; z-index: 101; background: url(../img/layer_bg2.png) center center / 100% 100% no-repeat; cursor: pointer; transition: all .2s ease-out 0s;}
.layer_img_close:hover{ background-image: url(../img/layer_bg3.png);}
.layer_img_main img{ width: 100%;}



/*弹出层-展品列表*/
.layer{ display: none; width: 100%; height: auto; position: fixed; top: 0; bottom: 0; z-index: 100; background-color: rgba(0,0,0,0.5);}
.layer *{ color: #000;}
.layer_main{ width: 1070px; height: auto; margin-left: -535px; padding: 55px 30px 55px 155px; position: absolute; top: 50px; bottom: 20px; left: 50%; background-color: #e1e0dc;}
.layer_close{ width: 40px; height: 40px; position: absolute; top: 15px; right: 42px; z-index: 101; background: url(../img/layer_bg2.png) center center / 100% 100% no-repeat; cursor: pointer; transition: all .2s ease-out 0s;}
.layer_close:hover{ background-image: url(../img/layer_bg3.png);}

.layer_scroll{ width: 100%; height: auto; padding-right: 55px;}





/*分区四*/
.section.st4{ padding: 5% 0;}
.st4 .section_main{ width: 68%; min-width: 1170px;}
.st4_title{ width: 100%; height: auto; text-align: center;}
.st4_main{ width: 100%; height: auto; margin-top: 7%;}
.st4_main img{ width: 100%;}


/*分区五*/
.section.st5{ padding: 5% 0; background: url(../img/st5_bg.jpg) center top / auto 100% no-repeat;}
.st5 .section_main{ width: 1052px;}
.st5_title{ width: 100%; height: auto; text-align: center;}
.st5_main{ width: 100%; height: auto; margin-top: 7%; padding: 195px 205px; position: relative; background-color: rgba(55,82,108,0.49);}
.st5_main .bg{ width: 100%; height: 1px; position: absolute; left: 0; background-color: #e9c195;}
.st5_main .bg:before{ display: block; content: " "; width: 46px; height: 24px; position: absolute; left: -35px; top: -11px; background: url(../img/st5_main_bg1.png) center center / 100% 100% no-repeat;}
.st5_main .bg:after{ display: block; content: " "; width: 46px; height: 24px; position: absolute; right: -35px; top: -12px; background: url(../img/st5_main_bg2.png) center center / 100% 100% no-repeat;}
.st5_main .bg.bg1{ top: 0;}
.st5_main .bg.bg2{ bottom: 0;}
.st5_main .r1{ font-size: 18px; line-height: 36px; color: #f1eede;}
.st5_main .r1 a{ text-decoration: underline;}
/*.st5_main .r2{ margin-top: 35px;}
.st5_main .r2 .tit{ font-size: 18px; line-height: 28px; color: #e9c195;}
.st5_main .r2 .lis{ font-size: 13px; line-height: 30px; color: #f1eede;}
.st5_main .r2 .lis a{ font-size: 13px; line-height: 30px; color: #f29b76; text-decoration: underline;}
.st5_main .r2 .lis a:hover{ color: #efb79f;}*/


/*分区六*/
.section.st6{ padding: 7% 0;}
.st6 .section_main{ width: 1100px;}
.st6_title{ width: 100%; height: auto; text-align: center;}
.st6_main{ width: 100%; height: auto; margin-top: 5%;}
.st6_main .r1{text-align: center;}
.st6_main .r2{ margin-top: 5%; padding-left: 230px;}
.st6_main .r2 li{}
.st6_main .r2 li a{ font-size: 15px; line-height: 36px; color: #fff;}
.st6_main .r2 li a:hover{ color: #e9c195; text-decoration: underline;}
.st6_main .r2 li a span{ padding-right: 20px;}


/*分区七*/
.section.st7{ padding: 7% 0;}
.st7 .section_main{ width: 100%;}
.st7_title{ width: 100%; height: auto; text-align: center;}
.st7_main{ width: 100%; height: auto; margin: 5% 0 0; padding-top: 40px; background-color: rgba(31,48,61,0.33);}
.st7_main_center{ width: 1055px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.st7_left{ float: left; width: 710px; height: auto;}
.st7_left .tit{ margin-bottom: 25px; font-size: 24px; line-height: 200%; color: #e9c195;}
.st7_left .lis{ width: 100%; height: auto; overflow: hidden; position: relative;}
.st7_left .lis li{ float: left; width: 145px; height: auto; margin-bottom: 30px; margin-right: 90px; text-align: center;}
.st7_left .lis li img{}
.st7_left .lis li div{ font-size: 18px; line-height: 200%;}
.st7_right{ float: right; width: 315px; height: auto;}
.st7_right .r{ margin-bottom: 25px;}
.st7_right .r .r_tit{ margin-bottom: 25px; font-size: 24px; line-height: 200%; color: #e9c195;}
.st7_right .r .r_lis{}
.st7_right .r .r_lis img{ width: 100%;}
.st7_main_list{ width: 1055px; height: auto; margin: 0 auto;}
.st7_main_list .title{ background: url(../img/st7_border1.jpg) center bottom repeat-x; font-size: 24px; line-height: 250%; color: #e9c195;}
.st7_main_list .list{}
.st7_main_list .list li{ height: auto; padding: 38px 0; overflow: hidden; background: url(../img/st7_border1.jpg) center bottom repeat-x;}
.st7_main_list .list li a{ float: left; font-size: 18px; line-height: 36px; color: #fff;}
.st7_main_list .list li a:hover{ color: #e8c497;}
.st7_main_list .list li span{ float: right; margin-left: 30px; font-size: 18px; line-height: 36px; color: #fff;}



/*分区八*/
.section.st8{ padding: 7% 0 0;}
.st8 .section_main{ width: 100%;}
.st8_title{ width: 100%; height: auto; text-align: center;}
.st8_main{ width: 100%; height: auto; margin-top: 5%; background-color: rgba(31,48,61,0.4);}
.st8_iframe{ display: block; width:1000px; height: 860px; box-sizing: content-box; margin: 0 auto; background-color: #fff;}
/*底部*/
.foot{ width: 1000px; height: auto; margin: 0 auto; padding: 80px 0 60px;}
.foot_r1{ width: 100%; height: 100px; position: relative;}
.foot_r1 .c{ width: auto; height: auto; position: absolute; top: 0; font-size: 14px; line-height: 200%; color: #a2a9ae;}
.foot_r1 .c img{ display: block;}
.foot_r1 .c.c1{ width: 225px; left: 0;}
.foot_r1 .c.c2{ width: 290px; left: 360px;}
.foot_r1 .c.c3{ width: 275px; left: 725px; padding-top: 20px;}
.foot_r1 .c.c3 .a{ display: inline-block; width: 46px; height: 46px; margin: 0 10px; background-position: center center; background-size: 30px 30px; background-repeat: no-repeat; border: 1px solid #fff; border-radius: 50%;}
.foot_r1 .c.c3 .a.a1{ background-image: url(../img/foot_img3.png); cursor: pointer;}
.foot_r1 .c.c3 .a.a2{ background-image: url(../img/foot_img4.png);}
.foot_r1 .c.c3 .qrcode{ display: none; width: 95px; height: 95px; position: absolute; top: 0; left: 155px;}
.foot_r1 .c.c3 .a.a1:hover{ background-color: #f56467; border-color: #f56467;}
.foot_r1 .c.c3 .a.a2:hover{ background-color: #61cd72; border-color: #61cd72;}
.foot_r1 .c.c3 .a.a2:hover + .qrcode{ display: block;}
.foot_r2{ font-size: 14px; line-height: 200%; color: #a2a9ae;}
.foot_r3{ width: 100%; height: auto; margin-top: 25px; overflow: hidden; position: relative;}
.foot_r3 .r{ font-size: 14px; line-height: 36px; color: #a2a9ae;}
.foot_r3 .c{ float: left;}
.foot_r3 .c.c1{ width: 260px; margin-right: 100px;}
.foot_r3 .c.c2{ width: 275px; margin-right: 100px;}
.foot_r3 .c.c3{ width: 250px;}
.foot_r3 .c li{ font-size: 13px; line-height: 22px; color: #a2a9ae;}





/*
@media (max-width: 1340px) {
	.st1 .logo{ top: 20px; left: 0px;}
}
*/