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

body {
	font-family:"微软雅黑";
	font-size:12px;
}

a:link,a:visited {
	text-decoration:none;
	color:#2e2a27;
}


/*提示浏览器版本信息*/
#tipsth{
	height: 50px;
	width: 100%;
	line-height: 50px;
	color: black;
	cursor: pointer;
	background: #ccc;
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	letter-spacing: 2px;
	background: url(../images/bg-tip.png);
}
#tipwarn{
	display: inline-block;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	height: 19px;
	width: 19px;
	background: url(../images/tip-warn.jpg);
	margin-right: 3px;
}
.span_orange{
	color: #e8790a;
	float: left;
}
.loadqihu{
	 display:inline-block;
	 float: left; 
	 height:28px;
	 width: 80px;
	 border: 1px solid white;
	 text-align: center;
	 line-height: 25px;
	 margin-top: 10px;
	 margin-left: 50px;
	 color: #fff;
}
#closebtn{
	float: right;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-top:18px;
	margin-right: 20px;
	cursor: pointer;
}
/*轮播图*/
/*banner*/
#banner {
	width:100%;
	height:761px;
	
	position:relative;
	overflow:hidden;
	
}
#banner ul {
	position:relative;
}
#banner ul li { 
	position:absolute;
	left:0; 
	top:0;
}
#banner ul li.current { 
	z-index:10;
}
#banner ul li img {
	width:100%;
	cursor:pointer;
}


/*banner1*/
#banner1 {
	
	background:#fff;
	text-align:center;
	width:100%;
	height:754px;
}
#banner1 h1,.p1 {
	margin:0 0 25px 0;
}
#banner1 h1 {
	font-size:40px;
	color:#2e2a27;
}
#banner1 .p1 {
	font-size:16px;
}
#banner1 .p1 a {
	color:#2e2a27;
}
#banner1 ul {
	overflow:hidden;
	width:1158px;
	margin:0 auto;
}
#banner1 ul li {
	float:left;
	width:386px;
	height:190px;
	margin-bottom:33px;
	padding:20px 0;
	
}
#banner1 ul li:hover{ 
	color:#00aafe;
}

#banner1 ul li.li_one {
	background:url(../images/icon1.png) no-repeat center 20px;
	cursor: pointer;
}
#banner1 ul li.li_two {
	background:url(../images/icon2.png) no-repeat center 20px;
	cursor: pointer;
}
#banner1 ul li.li_three {
	background:url(../images/icon3.png) no-repeat center 20px;
	cursor: pointer;
}
#banner1 ul li.li_four {
	background:url(../images/icon4.png) no-repeat center 20px;
	cursor: pointer;
}
#banner1 ul li.li_five{
	background:url(../images/icon5.png) no-repeat center 20px;
	cursor: pointer;
}
#banner1 ul li.li_six {
	background:url(../images/icon6.png) no-repeat center 20px;
	cursor: pointer;
}
#banner1 ul li.li_one:hover {
	background:url(../images/icon1-1.png) no-repeat center 20px;
	color:#00aafe;
}
#banner1 ul li.li_two:hover {
	background:url(../images/icon2-2.png) no-repeat center 20px;
	color:#00aafe;
}
#banner1 ul li.li_three:hover {
	background:url(../images/icon3-3.png) no-repeat center 20px;
	color:#00aafe;
}
#banner1 ul li.li_four:hover {
	background:url(../images/icon4-4.png) no-repeat center 20px;
	color:#00aafe;
}
#banner1 ul li.li_five:hover {
	background:url(../images/icon5-5.png) no-repeat center 20px;
	color:#00aafe;
}
#banner1 ul li.li_six:hover {
	background:url(../images/icon6-6.png) no-repeat center 20px;
	color:#00aafe;
}

#banner1 ul li .p2 {
	font-size:18px;
	margin:110px auto 24px;
}

#banner1 ul li .p3 {
	width:330px;
	font-size:14px;
	display:inline-block;
	line-height:20px;
}



