﻿@charset "utf-8";
/* CSS Document */
*{margin: 0px;border-style: none;outline: none;}
.top{width:100%;height:761px;background: url(../images/d2.jpg) no-repeat 0px 220px;}
.top .d1{width:100%;height:220px;background: url(../images/d1.jpg) no-repeat 0px 0px}
.top .text{width:1000px; margin: 0px auto 0px auto;position: relative;height:541px;}
.dz1{
    display: block;
    position: absolute;
    top:10px;
    left: 140px;
    width: 635px;
    -webkit-animation: fadeInDown 3s .6s ease both;
    -moz-animation: fadeInDown 3s .6s ease both;
    animation: fadeInDown 3s .6s ease both;
    -ms-animation: fadeInDown 3s .6s ease both;
    -o-animation: fadeInDown 3s .6s ease both;
}
.dz2{
    display: block;
    position: absolute;
    top: 160px;
    left: 0px;
    width: 980px;
    -webkit-animation: fadeInUpBig 2s .6s ease both;
    -moz-animation: fadeInUpBig 2s .6s ease both;
    animation: fadeInUpBig 2s .6s ease both;
    -ms-animation: fadeInUpBig 2s .6s ease both;
    -o-animation: fadeInUpBig 2s .6s ease both;
}
.dz3{
    display: block;
    position: absolute;
    top: 260px;
    left:300px;
    width: 304px;
    -webkit-animation: fadeInUpBig 2.9s .6s ease both;
    -moz-animation: fadeInUpBig 2.9s .6s ease both;
    animation: fadeInUpBig 2.9s .6s ease both;
    -ms-animation: fadeInUpBig 2.9s .6s ease both;
    -o-animation: fadeInUpBig 2.9s .6s ease both;
}
.dz4{
    display: block;
    position: absolute;
    top:280px;
    right:100px;
    width: 207px;
    -webkit-animation: fadeInUpBig 2.5s .6s ease both;
    -moz-animation: fadeInUpBig 2.5s .6s ease both;
    animation: fadeInUpBig 2.5s .6s ease both;
    -ms-animation: fadeInUpBig 2.5s .6s ease both;
    -o-animation: fadeInUpBig 2.5s .6s ease both;
}
.swiper{
	width:100%;
	height:560px;
	padding-top:150px;
	background: url(../images/d3.jpg) no-repeat top center #28384a;
}
#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}
#certify .swiper-container {
	padding-bottom: 60px;
}
#certify  .swiper-slide {
	width: 830px;
	height:500px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;width:100%;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}
#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#certify .swiper-button-prev {
	left: -50px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}
#certify .swiper-button-next {
	right: -50px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}
#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

.dyr{background-color: #28384a;width:100%; height: 660px}
.dyr h2{margin: 0px auto;width:230px;padding-top:30px; height: 100px;}
.dyr .dyr_txt{margin: 0px auto;width:1200px;}
.gszj{width:100%;background: url(../images/d7.jpg);padding-top:70px; height:475px;}
.gszj h2{margin: 0px auto;width:250px;height:90px;}
.gszj p{width:1200px; margin: 0px auto;border-bottom:1px solid #9c9c9c;height:40px;}
.gszj .text{width:1000px; margin: 0px auto;padding-top:30px;}
.gszj .left{width:515px; float:left; line-height:30px;}
.gszj .right{width:430px; float:right;}
.gszj h3{color:#000;font-size:24px; line-height: 200%;margin-bottom: 10px;}
.more{display: block; float: left; border:1px solid #ccc;color:#666666;width:200px;line-height: 60px; text-align: center; text-decoration: none;border-radius: 10px;background-color: #fff; margin-top: 20px;}
.more:hover{background-color: #e2e2e2;}

.yhby{width:100%;background: url(../images/d8.jpg) center top;padding-top:60px; height:382px;}
.yhby h2{width:242px; margin: 0px auto;}
.yhby .text{width:730px; margin: 0px auto;padding-left:400px;color:#fff;padding-top:10px;}
.yhby .text .div1{float:left;width:364px; font-size: 16px;}
.yhby h3{font-size:24px;padding-bottom: 10px; display: block; margin-bottom:10px; font-weight: normal}
.smhd{width:100%;padding-top:60px;}
.smhd h2{width:261px;margin: 0px auto;}
.smhd .text{width:1200px;margin: 0px auto;}
.smhd .text a{color:#000;}
.smhd h3{padding-bottom: 10px;font-size:24px;}
.smhd p{padding-top:10px;padding-bottom:10px;}
.footer{width:100%;padding-top:60px;border-top:1px solid #000000; margin-top:40px;}
.footer .text{width: 1200px; margin: 0px auto;padding-bottom:30px; line-height: 200%}