@charset "utf-8";
@import url("global.css");
.banner{
	width:100%;
	background:url(../images/banner.png) no-repeat center top;
	height:687px;
	text-align: left;
}
.banner_con{
	width:1200px;
	margin:0 auto;
}
.banner_con .logo{
	padding:60px 0 0 35px;
}
.text{background:url(../images/text_bg.png) no-repeat; color:#fff; margin-top:-145px; height: 139px; padding:46px;}
.text img{padding:0px; font-size: 20px; float: left;}
.text p{padding:40px; font-size: 20px; float: left;width: 997px;}
.box01 h2{text-align: center; width:100%;margin: 0 0 20px 0;}
.bg01{padding:37px 0; background: url(../images/bg01.jpg) no-repeat;margin: 50px 0; height: 630px;}
.bg02{background:#e3f2f9; margin-top: 35px; padding:60px 0; height: 800px; margin-bottom: 52px;}
.more{width:100%; text-align: center;display: block;margin: 17px 0 0 0; /*! float: left */}
.more a{padding:8px 60px; background: #214cae; font-size: 22px; color:#fff; border-radius: 15px;}
.more a:hover{background: #e13f38;}
.more1{margin:10px 20px 20px; background: #214cae; font-size: 15px; color:#fff!important; padding:3px 20px; line-height: 20px}

.pic_news{width:668px; padding:20px 0 0 0; float: left;}

/*pic_news*/
.slideBox{ width:668px; height:375px; overflow:hidden; position:relative; margin:23px 0; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:39%; bottom:49px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left; margin-right:5px;  width:32px; height:4px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{background:#c10000; color:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:668px; height:375px; position: relative; z-index: 0 }
.slideBox .bd .news_info{width:668px; height: 49px; background:url(../images/green_dot.png); line-height: 20px; color:#fff; top: -79px; text-align: center; padding:30px 0 0 0;position: relative; z-index:1;}
.slideBox .bd .news_info h1{font-weight: normal; line-height: 30px;font-size: 18px; }

/*list_news*/
.news{width:607px; height: 320px; text-align: left; /*! background: #fff; */ padding:0px;margin: 40px 0 0 25px;}
.news ul{margin:0; width:100%;float: left;}
.news li{font-size: 18px; height: 48px; background:url(../images/red_dot.png) 8px 14px no-repeat; color: #555; width:584px; padding-left:24px; float: left;}
.news .date{color: #9e9e9e; width:76px; text-transform: uppercase; height: 36px; font-size: 14px;}

/*list_pic*/
.leftLoop02{ position:relative; height: 317px; top:0px; margin:40px auto; width: 1300px;} 
.leftLoop02 .hd{ /*! overflow:hidden; */  height:100px; position: absolute; /*! top:64px; */ z-index: 3; width: 100%;} 
.leftLoop02 .hd ul{overflow:hidden; zoom:1; /*! margin-top:219px; */ position: absolute; text-align: center; left:43.5%; top: 418px;} 
.leftLoop02 .hd ul li{ position:relative; _display:inline; float:left;  width:47px; height:10px; overflow:hidden; background:#aed481; margin-right:10px; text-indent:-999px; cursor:pointer; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
.leftLoop02 .hd ul li.on{ background:#3d61b3;  } 
.leftLoop02 .bd{ /*! padding:0px 40px; */ position: relative; top:35px; overflow: hidden;  } 
.leftLoop02 .bd ul{ overflow:hidden; zoom:1;height: 330px; } 
.leftLoop02 .bd ul li{ margin:0 44px 0 0; text-align:center; float:left;display:_inline; width:398px; height: 317px; background: #fff; box-shadow: 1px 1px 1px 1px rgb(0,0,0,0.05);} 
.leftLoop02 .bd ul li:hover{background: #66ab0d; box-shadow: 0; color:#fff; transition: all .5s;}
.leftLoop02 .bd ul li:hover p{color:#fff;}
.leftLoop02 .bd ul li img{width:396px; height: 262px; margin-top:1px;}
.leftLoop02 .bd ul li p{height: 37px; text-align: center; color:#000; margin:10px 0 0 0; position: relative;line-height: 37px;}

/**/
.exhibition_hall {
	text-align: center;
	position: relative;
	overflow: hidden
}
.exhibition_hall h4 {
	font-size: 30px;
	text-align: center;
	margin: 0 auto;
	padding-top: 50px;
	color: #000;
}
.tline {
	color: #dedede
}
.roundabout_box ul {
}
.roundabout_box img {
	width: 100%
}
.roundabout_box {
	height: 500px;
	width: 1044px;
	margin: 0 auto 20px
}
.roundabout-holder {
	list-style: none;
	width: 600px;
	height: 440px;
	margin: 30px auto;
}
.roundabout-moveable-item {
	font-size: 12px!important;
	height: 405px;
	width: 717px;
	cursor: pointer;
	background: #000;
	position:relative;
	overflow: hidden;
	/*transform: perspective(900px) rotatey(45deg);
-webkit-transform: perspective(900px) rotatey(45deg); /* Safari and Chrome */
}
.roundabout-moveable-item img {
	height: 100%;
	width: 100%;
	background-color: #000;
	margin: 0；
}
.roundabout-in-focus {
	cursor: auto;
	/*transform: perspective(0px) rotatey(45deg);
	-webkit-transform: perspective(0px) rotatey(45deg);/* Safari and Chrome */
	/*transition: transform 0.5s;
    -moz-transition: transform 0.5s; /* Firefox 4 */
    /*-webkit-transition: transform 0.5s; /* Safari 和 Chrome */
    /*-o-transition: transform 0.5s; /* Opera */
	

}
.roundabout-in-focus000:hover {
	-webkit-box-shadow: 0 0 20px #787878;
	-moz-box-shadow: 0 0 20px #787878;
	background: #f9f9f9
}
.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 p{background:#3369b8; font-size: 20px; color:#fff; height: 50px; margin-top:-50px; line-height: 50px;position: relative;}
.roundabout_box{ position:relative}

/*pic_list01*/
.leftLoop{ position:relative; height: 540px; top:0px; margin:40px auto; width: 1300px;} 
.leftLoop .hd{ /*! overflow:hidden; */  height:100px; position: absolute; /*! top:64px; */ z-index: 3; width: 100%;} 
.leftLoop .hd ul{overflow:hidden; zoom:1; /*! margin-top:219px; */ position: absolute; text-align: center; left:43.5%; top: 650px;} 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:47px; height:10px; overflow:hidden; background:#aed481; margin-right:10px; text-indent:-999px; cursor:pointer; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
.leftLoop .hd ul li.on{ background:#3d61b3;  } 
.leftLoop .bd{ /*! padding:0px 40px; */ position: relative; top:35px; overflow: hidden;  } 
.leftLoop .bd ul{ overflow:hidden; zoom:1;height: 560px; } 
.leftLoop .bd ul li{ margin:0px 30px 0 0; float:left; text-align: center; display:_inline; width:302px; height: 531px; background: #fff; box-shadow: 1px 1px 1px 1px rgb(0,0,0,0.05);} 
.leftLoop .bd ul li:hover{background: #3369b8; box-shadow: 0; color:#fff; transition: all .5s;}
.leftLoop .bd ul li:hover .info{color:#fff!important; background: #3369b8; height: 400px; padding-top: 40px; margin-top: -30px; position: relative;  transition: all .5s;}
.leftLoop .bd ul li:hover .info p,.leftLoop .bd ul li:hover .info a{color: #fff;}
.leftLoop .bd ul li img{width:300px; height: 300px; margin-top:1px;}
.leftLoop .bd ul li .info{color:#000; padding:10px 20px; position: relative;line-height: 37px; text-align: left;} 
.leftLoop .bd ul li .info h1{font-size: 18px; line-height: 25px; margin-bottom:15px;}
.leftLoop .bd ul li .info p{font-size: 16px; color:#7e7e7e; line-height: 30px; margin-bottom: 8px;}
.leftLoop .bd ul li .info a{color:#3369b8; font-size: 16px; font-weight: bold;}
.footer a{color:#fff;}

/*news*/
.list02{
	margin:30px 0;
	width: 1300px;
}
.list02 li{
	float:left;
	width:630px;
	height:102px;
	margin:20px 0 0 20px;
	background:#f6f6f6
}
.list02 li .riqi{
	display:block;
	width:60px;
	height:50px;
	margin:23px 0 0 21px;
	padding:10px 0 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background:#2765a9;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	line-height:18px;
}
.list02 li .riqi em{
	font-size:14px;
	font-weight:normal;
}
.list02 li .r{
	width:435px;
	margin:22px 0 0 20px;
}
.list02 li .r h3{
	font-size:18px;
	font-weight:normal;
	color:#014b9c
}
.list02 li .r h3 a{
	color:#014b9c
}
.list02 li .r p{
	font-size:15px;
	padding:1px 0 0;
}

