@import url(css.css);
.swiper-button-prev{
	margin-left: 100px;
	opacity: 0.8,
}
.swiper-button-next{
	margin-right: 100px;
}
.swiper-button-white{
	
}

/*//轮播后动画*/



.boxsbg {
    width: 100%;
    overflow: hidden;
    background: #E5E5E5;
    padding:32px 0;
    margin: 0 auto;
}
.project {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 40px;
}
.project a {
    display: block;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 10px;
}
.project a:first-child {
    margin-left: 5px;
}
.project dl {
    width: 68px;
    height: 64px;
    border:1px solid #e28a02;
    border-radius: 15px;
    padding-top: 4px;
    background: #fff;
    transition:all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    line-height: 15px;
}
.project dl:hover {
    background: #e28a02;
}
.project dl dt {
    height: 38px;
    width: 68px;
    transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -webkit-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    background:url(../images/icons.png) no-repeat center;
}
.project dl dd {
    text-align: center;
    font-size: 14px;
    color:#646464;
    transition:all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition:all 300ms linear;
    -o-transition:all 300ms linear;
}
.project dl:hover dd {
    color:#fff;
}
.project dl dt.d1 {
    background-position: 12px -8px;
}
.project dl dt.d2 {
    background-position: -70px -8px;
}
.project dl dt.d3 {
    background-position: -150px -8px;
}
.project dl dt.d4 {
    background-position: -230px -8px;
}
.project dl dt.d5 {
    background-position: -312px -8px;
}
.project dl dt.d6 {
    background-position: -392px -8px;
}
.project dl dt.d7 {
    background-position: -474px -8px;
}
.project dl dt.d8 {
    background-position: -554px -8px;
}
.project dl dt.d9 {
    background-position: -636px -8px;
}
.project dl dt.d10 {
    background-position: -714px -8px;
}
.project dl dt.d11 {
    background-position: -796px -8px;
}
.project dl dt.d12 {
    background-position: -876px -8px;
}
.project dl dt.d13 {
    background-position: -958px -8px;
}
.project dl dt.d14 {
    background-position: -1038px -8px;
}
.project dl dt.d15 {
    background-position: -1122px -8px;
}
.project dl:hover dt.d1 {
    background-position:12px -60px;
}
.project dl:hover dt.d2 {
    background-position:-70px -60px;
}
.project dl:hover dt.d3 {
    background-position:-150px -60px;

}
.project dl:hover dt.d4 {
    background-position:-230px -60px;
}
.project dl:hover dt.d5 {
    background-position:-312px -60px;
}
.project dl:hover dt.d6 {
    background-position:-392px -60px;
}
.project dl:hover dt.d7 {
    background-position:-474px -60px;
}
.project dl:hover dt.d8 {
    background-position:-554px -60px;
}
.project dl:hover dt.d9 {
    background-position:-636px -60px;
}
.project dl:hover dt.d10 {
    background-position:-714px -60px;
}
.project dl:hover dt.d11 {
    background-position:-796px -60px;
}
.project dl:hover dt.d12 {
    background-position:-876px -60px;
}
.project dl:hover dt.d13 {
    background-position:-958px -60px;
}
.project dl:hover dt.d14 {
    background-position:-1038px -60px;
}
.project dl:hover dt.d15 {
    background-position:-1122px -60px;
}
.bg {
    height: 200px;
    background:url(../images/bg.jpg) no-repeat center;
}



.tit div {
	width: 202px;
	height: 58px;
	background: no-repeat left center;
	background-repeat: no-repeat;
	background-position: left center;
	margin: 50px auto 30px;
	padding-left: 60px;
}

.tit div h1 {
	font-size: 35px;
	line-height: 40px;
	font-weight: 500;
}

.tit div p {
	font-size: 16px;
	line-height: 20px;
	color: #bdbdbd;
	padding-left: 3px;
}

.in1 li {
	margin-top: 25px;
	height: 371px;
	position: relative;
	overflow: hidden;
}

.in1 .l {
	float: left;
}

.in1 .r {
	float: right;
}

.in1 .d {
	width: 345px;
}

.in1 .c {
	width: 819px;
}

.in1 li p {
	font-size: 22px;
	position: absolute;
	bottom: 0;
	background: #e28a02;
	height: 50px;
	text-align: center;
	width: 100%;
	line-height: 50px;
	color: #fff;
}

.in1 .lc span {
	display: block;
	width: 400px;
	height: 175px;
	position: absolute;
	left: 255px;
	top: 95px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 32px;
}

.i2 {
	height: 825px;
	background: #ccc;
	margin: 40px auto;
	;
}

.i2 .rq {
	height: 543px;
}

.i2 .bd {
	height: 543px;
	background: #ddd;
}

.i2 .bd li {
	background-repeat: no-repeat;
	background-position: center center;
	height: 543px;
	position: relative;
}

.i2 .bd li div {
	position: absolute;
	width: 350px;
	height: 260px;
	left: 165px;
	top: 96px;
	color: #fff;
}

.i2 .bd li div h1 {
	font-size: 54px;
	float: left;
	font-weight: 500;
	height: 68px;
	margin-right: 14px;
}

.i2 .bd li div h2 {
	padding-top: 10px;
	height: 68px;
	float: left;
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: 8px;
}

.i2 .bd li div h2 i {
	display: block;
	font-size: 15px;
	line-height: 20px;
	font-style: normal;
}

.i2 .bd li div .clear {
	margin-bottom: 20px;
}

.i2 .bd li div p {
	font-size: 15px;
	line-height: 32px;
	background: url(../images/circle.png) no-repeat left center;
	padding-left: 20px;
}

