@charset "utf-8";
/* CSS Document */

body{
	width: 100%;
	height: 100%;
	margin:0;
	padding: 0;
	font-family:"微软雅黑",Arial;
	overflow:scroll;
	overflow-x:hidden;}
img{


	display: block;}
ul,li{
	margin:0;
	padding: 0;
	list-style: none;}
a{
	text-decoration: none;
	color: #000000;}
h1,h2,h3,h4,h5,h6,h7,h8,p{
	font-style:normal;
	font-weight:normal;
	padding:0;
	margin:0;}
input{
	border: 0;
	font-family: "微软雅黑";
	line-height: normal;
	margin: 0;
	font: inherit;
	color: inherit;}
.clear{
	clear: both;
	border: none;}

.head{
	width: 100%;
	height: 90px;}
.head .nav{
	width: 1200px;
	margin:0 auto;}
.head .nav .logo{
	padding-top: 20px;
	float: left;}
.head .nav .logo img{
	width:auto;
	height:50px;}
.head .nav ul{
	float: left;
	margin-left: 27px;}
.head .nav ul li{
	float: left;
	line-height: 90px;
	font-size: 16px;
	padding:0 16px;
	box-sizing: border-box;}
.head .nav ul li a{
	color:#000000;
	padding:30px 0;
	box-sizing: border-box;}
.head .nav ul li:hover{
	background: #1a5294;}
.head .nav ul li:hover span{
	color: #FFFFFF;}
.head .nav ul li a:hover{
	color: #1a5294;}
.main_title{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;}
.main_title img{
	width: 40px;
	height: 24px;
	margin:20px auto;}
.main_title span{
	font-weight: 200;
	font-size: 20px;
	margin-top: 10px;
	display: block;}
.main_title u{
	text-decoration: none;
	font-size: 15px;
	display: block;
	font-weight: 200;
	margin-top: -26px;}
.index_main01,.index_main03,.index_main04,.index_main06{
	width: 1200px;
	margin:60px auto;}
.index_main01 .main01_title{
	border-bottom: 1px solid #C5C5C5;
	font-size: 18px;
	line-height: 50px;
	font-weight: 600;
	margin-top: 20px;}

	.index_main01 ul li img:hover{
		border:1px solid #1c569e ;
	}
.index_main01 .main01_pro{
	float: left;
	margin-right: 60px;
	margin-top: 20px; 
	font-size: 16px;}
.index_main01 .main01_pro .main01_icon01{
	width: 16px;
	height: 10px;
	float: right;
	margin: 6px 8px;}
.index_main01 .main01_pro .main01_icon02{
	width: 18px;
	height: 18px;
	float: right;
	margin: 2px 8px;}
.index_main01 .main01_pro:hover{
	color: #1c569e;
	cursor: pointer;}
.index_main01 ul{
	margin-top: 20px;
	width: 1240px;
	margin-left: -20px;}
.index_main01 ul li{
	margin: 0 14px;
	margin-bottom: 50px;
	width: 280px;
	float: left;
	height:210px;
	font-size: 15px;
	line-height: 50px;}
.index_main01 ul li img{
	height:180px;}
.index_main01 ul li a:hover{
	color: #1c569e;}
#pro_c2,#pro_c3,#p2,#p3,#p5{
	display: none;}

.index_main02{
	background: url(../images/main02_bg.jpg) center no-repeat;
	height: 480px;}
.index_main02 .main02_text{
	width: 1200px;
	margin:0 auto;}
.index_main02 .main02_text .main02_title{
	font-size: 24px;
	color:#FFFFFF;
	line-height: 36px;
	padding-top: 100px;}
.index_main02 .main02_text .main02_title span{
	font-weight: 200;
	font-size: 18px;}
.index_main02 .main02_text .main02_t{
	margin-top: 30px;
	font-size: 18px;
	line-height: 40px;
	color:#FFFFFF;}
.index_main02 .main02_text .main02_t span{
	margin-right: 10px;
	font-size: 20px;}
.index_main02 .main02_text a{
	font-size: 15px;
	color: #FFFFFF;
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	display: block;
	margin-top: 34px;}
.index_main02 .main02_text a:hover{
	color:#1c569e;
	border: 1px solid #1c569e;}

.index_main03 ul li{
	float: left;
	width: 220px;
	margin: 20px 10px;
	font-size: 14px;
	line-height: 24px;}
.index_main03 ul li img{
	margin-bottom: 16px;
	height: 220px;}

.index_main04 ul{
	margin-top: 30px;}
.index_main04 ul li{
	float: left;
	width: 150px;
	margin: 20px 10px;}

.index_main05{
	background: #1c569e;
	height: 560px;
	width: 100%;
	margin-top: 70px;
	padding-top: 70px;
	box-sizing: border-box;
	color: #FFFFFF;
	line-height: 34px;}
.index_main05 .main05_text{
	width: 1480px;
	margin:80px auto;}
.index_main05 .main05_text #main05_img{
	float: left;
	margin: 0 50px;}
.index_main05 .main05_text ul li{
	width:170px;
	height: 170px;
	float: left;
	margin: 0 8px;}
.index_main05 .main05_text .pg_icon{
	width: 38px;
	height: 76px;
	background-size: 100%;
	float: left;
	margin-top: 50px;}
.index_main05 .main05_text .prev{
	background: url(../images/main04_l.png);}
.index_main05 .main05_text .next{
	background: url(../images/main04_r.png);}

.index_main06 ul{
	margin: 10px 2%;
	float: left;
	width: 46%;
	margin-bottom: 50px;}
.index_main06 ul .main06_title{
	line-height: 34px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #D1D1D1;
	padding-bottom: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;}
.index_main06 ul .main06_title span{
	font-size: 18px;
	font-weight: 400;}
.index_main06 ul li{
	float: left;
	width: 46%;
	margin: 10px 2%;
	line-height: 18px;
	font-size: 15px;}
.index_main06 ul li img{
	width: 18px;
	height: 18px;
	margin-right: 8px;
	float: left;}
.index_main06 ul li a:hover{
	color: #1c569e;}

.index_end{
	margin-top: 30px;
	width: 100%;
	height: 260px;
	background: #333333;}
.index_end .end_text{
	width: 1200px;
	margin:0 auto;
	padding-top: 30px;
	box-sizing: border-box;}
.index_end .end_text .end_link{
	color: #FFFFFF;
	font-size: 14px;
	border-bottom: 1px solid #595959;
	line-height: 34px;
	height: 34px;}
.index_end .end_text .end_link a{
	color: #FFFFFF;}
.index_end .end_text .end_t{
	height: 130px;
	line-height: 130px;
	border-bottom: 1px dashed #595959;}
.index_end .end_text .end_t img{
	width: 44px;
	height: 44px;
	float: left;
	margin-right: 20px;
	margin-top: 43px;}
.index_end .end_text .end_t .end_photo{
	font-family: Impact;
	font-size:25px;
	color:#FFFFFF;
	float: left;}
.index_end .end_text .end_t .end_email{
	float: right;
	color: #FFFFFF;
	font-size: 15px;}
.index_end .end_text .end_but{
	color: #FFFFFF;
	font-size: 13px;
	line-height: 60px;}
	.index_end .end_text .end_but a{
	color: #FFFFFF;
	}
.index_end .end_text .end_but span{
	float: right;}


.scott{ height:30px; overflow:hidden; text-align:center; padding-top:29px;  line-height:21px; }
.scott A{BORDER:#d1d1d1 1px solid; PADDING:2px 5px; MARGIN-RIGHT: 5px;  TEXT-DECORATION: none; background:#fff;color:#000;}
.scott A:hover{border:1px solid #d1d1d1; text-decoration:none; BACKGROUND-COLOR:#1c569e; color:#FFF;}
.scott A:active{border:1px solid #d1d1d1; text-decoration:none; BACKGROUND-COLOR:#1c569e;}
.scott SPAN.current{BORDER: #d1d1d1 1px solid; PADDING:1px 5px;  FONT-WEIGHT: bold;  COLOR: #fff; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #1c569e;MARGIN-RIGHT: 5px;}
.scott SPAN.disabled{BORDER:#d1d1d1 1px solid; PADDING:2px 5px; COLOR:#237ac7; MARGIN-RIGHT: 5px; background:#1c569e;}


.nav_xl{
	position: absolute;
	z-index: 99999;
	background: #FFFFFF;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #000000;
	padding: 10px 0;
	display: none;
	margin-left: -16px;}
.head .nav ul li:hover .nav_xl{
	display: block;}




.container{  
    width:1200px;  
    height: 240px;
    margin:20px auto;  
    overflow: hidden;  
    position: relative;}  
.container .imgcss{  
    animation:scoll 12s linear 0s infinite;} 
.container .imgcss li{  
    margin: 0 10px;} 
.container .textcss{
    animation:textScroll 12s linear 0s infinite;}
.container ul {
    width:50000px;  
    left:0;  
    top:0;  
    position: absolute;}
.container ul:hover{
    animation-play-state: paused;} 
.container ul li{  
    float:left;}  
@keyframes scoll{  
    from{  
        left:0;  
    }  
    to{  
        left:-1580px;  
    }  
}   



