﻿
html,body{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	overflow-y: hidden;
}
.w1200{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.headr{
	width: 100%;
	height: 100px;
	background: #0090d4;
	position: relative;
/*	display: none;*/
}
.navul{
	width: 1200px;
	height: 100%;
}
.navul ul{
	float: left;
}
.navul .navlogo{
	width: 380px;
	height: 100%;
	text-align: left;
	line-height: 100px;
	padding-right: 20px;
}
.navul .navlogo img{
	vertical-align: middle;
}
.navul .navli li{
	float: left;
	padding-left: 21px;
	padding-right: 21px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
}
.navul .navli li:hover{
	background: #0070a6;
}
.navul .navli li a{
	display: block;
	color: #fff;
}

.floatPanel{ display:none!important;}
.gomore{
	display: none;
	position:fixed;
	bottom:20px;
	left:50%;
	height:30px;
	width:30px;
	margin-left:-15px;
	background: rgba(0,0,0,0.5) url(../images/xbb_con_control_btn_up.png) center center no-repeat;
	-webkit-animation: switchUp 1.5s infinite; 
	animation: switchUp 1.2s infinite;
	border:1px solid #999;border-radius:50%;
}
	@keyframes switchUp {
	0% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(0, -10px);
		opacity: 0;
	}
}



/*手机版头部*/
.m_headr{
	width: 100%;
	min-height: 50px;
	display: none;
}
.m_headr .m_headr_top{
	width: 100%;
	height: 50px;
	background: #0090d4;
}

.m_headr .m_headr_top .m_logo{
	text-align: left;
	float: left;
}
.m_headr .m_headr_top .m_logo img{
	zoom: 0.5;
	margin-top: 10px;
    margin-left: 25px;
}
.m_headr_menu{
	width: 30px;
	float: right;
	line-height: 5px;
	margin-right: 20px;
	margin-top: 7px;
}
.m_headr_menu span{
	display: inline-block;
	width: 30px;
	height: 3px;
	border-radius: 1px;
	background: #ccc;
}
.m_headr_li{
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 9999;
	background:rgba(255,255,255,0.9);
	display: none;
}
.m_headr_li li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-indent: 30px;
}
.m_headr_li li a{
	display: block;
	color: #333;
}