.i2 .bd li div span {
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
	display: block;
}

.i2 .hd {
	height: 282px;
}

.i2 .hd li {
	width: 25%;
	cursor: pointer;
	height: 282px;
	float: left;
	background: url(../images/index_1.png) #e6e6e6 no-repeat right center;
}

.i2 .hd li:last-child {
	background: #e6e6e6 no-repeat right center;
}

.i2 .hd li i {
	display: block;
	margin: 40px auto 20px;
	display: block;
	width: 131px;
	height: 131px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}

.i2 .hd li img {
	display: block;
	position: absolute;
	top: -131px;
}

.i2 .hd li p {
	font-size: 26px;
	text-align: center;
	line-height: 30px;
	color: #424242;
}

.i2 .hd li span {
	font-size: 15px;
	color: #767676;
	text-align: center;
	display: block;
}

.i3 {
	height: 434px;
	position: relative;
	margin: 40px auto;
	display: none;
}

.i3 img {
	display: block;
	width: 100%;
}

.i3 .hd {
	width: 100%;
	position: absolute;
	bottom: 20px;
	height: 20px;
	text-align: center;
}

.i3 .hd li {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 15px;
	border: 1px solid #fff;
}

.i3 .hd li.on {
	background: #fff;
}

.i4 {
	display: block;
	width: 250px;
	height: 50px;
	line-height: 50px;
	color: #422505;
	text-align: center;
	background: url(../images/index_2.png) #f59701 no-repeat 25% center;
	padding-left: 30px;
	font-weight: 500;
	margin: 50px auto;
	border-radius: 25px;
	font-size: 25px;
}


/* .i5{background: #191919;padding: 1px 0 20px;}
.i5 li{width: 200px;float: left;height: 254px;background: #ccc;border-right: 2px solid #191919;border-top: 2px solid #191919;}
.i5 li.p{background: #aa9c9c;}
.i5 li img{display: block;width: 198px;cursor: pointer;height: 252px;}
.i5 .clearfix{margin-top: 40px;} */

.i5 {
	margin: 40px auto;
}

.i51 {
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
	font-size: 20px;
	color: #212121;
}

.i51 span {
	float: left;
	position: relative;
}

.i51 span:after {
	position: absolute;
	display: block;
	content: '';
	width: 9px;
	height: 11px;
	right: -15px;
	top: 15px;
	background: url(../images/i5hot.png) no-repeat center center;
}

.i51 ul {
	float: right;
}

.i51 ul li {
	display: inline-block;
	margin-right: 8px;
	padding: 0 18px;
	line-height: 29px;
	cursor: pointer;
}

.i51 ul li.on {
	background-color: #3d3f4b;
	color: #fff;
}

.i52 {
	height: 400px;
}

.i52 li {
	height: 400px;
	display: none;
}

.i52 dd {
	width: 200px;
	height: 200px;
	float: left;
	overflow: hidden;
}

.i52 dd img {
	display: block;
	width: 200px;
	height: 200px;
}

.i6 {
	background: #f5f5f5;
	padding: 10px 0 50px;
}

.i6 ul {
	margin-top: 40px;
}

.i6 li {
	float: left;
	width: 376px;
	height: 277px;
	background: #ccc;
	position: relative;
	margin-left: 14px;
	overflow: hidden;
}

.i6 li.b {
	width: 420px;
	margin-left: 0;
	height: 575px;
}

.i6 li.d {
	margin-top: 20px;
}

.i6 li img {
	display: block;
}

.i6 li p {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	text-align: center;
	background: #e6e6e6;
	font-size: 15px;
	color: #757575;
	line-height: 40px;
}

.i6 li.b p {
	height: 65px;
	line-height: 65px;
}

.i7 li.r {
	width: 270px;
	height: 400px;
	float: left;
	margin-right: 40px;
	margin-top: 40px;
}

.i7 li.r:last-child {
	margin-right: 0;
}

.i7 li.r h1 {
	font-size: 20px;
	font-weight: normal;
	line-height: 40px;
	height: 40px;
	padding-left: 2px;
	background: url(../images/index_9.png) no-repeat bottom center;
}

.i7 .b {
	height: 325px;
	background: #ddd;
	margin-top: 35px;
}

.i71 {
	position: relative;
}

.i71 img {
	display: block;
	width: 270px;
	height: 250px;
}

.i71 p {
	height: 75px;
	background: #e6e6e6;
	padding: 10px 35px 0;
	line-height: 25px;
	overflow: hidden;
	color: #757575;
}

.i71 .btn {
	position: absolute;
	top: 40%;
	width: 29px;
	opacity: 0.8;
	height: 40px;
	display: none;
	cursor: pointer;
}

.i71 .prev {
	left: 3%;
	background-image: url(../images/left_btn.png);
}

.i71 .next {
	right: 3%;
	background-image: url(../images/right_btn.png);
}

.i71:hover {
	box-shadow: 0 0 15px -5px #000;
}

.i8 {
	height: 630px;
	margin: 75px 0 0;
	padding-top: 100px;
	background: url(../images/index_15.jpg) no-repeat center fixed;
	background-size: 100% 100%;
	min-width: 1200px;
}

.i8 img {
	display: block;
	width: 440px;
	height: 412px;
	float: left;
	margin-left: 20px;
}

.i8 .w12 div {
	width: 450px;
	height: 412px;
	float: right;
	line-height: 30px;
	color: #fff;
	padding-top: 30px;
}

.i8 .w12 div p {
	height: 80px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: left top:font-size: 22px;
	margin-top: 40px;
}

.i8 .w12 div p span {
	font-size: 26px;
	display: block;
}