/*banner2*/
/*#banner2 {
	background:url(../images/banner3.png) no-repeat;
	width:100%;
	height:789px;
	background-size:100% 100%;
}*/
#banner2 {
	position:relative;
	height:789px;
}
#banner2 .ban {
	background:url(../images/banner3.png) center center no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.ban .container {
	width:1170px;
	height:100%;
	position:relative;
	top: 0;
	margin:0 auto;
}
.container .imgstack {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.container .imgstack .s_pic {
	position:absolute;
	top:50%;
	-webkit-transform: (0,0);
	-moz-transform: (0,0);
	-ms-transform: (0,0);
	-o-transform: (0,0);
	transform: (0,0);
	transition:1s;
}

.container .imgstack .active .s_pic8 {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 0.2s;
}
.container .imgstack .active .s_pic7 {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 0.4s;
}
.container .imgstack .active .s_pic6 {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 0.6s;
}
.container .imgstack .active .s_pic5 {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 0.8s;
}
.container .imgstack .active .s_pic4 {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 1.0s;
}
.container .imgstack .active .s_pic3 {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 1.2s;
}
.container .imgstack .active .s_pic2 {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 1.4s;
}
.container .imgstack .active .s_pic1 {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 1.6s;
}



.container .imgstack .s_pic1 {
	top: 285px;
	left: 620px;
	z-index: 10;
}
.container .imgstack .s_pic2 {
	top: 270px;
	left: 600px;
	z-index: 9;
}
.container .imgstack .s_pic3 {
	top: 255px;
	left: 580px;
	z-index: 8;
}
.container .imgstack .s_pic4 {
	top: 240px;
	left: 560px;
	z-index: 7;
}
.container .imgstack .s_pic5 {
	top: 225px;
	left: 530px;
	z-index: 6;
}
.container .imgstack .s_pic6 {
	top: 210px;
	left: 510px;
	z-index: 5;
}
.container .imgstack .s_pic7 {
	top: 195px;
	left: 480px;
	z-index: 4;
}
.container .imgstack .s_pic8 {
	top: 180px;
	left: 460px;
	z-index: 3;
}

.container .deslist {
	position:absolute;
	top:140px;
	left:0;
}
.container .deslist h3 {
	font-size:30px;
	color:#fff;
	margin-bottom:30px;
}
.container .deslist p {
	color:#fff;
	font-size:14px;
	text-align:left;
	line-height:25px;
	margin-bottom:55px;
}

.container .deslist .look {
	width:158px;
	height:46px;
	border:1px solid #fff;
	color:#fff;
	font-size:18px;
	text-align:center;
	line-height:46px;
	border-radius:3px;
	cursor:pointer;
}

/*banner3*/
#banner3 {
	background:#fff;
	width:100%;
	height:800px;
	overflow: hidden;
	text-align:center;
}
#banner3 h1 {
	color:#333333;
	font-size:38px;
	margin-top:78px;
	margin-bottom:65px;
}
#banner3 h1 strong {
	color:#2d76dc;
	font-size:45px;
}
#banner3 .img {
	width:1180px;
	height:472px;
	margin:0 auto;
}
#banner3 .img .img_left {
	width:472px;
	height:472px;
	float:left;
}
#banner3 .img img {
	margin:2.5px;
	cursor:pointer;
}
#banner3 .img .img_right {
	width:708px;
	height:472px;
	float:right;
	text-align:left;
}

#banner3 .img .img_right ul {}
#banner3 .img .img_right ul li {
	float:left;
	position:relative;
	width:226px;
	height:225px;
	margin:0 2.5px 12px 2.5px;
	overflow:hidden;
}
#banner3 .img .img_right ul li .black {
	width:226px;
	height:225px;
	position:absolute;
	left:0;
	bottom:-225px;
	background:#000;
	z-index:1;
}
#banner3 .img .img_right ul li .txt {
	position: absolute;
	/*width: 226px;*/
	height: 150px;
	z-index: 2;
	color: #fff;
	bottom: -225px;
	left: 0;
	padding:75px 30px 0 10px;
}
#banner3 .img .img_right ul li .txt h2 {
	font-size:18px;
	height:45px;
	line-height:45px;
}
#banner3 .img .img_right ul li .txt span {
	font-size:14px;
	line-height:20px;
}


#banner3 button {
	width:230px;
	height:57px;
	background:#fff;
	line-height:57px;
	border:1px solid #2299ee;
	border-radius:3px;
	color:#2299ee;
	text-align:center;
	font-size:22px;
	margin-top:32px;
	margin-bottom:24px;
	cursor:pointer;
}


/*banner4*/
#banner4 {
	width:100%;
	height:667px;
	background:#f4f4f4;
	text-align:center;
}
#banner4 h1 {
	font-size:50px;
	color:#3c3c3b;
	padding-top:66px;
	padding-bottom:60px;
}
#banner4 ul {
	width:1160px;
	height:428px;
	margin:0 auto;
}
#banner4 ul li {
	float:left;
	cursor:pointer;
	margin: 6px 12px;
}
#banner4 ul li img {
}
#banner4 ul li:hover {
	box-shadow:0px 0px 2px 3px #fff;

}



/*tu*/
#tu {
	height: 190px;
	width: 190px;
	position: fixed;
	bottom: 250px;
	right: 0px;
	z-index: 9999;
	cursor: pointer;
}
#tu div {
	position: relative;
	
}
#tu div .one{
	position: absolute;
	top: 0;
	left: 0;
}
#tu div .two{
	position: absolute;	
	left: 160px;
	top: 14px;
}