/*=================侧面导航栏===================*/
.menu_home{}
#menu{
	width:60px;
	 position:absolute;
	 right:0px;
	 top:20%;
}
#menu li{
	font-size:18px;
	width: 60px;
	transition: all 0.4s linear;
	text-align:center;
	background:#306fa2;
	font-size:16px;
	height:60px;
}
#menu li a{
	color:#fff;
	display:block;
	cursor:pointer;
	padding:10px;
	margin-top:1px;
}
.menu_home{ height:60px; width:60px; color:#fff;background:#306fa2; font-size:16px; line-height:60px; text-align:center;}
.menu_home:hover{ background:#c61c28;}
.menu_home a{color:#fff; display:block;}
#menu .active{ background:#c61c28; color:#fff;}
#menu li:hover{ background:#c61c28;}



/*================面板开始==================*/


.menu li{
 font-size:18px;
 width: 9%;
 line-height: 50px;
 transition: all 0.4s linear;
 text-align:center;
 margin-right: 2%;
}
.menu li a{
	color:#fff;
	display:block;
	cursor:pointer;
}
.menu .active{ background:#2b6491;}
.menu li:hover{ background:#2b6491;}

@keyframes icon1{ /*放大缩小动画*/
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1.1);}
	75%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
@keyframes icon{ /*上下移动动画*/
	0%{transform: translateY(0);}
	25%{transform: translateY(3px);}
	50%{transform: translateY(0px);}
	75%{transform: translateY(-3px);}
	100%{transform: translateY(0px);}
}
.maindiv{
	width: 100%;
	height: 720px;
	overflow: hidden;
}
.maindiv>div{
	width: 100%;
	height: 720px;
	overflow: hidden;
}
.maindiv>div>div{
	height: 720px;
	overflow: hidden;
}
/*==========第一版=========*/

.maindiv .main01{
	background: url(../images/xbb_gkimg1.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*==========第二版=========*/

.maindiv .main02{
	background: url(../images/xbb_gkimg2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.main02 .main02div{
	width: 1200px;
	height: 582px;
	margin: 0 auto;
	margin-top: 40px;
	background: url(../images/xbb_zjrw.png) top center no-repeat;
	position: relative;
	
}
.zjy1{ width: 164px; height: 140px; position: absolute; left: 0; top: 500px;}
.zjy2{ width: 164px; height: 140px; position: absolute; right: 0; top: 319px;}
.main02 .main02div .main02p{
	width: 581px;
	height: 196px;
	float: left;
	padding: 320px 0 0 277px;
	font-size: 18px;
	color: #000000;
	line-height: 30px;
	text-indent: 2em;
}
.main02 .main02div .main02a{
	width: 32px;
	height: 116px;
	padding-top: 326px;
	float: left;
	margin-left: 30px;
	color: #B20000;
	font-size: 28px;
	text-align:center;
}
.main02 .main02div .main02a a{
	color: #B20000;
	font-size: 28px;
}

/*==========第三版=========*/

.maindiv .main03{
	background: url(../images/xbb_gkbg2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.maindiv .main03 .main03div{
	width: 1200px;
	height: 650px;
	margin: 0 auto;
}
.main03logo{ padding-top: 60px; margin-left: 5px; height: 216px;}
.main03ul li{ width: 370px; height: 370px; background: url(../images/xbb_zjbmb.png); position: relative; float: left; margin-right: 45px;}
.main03ul .zjmore{ width: 69px; height: 69px; position: absolute; top: 0; left: 0; background: url(../images/xbb_zjmorebg.png) no-repeat; z-index: 999; }
.main03ul .zjmore img{ margin: 13px 0 0 13px; transition:all .5s ease-in-out;}
.main03ul .zjmore:hover img{  transform:scale(1.3);}
.main03ul .main03ti{ width: 370px; position: absolute; top: 0; left: 0; height: 90px; line-height: 90px; text-align: center; font-size: 28px; color: #156793;}
.main03ul .main03ti a{ color: #156793;}
.main03ul li p{ width: 272px; margin: 0 auto; line-height: 32px; text-indent: 2em; font-size: 18px; color: #000000; position: absolute; top: 80px; left: 50px;}

.main03ul li.main03ul03{
	margin-right: 0;
}

/*==========第四版=========*/
.maindiv .main04{
	background: url(../images/xbb_gkbg4.png) no-repeat center #ecf5ff;
}
.maindiv .main04 .main04div{
	width: 1200px;
	height: 758px;
	margin: 0 auto;
	position: relative;
}
.main04logo{ width: 415px; top: 92px; right: -131px; position: absolute;}
.main04ul li{ width: 335px; height: 339px; background: url(../images/xbb_zjmb2.png) bottom center no-repeat; position: absolute;}
.main04ul .zjgti{ height: 158px; text-align: center;} 
.main04ul p{ width: 270px; margin: 0 auto; line-height: 30px; font-size: 18px; color: #fff;}
.main04ul li.main04ul01{ left: 0; top: 92px;}
.main04ul li.main04ul02{ left: 250px; top: 416px;}
.main04ul li.main04ul03{ left: 609px; top: 168px;}


/*==========第五版=========*/
.maindiv .main05{
	background: url(../images/xbb_gkimg13.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.maindiv .main05 .main05div{
	width: 1200px;
	height: 733px;
	margin: 0 auto;
	position: relative;
}
.main05logo{ padding: 93px 0 0 5px; height: 152px;}
.main05div p{ height: 175px; line-height: 32px; text-indent: 2em; font-size: 18px; color: #fff;}
.main05ul li{ width: 186px; height: 186px; position: absolute;}
.main05ul li.main05ul01{ left: 0; top: 423px;}
.main05ul li.main05ul02{ left: 268px; top: 530px;}
.main05ul li.main05ul03{ left: 530px; top: 389px;}
.main05ul li.main05ul04{ left: 794px; top: 515px;}
.main05ul li.main05ul05{ left: 999px; top: 402px;}


/*==========第六版=========*/
.maindiv .main06{
	background: url(../images/xbb_zjbg6.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.maindiv .main06 .main06div{
	width: 1200px;
	height: 622px;
	margin: 0 auto;
	position: relative;
}
.main06logo{ position: absolute; top: 111px; right: -119px; width: 376px;}
.main06divc{ width: 974px;}
.main06ul{ height: 113px; padding-top: 122px;}
.main06ul li{ font-size: 28px; color: #fff;float: left; line-height: 103px; margin-right: -47px;}
.main06ul li a{ display: block; padding: 0 58px; color: #fff !important;}
.main06ul li.hover{  background: url(../images/xbb_zjhover.png) top center no-repeat; }
.main06xx{ height: 340px; background: url(../images/xbb_zjmb3.png);}
.main06xx>div{ width: 431px; height: 278px; float: left; padding: 30px 0 0 25px;}
.main06xx>p{ width: 458px; float: left; margin-left: 30px; padding-top: 45px; line-height: 36px; font-size: 18px; color: #fff; text-indent: 2em;}
.main06xx>div img{ width: 431px; height: 278px;}

/*==========第六版=========*/
.maindiv .main07{
	background: url(../images/xbb_zjbg7.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.maindiv .main07 .main07div{
	width: 1200px;
	height: 622px;
	margin: 0 auto;
	position: relative;
}
.main06logo{ padding-top: 27px; text-align:center; height: 158px;}
.main07pic{ height: 534px;}



.zjc1{ width: 1200px; margin: 0 auto;}
.zjlogo{ padding-top: 127px; text-align:center; height:295px;}
.zjxq{ height: 240px; background: url(../images/xbb_zjmb.png);}
.zjxq1{ width: 74px; height: 205px; float: left; padding: 17px 0 0 17px;}
.zjxq2{ width: 1078px; height: 145px; padding-top: 38px; line-height: 34px; font-size: 18px; color: #fff; float: right; margin-right: 15px;}
.zjxq2 p{ text-indent: 2em;}


.roundabout-holder{list-style:none;width:1200px;height:534px;margin:0px auto;}
.roundabout-moveable-item{height:515px; width:774px;cursor:pointer;  padding:10px; background: none;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{  background: url(../images/xbb_zjbmb2.png);}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{ background:#f9f9f9;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}