@charset "utf-8";
/* CSS Document */
html,body,div,ul,li,ol,img,input,form,span,p,h1,h2,h3,h4,h5,h6,textarea{ 
	margin: 0; 
	padding: 0; 
	font-family: "Microsoft YaHei";
}
html,body{ height: 100%;}
.left{ float: left;}
.right{ float: right;}
li{ list-style: none;}
a{ text-decoration: none;}
img{ border: 0;}
.w100{
	width: 100%; 
	margin: 0 auto; 
	max-width: 1920px;
	height: auto;
}
.none{ display: none;}
.c{ 
	clear: both; 
	width: 100%; 
	height: 1px; 
	background: rgba(0,0,0,0); 
	margin-top: -1px; 
	overflow: hidden;
}
.w1000{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}



.head{
	height: 80px;
	background: #262626;
}
.head .left{
	width: 240px;
	height: 80px;
}
.head .right{
	width: 280px;
	height: 80px;
	background: url(../images/head_2.png) no-repeat left top;
}

.banner{
	background: url(../images/banner.jpg) no-repeat center;
	height: 493px;
}

.main1{
	background: #eaeaea;
	height: 560px;
}
.main1 h1{
	font-size: 32px;
	color: #333;
	text-align: center;
	padding: 65px 0 40px;
}
.main1 .p1{
	font-size: 16px;
	color: #333;
	line-height: 28px;
	padding: 0 38px;
}
.main1 .div1{
	width: 886px;
	height: 220px;
	margin: 50px auto 0;
	
}
.main1 .div1 .left{
	width: 159px;
	height: 100%;
	text-align: center;
	font-size: 0;
	margin-right: 22px;
}
.main1 .div1 .left5{
	margin-right: 0;
}
.main1 .div1 .left img{
	border: 2px solid #c1c4c7;
}
.main1 .div1 .left p{
	font-size: 16px;
	color: #963;
	padding-top: 10px;
}

.main2{
	background: #fff;
	height: 660px;
	text-align: center;
}
.main2 h1{
	font-size: 32px;
	color: #333;
	display: block;
	width: 246px;
	height: 56px;
	margin: 0 auto;
	background: url(../images/main2_1.png) no-repeat;
	padding: 100px 0 65px 230px;
	line-height: 56px;
	background-position: 0 100px;
	text-align: left;
}
.main2 .p1{
	font-size: 16px;
	color: #333;
	line-height: 28px;
	padding: 0 35px;
	margin-bottom: 80px;
	text-align: left;
}
.main2 img{
	width: 872px;
	height: 210px;
	margin: 0 auto;
}

