/* CSS Document */
@charset "UTF-8";
.bannerbox{
    height: 600px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.containt-div{
    width: 1024px;
    position: relative;
    height: 600px;
	margin:auto;
}
.bannerbox ul{
    position: relative;
}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 600px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li.fst-li{
    background: url("../images/1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.sec-li{
    background: url("../images/2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.third-li{
    background: url("../images/3.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li .img1{
    position: absolute;
}
/*banner-01*/
.baner-01-a{
    width: 327px;
    height: 165px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -163px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
transition: all 800ms cubic-bezier(.62,.25,.65,.83);
    opacity: 0;
}
.baner-01-b{
    width: 752px;
    height: 65px;
    top: 290px;
    left: 50%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
transition: all 800ms cubic-bezier(.62,.25,.65,.83);
}
/*banner2*/
.banner2-02{
    width:593px;
    height: 93px;
    position: absolute;
    top: 243px;
    left: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
transition: all 800ms cubic-bezier(.62,.25,.65,.83);
}
.banner2-01{
    top: 217px;
    position: absolute;
    left: -100px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
transition: all 800ms cubic-bezier(.62,.25,.65,.83);
}
.banner2-03{
    top: 352px;
    left: 0;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
transition: all 800ms cubic-bezier(.62,.25,.65,.83);
}
/*banner3*/
.banner3-01{
    position: absolute;
    top: 138px;
    width: 720px;
    height: 73px;
    /*margin-left: -310px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 1100ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 1100ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 1100ms cubic-bezier(.62,.25,.65,.83);
transition: all 1100ms cubic-bezier(.62,.25,.65,.83);
}
.banner3-02{
    position: absolute;
    top: 227px;
    /*margin-left: -305px;*/
    width: 610px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 900ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 900ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 900ms cubic-bezier(.62,.25,.65,.83);
transition: all 900ms cubic-bezier(.62,.25,.65,.83);
}
.banner3-03{
    position: absolute;
    top: 283px;
    width:214px;
    left: 50%;
    /*margin-left: -107px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
transition: all 800ms cubic-bezier(.62,.25,.65,.83);
}
.banner3-04{
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 479px;
    margin-left: -239px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;-webkit-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-moz-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-ms-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
-o-transition: all 800ms cubic-bezier(.62,.25,.65,.83);
transition: all 800ms cubic-bezier(.62,.25,.65,.83);
}
.nav{width:192px;height:10px;position:absolute;bottom: 30px;right:20px;z-index: 2; left: 50%;margin-left: -119px;}
.nav dl dd{list-style-type:none;width:10px;height:10px;float:left;margin-right:5px;cursor:pointer; background:#fff; border-radius:5px;margin-left: 10px;}
.nav dl .bg{background: #ff4d00;
color: black;width: 34px;height:10px;}
.banner3-02 img,.banner3-01 img,.baner-01-a img,.baner-01-b img,.banner2-03 img,.banner2-01 img,.banner2-02 img{width:100%;} 


.footer {
	background:#111;
	padding:10px 0;
}
.footer .fot_tit {
	height:100px;
	line-height:100px;
	color:#fff;
	border-bottom:1px dashed #888;
}
.footer .fot_tit h3 {
	font-size:18px;
	background:url(../images/fon_icon1.png) no-repeat center left;
	padding-left:35px;
	display:inline-block;
}
.footer .fot_tit .btn {
	width:85px;
	height:30px;
	border:1px solid #fff;
	display:inline-block;
	float:right;
	line-height:30px;
	text-align:center;
	color:#fff;
	margin-top:33px;
}
.footer .fot_tit .btn:hover {
	background:#fff;
	color:#333;
}
.fot_company {
	padding:25px 0;
	border-bottom:1px dashed #888;
}
.fot_company li {
	width:25%;
	float:left;
}
.fot_company li h3{
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:16px;
	background:url(../images/fon_icon2.png) no-repeat center left;
	background-size:13px auto;
	padding-left:25px;
}
.fot_company li .int {
	margin-top:5px;
	color:#888;
	line-height:24px;
}
.fot_company li .int span {
	float:left;
	width:75px;
	text-align:right;
}
.fot_company li .int p {
	float:left;
}
.fot_button {
	padding:40px 0;
}
.fot_button .fot_nav {
	min-height:300px;
	width:740px;
	border-right:1px solid #888;
	float:left;
}
.fot_button .fot_nav li {
	width:25%;
	float:left;
	margin-top:10px;
}
.fot_nav li h3 {
	height:40px;
	line-height:40px;
	font-size:16px;
}
.fot_nav li h3 a {
	color:#fff;
}
.fot_nav li p {
	height:30px;
	line-height:30px;
	font-size:12px;
}
.fot_nav li p a {
	color:#888;
}
.fot_logo {
	width:365px;
	float: right;
}
.fot_logo .Tel {
	font-size:47px;
	color:#787878;
}
.fot_logo .ft_icon {
	padding:30px 0;
}
.fot_logo .ft_icon li {
	display:inline-block;
	margin-left:15px;
}
.fot_logo .ft_icon .wx {
	background:url(../images/fon_icon3.png) no-repeat center top;
	width:23px;
}
.fot_logo .ft_icon .wb {
	background:url(../images/fon_icon4.png) no-repeat center top;
	width:23px;
}
.fot_logo .ft_icon .qq {
	background:url(../images/fon_icon5.png) no-repeat center top;
	width:23px;
}
.fot_logo .ft_icon .tx {
	background:url(../images/fon_icon6.png) no-repeat center top;
	width:23px;
}

.fot_logo .ft_icon .icon {
	height:20px;
	display:block;
	position:relative;
}
.wx_tc {
	position:absolute;
	width:100px;
	height:100px;
	top:100%;
	display:none;
}
.fot_logo .ft_icon .wx:hover .wx_tc {
	display:block;
}
.wx_tc img {
	width:100%;
	height:100%;
}
.fot_logo .ft_icon .icon:hover {
	background-position:center bottom;
}
.copyright {
	font-size:12px;
	color:#787878;
	line-height:25px;
}.wrapin {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}