﻿
/* CSS Document */
body{
	font-family:"微软雅黑";
	color:#333;
	}
*{
	margin:0;
	padding:0;
	}
.clear{
	clear:both;
	}
ul, ul li{
	margin:0;
	padding:0;
	}
.wrap{
	margin:0 auto;
	}
.banner{
	background-size:100%;
	height:1000px;
	background-repeat:no-repeat;
	background-size: cover;
    background-attachment: fixed;
	min-width:1200px;
	background-position:center;
	}
.logo{
	width:471px;
	margin:0 auto;
	padding-top:340px;
	}
.nav{
	padding-top:120px;
	width:100%;
	text-align:center;
	margin:0 auto;
	}
.nav a{
	display:inline-block;
	color:#fff;
	font-size:24px;
	text-decoration:none;
	padding:15px 30px;
	border:2px solid #fff;
	margin:0 50px;
	transition: all 0.2s linear;
	}
.nav a:hover{
	background:#fe0000;
	border:2px solid #fe0000;
	box-shadow:0px 2px 2px #666;
	}
.main{
	width:1200px;
	margin:0 auto;
	padding:120px 0;
	}
.title{
	font-size:36px;
	color:#333;
	width:1200px;
	text-align:center;
	position:relative;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	}
.title:after{
	position: absolute;
    width: 80px;
    height: 4px;
    margin-left: 0;
    left: 46.5%;
    background: #ccc;
    content: '';
	top:50px;
	}
.text{
	width:700px;
	height:auto;
	font-size:16px;
	color:#333;
	text-indent:2em;
	margin:0 auto;
	margin-top:50px;
	line-height:28px;
	}
.icon{
	width:1200px;
	margin:0 auto;
	margin-top:80px;
	height:auto;
	}
.icon-box{
	margin:0 65px;
	float:left;
	width:110px;
	height:auto;
	}
.top-icon{
	width:110px;
	height:110px;
	display:inline-block;
	background:url(../image/icon.png) no-repeat;
	}
.icon1{
	background-position:-20px -20px;
	}
.icon2{
	background-position:-170px -20px;
	}
.icon3{
	background-position:-320px -20px;
	}
.icon4{
	background-position:-470px -20px;
	}
.icon5{
	background-position:-620px -20px;
	}
.icon-box:hover .icon1{
	background-position:-20px -150px;
	}
.icon-box:hover .icon2{
	background-position:-170px -150px;
	}
.icon-box:hover .icon3{
	background-position:-320px -150px;
	}
.icon-box:hover .icon4{
	background-position:-470px -150px;
	}
.icon-box:hover .icon5{
	background-position:-620px -150px;
	}
.icon-text{
	width:110px;
	height:auto;
	text-align:center;
	font-size:18px;
	color:#333;
	margin-top:30px;
	}
.Part2{
	background:#f2f2f2;
	padding-bottom:30px;
	width:100%;
	min-width:1200px;
	}
.carousel {
    position: relative;
	margin-top:90px;
	}
.carousel-indicators {
    position: absolute;
    bottom: -80px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}
.carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0px 20px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 0 20px;
	border:2px solid #fe0000;
	background:#f2f2f2;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-inner > .active {
    left: 0;
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}
.carousel-caption {
	float:left;
    padding-top:100px;
	width:360px;
	height:auto;
}
.item img{
	float:right;
	}
.carousel-title{
	font-size:24px;
	}
.carousel-text{
	font-size:16px;
	color:#666;
	margin-top:40px;
	line-height:28px;
	}
.carousel-ul{
	margin-top:40px;
	}
.carousel-ul li{
	list-style:none;
	background:url(../image/li01.png) no-repeat 0 2px;
	padding-left:30px;
	font-size:16px;
	color:#666;
	margin:16px 0;
	}
.Part3{
	background:url(../image/bg.jpg);
	width:100%;
	min-width:1200px;
	}
.title01{
	font-size:36px;
	color:#fff;
	width:1200px;
	text-align:center;
	position:relative;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	}
.title01:after{
	position: absolute;
    width: 80px;
    height: 4px;
    margin-left: 0;
    left: 46.5%;
    background: #4dddf3;
    content: '';
	top:50px;
	}
.contact-box{
	width:960px;
	margin-top:80px;
	height:auto;
	padding-left:220px;
	}
.contact-left{
	float:left;
	width:50%;
	height:auto;
	}
.contact-right{
	float:right;
	width:50%;
	height:auto;
	}
.contact-ul{
	font-size:18px;
	color:#ccc;
	}
.contact-ul li{
	padding-left:50px;
	list-style:none;
	margin:30px 0;
	height:30px;
	background:url(../image/contact-icon.png) no-repeat 0px 0px;
	}
#contact-li02{
	background-position:0px -60px;
	}
#contact-li03{
	background-position:0px -122px;
	}
#contact-li04{
	background-position:0px -182px;
	}
.message-name{
	background:#556679;
	width:540px;
	color:#ccc;
	font-size:16px;
	padding:0 30px;
	height:50px;
	border:0;
	border-radius:3px;
	margin-top:10px;
	font-family:"微软雅黑";
	line-height:50px;
	}
.message-text{
	background:#556679;
	width:540px;
	color:#ccc;
	font-size:16px;
	padding:15px 30px;
	border:0;
	text-align:left;
	border-radius:3px;
	margin-top:10px;
	font-family:"微软雅黑";
	height:100px;
	}
.btn-send{
	font-size:18px;
	color:#fff;
	padding:15px 40px;
	background:#fe0000;
	border-radius:3px;
	display:inline-block;
	margin-top:10px;
	text-decoration:none;
	}
.footer{
	height:140px;
	font-size:14px;
	color:#ccc;
	border-top:1px solid #192c41;
	margin-top:120px;
	text-align:center;
	width:100%;
	line-height:28px;
	padding-top:34px;
	}
.footer img{
	margin-left:10px;
	}