@charset "utf-8";
@import url("global.css");
.banner{
	width:100%;
	background:url(../images/banner.jpg) no-repeat center top;
	height:600px;
}
.banner_con{
	width:1300px;
	margin:0 auto;
}
.banner_con .logo{
	padding:50px 0 0 25px;
}
.banner_con .slogan{
	text-align:center;
	padding:60px 0 0;
}
.topline{
	background:#3d61b3;
	padding:30px 40px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	margin-top:-85px;
}
.topline p{
	font-size:20px;
	line-height:30px;
	text-indent:2em
}
.sty01{
	padding:55px 0;
}
.box01 h2{
	background:url(../images/box01_h2_bg.png) no-repeat center 92%;
	text-align:center
}
.box01_con{
	padding:60px 0 0
}
.slideBox{position:relative; width:614px; height:368px; overflow:hidden;}
.slideBox a.prev,.slideBox a.next{ display:block; width:34px; height:110px; position:absolute; top:120px; z-index:99}
.slideBox a.prev{ background:url(../images/prev_btn.png) no-repeat; left:0;}
.slideBox a.next{ background:url(../images/next_btn.png) no-repeat; right:0;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; right:10px; bottom:18px; z-index:11; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; width:12px; text-align:center; height:12px; display:inline; margin-right:10px; cursor:pointer; background:#fff; overflow:hidden;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;}
.slideBox .hd ul li.on{ background:#e22323;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd img{ width:614px; height:368px; }
.slideBox .bd dl{position:absolute; height:38px; padding:14px 0 0 20px; left:0; bottom:0; width:594px; background:url(../images/slideBox_bd_dl_bg.png) repeat; z-index:10;}
.slideBox .bd dt{text-align:left; font-size:18px; color:#ffffff;}
.slideBox .bd dt a:link,.slideBox .bd dt a:visited{ color:#ffffff}
.slideBox .bd dt a:hover{ color:#ffffff; text-decoration:underline;}

.list01{
	width:615px;
	margin:0 25px 0 0
}
.list01 li{
	line-height:1.5rem;
	padding:11px 0 11px 18px;
	background:url(../images/blue_dot.png) no-repeat left 20px;
}
.list01 li .riqi{
	font-size:12px;
}
.section01{
	width:100%;
	background:url(../images/section01_bg.jpg) no-repeat center top;
}
.exhibition_hall {
	text-align: center;
	position: relative;
	overflow: hidden
}
.tline {
	color: #dedede
}
.roundabout_box {
	width: 1300px;
	height: 460px;
	margin: 10px auto 0
}
.roundabout_box ul {
}
.roundabout_box img {
	width: 100%
}
.roundabout-holder {
	list-style: none;
	width: 676px;
	height: 396px;
	margin: 0 auto
}
.roundabout-moveable-item {
	font-size: 12px!important;
	height: 396px;
	width: 676px;
	cursor: pointer;
	background: #f9f9f9;
	position:relative
}
.roundabout-moveable-item img {
	height: 100%;
	width: 100%;
	background-color: #fff;
	margin: 0
}
.roundabout-in-focus {
	cursor: auto;
}
.roundabout-in-focus000:hover {
	-webkit-box-shadow: 0 0 20px #787878;
	-moz-box-shadow: 0 0 20px #787878;
	background: #f9f9f9
}
.roundabout-holder .roundabout-moveable-item .text {
	position:absolute;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	left:0;
	bottom:-50px;
	color: #fff;
	background:#3d61b3
}
.roundabout-in-focus000:hover span {
	display: inline;
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 8px 20px;
	background: #f9f9f9;
	color: #36c;
	z-index: 999;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa
}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited {
	outline: none;
	text-decoration: none
}
.roundabout li {
	margin: 0
}
.roundabout_box{ position:relative}
.roundabout_box .prev,.roundabout_box .next{display:block;z-index:999;overflow:hidden;cursor:pointer;position:absolute;width:62px;height:135px;top:150px;}
.roundabout_box .prev{background:url(../images/ggkf20180524-14.png) no-repeat;left:0;}
.roundabout_box .next{background:url(../images/ggkf20180524-15.png) no-repeat right top;right:0;} 

.box02{
	background:url(../images/box02_bg.png) repeat;
	padding:10px;
	margin:40px 0 0
}
.box02_con{
	background:url(../images/box02_con_bg.png) repeat;
	padding:25px 0
}
.list02 li{
	float:left;
	width:576px;
	margin:0 22px;
	line-height:1.5rem;
	padding:6px 0 6px 18px;
	background:url(../images/blue_dot.png) no-repeat left 16px;
}
.list02 li .riqi{
	font-size:12px;
}
.list03{
	margin-left:-28px;
}
.list03 li{
	float:left;
	width:625px;
	margin:17px 0 28px 28px;
}
.list03 li .img{
	width:260px;
	height:168px;
}
.list03 li .img img{
	width:100%;
	height:100%
}
.list03 li .r{
	width:348px;
	margin:0 0 0 14px;
}
.list03 li .r h3{
	font-size:18px;
	color:#3d61b3;
	padding:12px 0 10px;
}
.list03 li .r h3 a{
	color:#3d61b3
}
.list03 li .r .intro{
	line-height:25px;
	font-size:16px;
	padding:0 0 12px;
}
.list03 li .r .more a{
	display:block;
	width:90px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	background:#3d61b3;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.section02{
	width:100%;
	background:url(../images/section02_bg.jpg) no-repeat center top;
}
.list04 li{
	float:left;
	width:550px;
	height:148px;
	margin:10px 30px 35px 55px;
	background:url(../images/list04_li_bg.png) no-repeat right center;
}
.list04 li .img{
	width:140px;
	height:140px;
	border:#3d61b3 solid 4px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	overflow:hidden
}
.list04 li .img img{
	width:100%;
	height:100%
}
.list04 li .r{
	width:278px;
	margin:0 0 0 14px;
}
.list04 li .r h3{
	font-size:18px;
	padding:25px 0 10px;
}
.list04 li .r .intro{
	font-size:16px;
	line-height:25px;
}
.list05{
	margin:0 0 0 -20px;
}
.list05 li{
	float:left;
	width:640px;
	height:102px;
	margin:20px 0 0 20px;
	background:#e8f1fb
}
.list05 li .riqi{
	display:block;
	width:60px;
	height:50px;
	margin:23px 0 0 27px;
	padding:10px 0 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background:#3d61b3;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	line-height:18px;
}
.list05 li .riqi em{
	font-size:14px;
	font-weight:normal;
}
.list05 li .r{
	width:500px;
	margin:26px 0 0 20px;
}
.list05 li .r h3{
	font-size:18px;
	font-weight:normal;
	color:#3d61b3
}
.list05 li .r h3 a{
	color:#3d61b3
}
.list05 li .r p{
	font-size:15px;
	padding:8px 0 0;
}


.img_list_c ul{ margin-left: -3%;}
.img_list_c ul li{float:left;width:22%; margin-left: 3%;}
.img_list_c ul li img{width:100%}


@media (max-width: 768px) {
.banner{
	width:100%;
	background-size:auto 100%;
	height:35vh
}
.banner_con{
	width:100%
}
.banner .logo{
	padding:15px 0 0 15px;
}
.banner .logo img{
	width:50%;
	height:auto
}
.banner_con .slogan{
	padding:3vh 0 0
}
.banner_con .slogan img{
	width:80%
}
.w1300{
	width:94%;
	padding:0 3%
}
.sty01{
	padding:1em 0
}
.sty02{
	width:100% !important;
	padding:0 !important
}
.topline{
	padding:18px;
}
.topline p{
	font-size:15px;
	line-height:1.6rem
}
.box01 h2 img{
	width:50% !important
}
.slideBox{
	width:100%;
	height:70vw;
	float:none
}
.slideBox a.prev, .slideBox a.next{
	top:80px;
}
.slideBox .bd img{
	width:100%;
	height:70vw;
}
.slideBox .bd dt{
	font-size:16px
}
.list01{
	width:100%;
	margin:0;
}
.list01 li .riqi{
	display:none;
}
.mob_sty01 img{
	width:50% !important
}
.section01{
	padding:1em 0;
	height:auto;
}
.section01 h2 img{
	width:100%;
	height:auto
}
.roundabout_box{
	width:95%;
	height:auto;
	margin:1em auto;
	padding-bottom:1em
}
.roundabout_box .prev, .roundabout_box .next{
	display:none;
}
.roundabout-holder{
	width:70%;
	height:200px;
}
.roundabout-moveable-item{
	width:70%;
	height:200px;
}
.roundabout-holder .roundabout-moveable-item .text{
	width:100%;
	overflow:hidden;
	white-space: nowrap;text-overflow: ellipsis;
	font-size:14px
}
.list02 li{
	float:none;
	width:88%;
	margin:0 5px 0 12px;
	font-size:0.95rem;
	padding:4px 0 4px 18px
}
.list02 li .riqi{
	display:none;
}
.box01_con{
	padding:30px 0 0
}
.box02_con{
	padding:15px 0;
}
.list03{
	margin:0;
}
.list03 li{
	width:100%;
	margin:10px 0 10px 0
}
.list03 li .r{
	margin:0
}
.list04 li{
	width:100%
}
.list04 li{
	margin:10px 30px 35px 0;
	height:90px;
	background-size:contain
}
.list04 li .img{
	width:90px;
	height:90px;
	margin:-5px 0 0
}
.list04 li .r{
	width:55%;
	margin:0 0 0 10px
}
.list04 li .r h3{
	padding:8px 0 3px;
	font-size:18px
}
.list04 li .r .intro{
	font-size:14px;
	line-height:20px;
}

.list05{
	margin:1rem 0 0;
	padding:0 3%;
}
.list05 li{
	float:none;
	width:92%;
	padding:4%;
	height:auto;
	overflow:hidden;
	margin:1rem 0 0 0
}
.list05 li .r h3{
	font-size:1.1rem;
	width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.list05 li .riqi{
	display:none;
}
.list05 li .r{
	float:none;
	width:100%;
	margin:0;
}
.footer{
	padding:1em 0;
}
.footer_bot{
	width:100%
}
.footer_bot a.dzjg_ico,.footer_bot a.jcjcjcjc,.zhaocuo{
	display:none;
}
.footer p{
	width:95%;
	margin:0 auto
}
.img_list_c ul{ margin-left: -5%;}
.img_list_c ul li{width:45%; margin-left: 5%; margin-bottom: 1rem;}
}