﻿html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:14px/2 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#00ab3f;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:14px;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.wrap {
    width: 1200px;
    margin: 0 auto;
}
.wrap1 {
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.di {
    _display: inline;
}
.fwn {
    font-weight: normal;
}

.toux {
    line-height: 38px;
    color: #fff;
    background: url(../images/tou.png) repeat-x;
}
.toux a {
    color: #fff;
}
.toux_l {
	width: 930px;
}
.toux_r {
	width: 250px;
	text-align:right;
}
.header {
	padding: 30px 0;
	overflow: hidden;
}
.logo img{
    max-height: 50px;
}
.wenzi {
	margin-left: 20px;
    padding-left: 10px;
    width: 565px;
	line-height: 25px;
	border-left:1px solid #fff;
}
.wenzi span {
	font-size: 24px;
	color: #0f3ac6;
	font-weight: bold;
}
.wenzi p {
	font-size: 16px;
}
.tel {
    text-align: right;
}
.tel_in {
    padding-left: 60px;
    background: url(../images/dh.png) no-repeat 0 50%;
    color: #333;
    text-align: left;
    line-height: 25px;
    height: 53px;
}
.tel_in p:nth-child(2) {
    color: #202020;
    font-size: 28px;
    font-weight: 600;
}
.nav {
    background: #0f3ac6;
    height: 62px;
	line-height: 62px;
}
.nav li {
	text-align: center;
	float: left;
	background: url(../images/su.png) no-repeat left 50%;	
}
.nav li a {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 0 50px;
}
.nav li a:hover {
	color: #0f3ac6;
	background: #fff;
}
.nav li a.cur {
	color: #0f3ac6;
	background: #fff;
}

.foot {
    background: #000103;
	color:#fff;
    padding: 32px 0;
}
.foot a {
	color: #fff;
}
.navx {
    text-align: center;
    margin-bottom: 34px;
}
.navx li {
    line-height: 46px;
    display: inline-block;
    margin: 0 22px;
}
.ftlogo {
	width:275px;
    margin-top: 24px;
}
.copyright {
    margin-left: 34px;
    line-height: 30px;
    width: 500px;
}
.er {
    text-align: center;
}

.carousel {
	position:relative;
}
.carousel-inner {
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius: 10px;
}
.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;
	text-align: center;
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	line-height:1;
	display: inline-block;
	max-width: 100%;
}
@media all and (transform-3d),(-webkit-transform-3d) {
	.carousel-inner>.item {
	-webkit-transition:-webkit-transform .6s ease-in-out;
	-o-transition:-o-transform .6s ease-in-out;
	transition:transform .6s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000
}
.carousel-inner>.item.next,.carousel-inner>.item.active.right {
	left:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
.carousel-inner>.item.prev,.carousel-inner>.item.active.left {
	left:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
	left:0;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display:block
}
.carousel-inner>.active {
	left:0
}
.carousel-inner>.next,.carousel-inner>.prev {
	position:absolute;
	top:0;
	width:100%
}
.carousel-inner>.next {
	left:100%
}
.carousel-inner>.prev {
	left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left:0
}
.carousel-inner>.active.left {
	left:-100%
}
.carousel-inner>.active.right {
	left:100%
}
.carousel-control {
	position:absolute;
	top:45%;
	bottom:0;
	left:0;
	width:15%;
	font-size:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	filter:alpha(opacity=50);
	opacity:.5
}
.carousel-control.left {
	
}
.carousel-control.right {
	right:0;
	left:auto;	
}
.carousel-control:hover,.carousel-control:focus {
	color:#fff;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
	position:absolute;
	top:50%;
	z-index:5;
	display:inline-block
}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
	left:50%;
	margin-left:-10px
}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
	right:50%;
	margin-right:-10px
}
.carousel-control .icon-prev,.carousel-control .icon-next {
	width:20px;
	height:20px;
	margin-top:-10px;
	font-family:serif
}
.carousel-indicators {
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none
}
.carousel-indicators li {
	display:inline-block;
	width:9px;
	height:9px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#000 \9;
	background-color:rgba(0,0,0,0);
	border:1px solid #fff;
	border-radius:10px;
}
.carousel-indicators .active {
	width:11px;
	height:11px;
	margin:0;
	background-color: #fff;
}
.carousel-caption {
	position:absolute;
	right:15%;
	bottom:20px;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
	text-shadow:none
}
@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
		width:30px;
		height:30px;
		margin-top:-15px;
		font-size:30px
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
		margin-left:-15px
	}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
		margin-right:-15px
	}
	.carousel-caption {
		right:20%;
		left:20%;
		padding-bottom:30px
	}
	.carousel-indicators {
		bottom:20px
	}
}

.banner {
	position: relative;
	height: 600px;
	overflow: hidden;
	clear: both;
}

.ban_p, .ban_p li {
	height: 600px;
	overflow: hidden;
}

.ban_p li div{
	display: block;
	height: 600px;
	background: url(../images/banner1.jpg) no-repeat center 0;
}

.ban_t {
	width: 1100px;
	height: 20px;
	bottom: 15px;
	left: 50%;
	margin-left: -550px;
	position: absolute;
	text-align: center;
}

.ban_t em {
	width: 16px;
	height: 16px;
	border-radius: 16px;
	margin-right: 10px;
	display: inline-block;
	background: #d4d4d4;
}

.ban_t em.on {
	background: #0f3ac6;
}

