.banner{
	width: 100%;
	overflow: hidden;
	height: 601px;
	position: relative;

}
.banList{
	position: absolute;
	left: 50%;
	margin-left: -960px;
	height: 601px
}
.banList li{
	height: 601px;
	opacity: 0;
	position: absolute;
	transform: scale(0);
	transition: transform 0.5s ease 0s, opacity 1.5s ease 0s;
	z-index: 1;
}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}










.cp_list {  background:url(../images/cp_bg.jpg) repeat-y center top; height:941px; margin:0px auto; clear:both; overflow:visible;}
.cp_list .con {height:526px; margin:0px auto; width:1300px; }
.cp_list .fl { width:634px; height:526px; overflow:hidden;}
.cp_list .fl dl { position:relative; width:634px; height:526px;}
.cp_list .fl dl dt { width:634px; height:526px;   float:left; text-align: center; position:absolute;}
.cp_list .fl dl dt img { width:634px; height:526px; }

.cp_list .fl dl dd { background:url(../images/cp_jtou.png) no-repeat 92% 12%; width:100%; text-align:left; color:#1c1c1c;  height:118px;    position:absolute;  bottom:0px; z-index:999;}
.cp_list .fl dl dd h3 { font-weight:400; font-size:28px; line-height:38px; padding-left:50px; line-height:48px;}
.cp_list .fl dl dd p {font-size:19px;  color:#373737; padding-left:50px;}




.cp_list .fr { width:666px; height:526px; }
.cp_list .fr dl { position:relative; width:333px; height:263px;overflow:hidden; float:left;} 
.cp_list .fr dl dt { width:333px; height:263px;   float:left; text-align: center; position:absolute;}
.cp_list .fr dl dt img { width:333px; height:263px; }

.cp_list .fr dl dd {position:absolute;  width:100%;height:263px; text-align:center; color:#fff; top:263px; background-color:#0077c2;


	background-image: -webkit-gradient(linear, left top, left bottom, from(#0077c2), to(#16a5ff));
	background-image: -webkit-linear-gradient(top,  #0077c2, #16a5ff);
	background-image: -moz-linear-gradient(top, #0077c2, #16a5ff);
	background-image: linear-gradient(top, #0077c2, #16a5ff); transition: all 0.4s; opacity:0.7;

}
.cp_list .fr a dl dd h3 { font-size:28px; line-height:45px; padding-top:110px; font-weight:400;}
.cp_list .fr a dl dd p { width:116px; height:36px; line-height:36px; color:#fff; font-size:17px; margin:0px auto; border-radius:25px; margin-top:20px; border:2px solid #fff;} 



.cp_list .fr a:hover dl dd { top:0px;}
.cp_list .fr a:hover dl dd h3 { font-size:28px; line-height:45px; padding-top:110px; font-weight:400;}
.cp_list .fr a:hover dl dd p { width:116px; height:36px; line-height:36px; color:#fff; font-size:17px; margin:0px auto; border-radius:25px; margin-top:20px; border:2px solid #fff;} 
.cp_list .fr .gengduo {width:333px; height:263px; line-height:263px; color:#fff; float:left; text-align:center; font-size:25px;background-color:#0077c2;


	background-image: -webkit-gradient(linear, left top, left bottom, from(#0077c2), to(#16a5ff));
	background-image: -webkit-linear-gradient(top,  #0077c2, #16a5ff);
	background-image: -moz-linear-gradient(top, #0077c2, #16a5ff);
	background-image: linear-gradient(top, #0077c2, #16a5ff); transition: all 0.4s; }



.about { width:100%; height:605px; margin:0px auto;}
.about .fl { width:50%; background:url(../images/a_tu1.jpg) no-repeat right top;height:605px; background-size:100% 100%;  transition:all 0.4s; overflow:hidden;}
.about .fr { width:50%; background:url(../images/a_tu2.jpg) no-repeat left top;height:605px; background-size:100% 100%;  transition:all 0.4s;overflow:hidden;}
.about .nr { width:75%; padding:4% 15% 0px 10%; float:left; margin-top:391px; height:188px; background: none;transition:all 0.4s; opacity:0.9; color:#fff; }

.about .nr h3 { font-size:29px; line-height:45px; font-weight:400;}
.about .nr p { font-size:15px; line-height:25px;}
.about .nr .gengduo {width:116px; height:32px; line-height:30px; color:#fff; font-size:16px; text-align:center;  border-radius:25px; margin-top:10px; border:2px solid #fff; display:block; font-style:normal;}



.about a:hover .fl { background-size:105% 105%; }
.about a:hover .fr { background-size:105% 105%; }
.about a:hover .nr { background:#0077c2; }



.news { width:1200px;}
.news .bt { width:100%; margin-top:70px; height:110px; text-align:left; border-bottom:1px solid #c3ced4; color:#505050; font-size:18px; line-height:35px;}
.news .bt h3 { font-size:34px; font-weight:400; color:#000; line-height:50px;}

.news .con { width:1200px;}
.news dl { width:100%; float:left; height:314px; border-bottom:1px solid #c3ced4; transition:all 0.4s;}
.news dl dd { width:824px; float:left;}
.news dl dd i { font-size:22px; line-height:78px;  float:left; margin-top:32px; width:100%; font-family:Arial, Helvetica, sans-serif;  color:#a2a2a2; font-style:normal;}
.news dl dd h3 { color:#1c1c1c; font-size:28px; line-height:60px;  font-weight:400;width:90%; float:left; transition:all 0.4s;}
.news dl dd p { color:#6d6d6d; font-size:16px; line-height:29px; width:90%; float:left;}
.news dl dd span { width:112px; height:24px; line-height:24px; border:1px solid #d5dce0; text-align: center; float:left; margin-top:40px; border-radius:25px;transition:all 0.4s;}

.news dl dt { width:358px; height:199px; float:right;  overflow:hidden; margin-top:63px;}
.news dl dt img { width:358px; height:199px;}

.news a:hover dl { border-bottom:1px solid #0077c2;}
.news a:hover dl dd h3 { color:#0077c2;}
.news a:hover dl dd span {width:112px; height:24px; line-height:24px; border:1px solid #0077c2; background:#0077c2; text-align: center; float:left; margin-top:40px; border-radius:25px;  color:#fff;}