.main3{
	background: #fff;
	height: 1000px;
}
.main3 .h1{
	font-size: 32px;
	color: #3498db;
	text-align: center;
	padding: 90px 0 60px;
}
.main3 .div1{
	width: 890px;
	height: 360px;
	margin: 0 auto;
}
.main3 .div1 a{
	display: block;
	width: 260px;
	height: 321px;
	border: 3px solid #bcbcbc;
	margin-right: 46px;
	padding-top: 33px;
	text-align: center;
	position: relative;
}
.main3 .div1 a.left3{
	margin-right: 0;
}
.main3 .div1 a h1{
	font-size: 22px;
	color: #666;
	padding: 10px 0 0 0;
	margin-bottom: 22px;
}
.main3 .div1 .left1 .a_img{
	width: 69px;
	height: 69px;
	margin: 0 auto;
	background: url(../images/main3_1.png) no-repeat;
}
.main3 .div1 .left2 .a_img{
	width: 69px;
	height: 69px;
	margin: 0 auto;
	background: url(../images/main3_2.png) no-repeat;
}
.main3 .div1 .left3 .a_img{
	width: 69px;
	height: 69px;
	margin: 0 auto;
	background: url(../images/main3_3.png) no-repeat;
}
.main3 .div1 .left1.da .a_img{
	background: url(../images/main3_01.png) no-repeat;
}
.main3 .div1 .left2.da .a_img{
	background: url(../images/main3_02.png) no-repeat;
}
.main3 .div1 .left3.da .a_img{
	background: url(../images/main3_03.png) no-repeat;
}
.main3 .div1 a .p2{
	font-size: 16px;
	padding-left: 22px;
	text-align: left;
	color: #666;
	line-height: 28px;
}
.main3 .div1 a .p2 span{
	font-weight: bold;
}
.main3 .div1 a .p3{
	text-align: center;
	color: #000;
	padding-top: 10px;
	font-weight: bold;
}
.main3 .div1 a.da{
	border: 3px solid #8cc8e4;
}
.main3 .div1 a.da h1{ color: #0096db;}
.main3 .div1 a .a_div{
	width: 169px;
	height: 41px;
	margin: 15px auto 0;
	color: #fff;
	font-size: 22px;
	text-align: center;
	line-height: 41px;
	background: #0096db;
	border-radius: 4px;
}
.main3 .div1 a .a_div1{
	width: 892px;
	height: 332px;
	position: absolute;
	background: #3498db;
	border-radius: 5px;
	z-index: 9;
	display: none;
}
.main3 .div1 a.da .a_div1{
	display: block;
}
.main3 .div1 a .a_div2{
	left: -4px;
	top: 392px;
}
.main3 .div1 a .a_div3{
	left: -316px;
	top: 392px;
}
.main3 .div1 a .a_div4{
	left: -628px;
	top: 392px;
	
}
.main3 .div1 a .a_div1 .a_p9{
	font-size: 16px;
	color: #fff;
	padding: 30px 42px 15px;
	text-align: left;
	line-height: 28px;
}
.main3 .div1 a .a_div1 .a_div1_div{
	width: 316px;
	height: 47px;
	text-align: center;
	font-size: 22px;
	color: #3498db;
	background: #e6e6e6;
	margin: 0 auto;
	border-radius: 4px;
	line-height: 47px;
}
.main3 .div1 a .a_div1 .a_div1_div2{
	width: 778px;
	height: 92px;
	margin: 35px auto 0;
}
.main3 .div1 a .a_div1 .a_div1_div2 .div0{
	width: 180px;
	height: 88px;
	border: 2px solid #fff;
	border-radius: 4px;
	float: left;
	margin-right: 7px;
	padding-left: 70px;
	background: url(../images/main3_bg.png) no-repeat left center;
}
.main3 .div1 a .a_div1 .a_div1_div2 .div9{
	margin-right: 0;
}
.main3 .div1 a .a_div1 .a_div1_div2 .div0 .a_p1{
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding-top: 18px;
}
.main3 .div1 a .a_div1 .a_div1_div2 .div0 .a_p2{
	font-size: 21px;
	color: #fff;
	text-align: left;
	padding-top: 3px;
}
.main3 .div1 .a_div9{
	display: none;
	position: absolute;
	left: 118px;
	top: 362px;
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 30px solid #3498db;
}
.main3 .div1 a.da .a_div9{
	display: block;
}

.main4{
	background: #eaeaea;
	height: 610px;
}
.main4 h1{
	font-size: 32px;
	color: #333;
	text-align: center;
	padding: 62px 0 50px;
}
.main4 .div1{
	width: 100%;
	height: 232px;
}
.main4 .div1 .div1_left{
	width: 314px;
	height: 232px;
	background: url(../images/mian4_bg.png) no-repeat;
	margin-left: 30px;
	padding: 0 0 0 40px;
}
.main4 .div1 .div1_left ul li{
	font-size: 16px;
	color: #666;
	padding-left: 36px;
	background: url(../images/main4_bg1.png) no-repeat;
	line-height: 22px;
}
.main4 .div1 .div1_left ul .li1{
	padding-top: 38px;
	background-position: left 48px;
}
.main4 .div1 .div1_left ul .li2{
	padding-top: 20px;
	background-position: left 30px;
}
.main4 .div1 .div1_left ul .li3{
	padding-top: 16px;
	background-position: left 20px;
	line-height: 30px;
}
.main4 .div1 .div1_right{
	width: 567px;
	height: 232px;
	margin-left: 16px;
}
.main4 .div1 .div1_right ul .li{
	width: 189px;
	height: 220px;
	float: left;
	padding-top: 12px;
	text-align: center;
}
.main4 .div1 .div1_right ul .li div{
	width: 117px;
	height: 117px;
	border-radius: 50%;
	margin: 0 auto;
	border: 2px solid #cdcdcd;
}
.main4 .div1 .div1_right ul .li11 div{
	background: url(../images/main4_1.jpg) no-repeat;
}
.main4 .div1 .div1_right ul .li22 div{
	background: url(../images/main4_2.jpg) no-repeat;
}
.main4 .div1 .div1_right ul .li33 div{
	background: url(../images/main4_3.jpg) no-repeat;
}
.main4 .div1 .div1_right ul .li .p1{
	font-size: 17px;
	color: #39c;
	line-height: 30px;
	padding: 2px 0;
}
.main4 .div1 .div1_right ul .li .p2{
	font-size: 14px;
	color: #666;
	line-height: 20px;
}
.main4 .p3{
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #666;
	margin: 56px auto 0;
}
.main4 .form{ font-size:0; padding:2px 120px; box-sizing:border-box; width:100%;}
.main4 input{
	width:182px;
	height:33px !important;
	border:1px solid #ccc;
	font-size:15px;
	box-sizing:border-box;
	line-height:30px !important;
	margin-right:10px;
}
.main4 .div1_input1{
	background:#fff;
	padding-left:20px;
	color:#666;
	letter-spacing:2px;
}
.main4 .div1_input2{
	width:180px !important;
	background:#39c;
	color:#fff !important;
	letter-spacing:3px;
	cursor:pointer !important;
	margin:20px 0 0 10px !important;
	text-align:center !important;
	border-radius:15px !important;
	font-size:16px !important;
}
.main4 .div1_input2:hover{ background:#3cf;}
.main4 .div1_input3{ margin-right:0;}

.main5{
	background: #eaeaea;
	height: 1070px;
}
.main5 h1{
	font-size: 32px;
	color: #333;
	text-align: center;
	padding: 65px 0 46px;
}
.main5 .div1{
	width: 875px;
	height: 460px;
	margin:0 auto 60px;
	background: url(../images/main5_bg.jpg) no-repeat;
	position: relative;
}
.main5 .div1 ul li{
	position: absolute;
	width: 148px;
	height: 148px;
	border-radius: 50%;
}
.main5 .div1 ul li:hover{ box-shadow: 0 0 50px #69f;}
.main5 .div1 ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.main5 .div1 ul .li1{ 
	top: 4px;
	left: 4px;
}
.main5 .div1 ul .li2{
	top: 4px;
	left: 244px;
}
.main5 .div1 ul .li3{
	top: 4px;
	left: 485px;
}
.main5 .div1 ul .li4{
	top: 4px;
	left: 725px;
}
.main5 .div1 ul .li5{
	top: 244px;
	left: 724px;
}
.main5 .div1 ul .li6{
	top: 244px;
	left: 486px;
}
.main5 .div1 ul .li7{
	top: 244px;
	left: 245px;
}
.main5 .div1 ul .li8{
	top: 244px;
	left: 4px;
}
.main5 .a_1{
	display: block;
	width: 965px;
	height: 294px;
	font-size: 0;
	margin: 0 auto;
}

.footer{
	background: #333;
	height: 150px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	padding-top: 30px;
	color: #fff;
}
.pinpai_main3{ width:100%; height:567px; background:#333; position:relative;}
.pinpai_main3 .main3_content{ width:1000px; height:497px; margin:0 auto; padding:70px 0 0 0;}
.pinpai_main3 .main3_content h2{
	font-size: 30px;
	text-align: center;
	line-height: 40px;
	color: #fff;
}
.pinpai_main3 .main3_content .bottom{
	background: #f7f7f7;
	width: 980px;
	height: 350px;
	margin: 20px auto 0;
	position: relative;
}
.pinpai_main3 .main3_content .bottom .img1{ margin-left:30px; float:left;}
.pinpai_main3 .main3_content .bottom .p2{
	float: left;
	display: block;
	width: 415px;
	float: left;
	padding: 35px 0 0 15px;
	font-size: 16px;
	color: #036;
	line-height: 28px;
}
.pinpai_main3 .main3_content .bottom .div1{
	width: 377px;
	height: 100px;
	background: url(../images/div1bg.jpg);
	position: absolute;
	top: 190px;
	left: 520px;
	padding: 10px 25px;
	text-indent: 10px;
}
.pinpai_main3 .main3_content .bottom .div1 h3{ font-size:22px; font-weight:500;}
.pinpai_main3 .main3_content .bottom .div1 .p3{ font-size:16px; color:#000;}
.pinpai_main3 .main3_content .bottom .div1 .p4{ font-size:14px; line-height:20px; color:#666;}

.pinpai_main4{ width:100%; height:740px; background:#fdfcfc; position:relative;}
.pinpai_main4 h1{
	font-size: 32px;
	color: #333;
	text-align: center;
	padding: 35px 0 20px;
}
.pinpai_main4 .main4_content{ 
	width: 1000px;
	height: 740px;
	margin: 0 auto;
	text-align: center;
}
.pinpai_main4 .main4_content p{
	font-size: 16px;
	color: #333;
	line-height: 28px;
	padding: 0 35px;
	margin-bottom: 10px;
	text-align: left;
}
.pinpai_main4 .a11{ 
	display: block;
	width: 220px;
	height: 44px;
	position: absolute;
	left: 50%;
	top: 630px;
	background: #393;
	margin-left: -110px;
	line-height: 44px;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.pinpai_main4 .a11:hover{ background: #3c0;}