.head{ height:92px; }
.nav{ height:92px;clear:both; position:relative; width:100%; background: #FFFFFF;  position: fixed; top: 0; left:auto; z-index: 9999;}
.nav ul{ height:119px; display:table;width:100%; min-width:620px; max-width:1200px; table-layout:fixed; margin:auto;/* background:url(../images/nav_bg.png) no-repeat bottom;*/}
.nav li{display:table-cell; }
.nav li a{ color:#000; padding:0 5px; text-align:center; line-height:100px; display:block ; font-size:14px; transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;-webkit-transition:0.5s linear;}
.nav .logo{ max-height:100%; width:116px; text-align:center; position:absolute; top:8%; left:50%; margin-left:-58px;}
.nav .logo img{ max-width:100%; max-height:100%;}
.nav li:hover a{color:#d80000;}
.nav li.thisclass a{ color:#d80000;}
.nav.smaller { transition:all 0.5s ease; -moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;  height:50px; background: #1c1c1c;}
.nav.smaller ul{ height:77px;}
.nav.smaller a{   line-height:50px;  }
.nav.smaller a img{ height:60px; }

.banner{ position:relative; clear:both; overflow: hidden;}
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{  overflow: hidden; position: absolute; bottom:10px; z-index: 1; width:64px;   margin-left: -32px; left: 50%; padding:px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width:8px; height:8px; background:#fff;margin-top:1px; border-radius:50%; border:1px solid #ddd; cursor: pointer; margin-right:5px; }
.mBan2 .slideBox .hd ul li.on{ background:#f80000; width:9px; height:9px ; margin-top:0px;border-radius:50%; border:2px solid #fff; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important;}

.mBan2 .slideBox .bd a img{ width:100%; height:auto; display:block;  }
.mBan2 .slideBox .bd .ban_w{position:absolute;  clear:both; height:100%;  }
.mBan2 .slideBox .bd .ban_w img{ width:auto !important;  height:auto !important; max-height:80%;   }

@keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}
@-webkit-keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}
@-moz-keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}
@-ms-keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}
@-o-keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}
.ban1_1{ z-index:20;  color:#fff;top:10%;left:35%;  -webkit-animation: ban1_1 0.5s linear 1;-moz-animation: ban1_1 0.5s linear 1;-ms-animation: ban1_1 0.5s linear 1;-o-animation: ban1_1 0.5s linear 1;animation: ban1_1 0.5s linear 1; }
@keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }
@-webkit-keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }
@-moz-keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }
@-ms-keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }
@-o-keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }
.ban1_2{z-index:22;   color:#fff;  top:45%;left:33%;  -webkit-animation: ban1_2 0.7s linear 1;-moz-animation: ban1_2 0.7s linear 1;-ms-animation: ban1_2 0.7s linear 1;-o-animation: ban1_2 0.7s linear 1;animation: ban1_2 0.7s linear 1; }
@keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-webkit-keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-moz-keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-o-keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-ms-keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
.ban1_3{z-index:23;   color:#fff; top:60%;left:60%;  -webkit-animation: ban1_3 0.9s linear 1;-moz-animation: ban1_3 0.9s linear 1;-ms-animation: ban1_3 0.9s linear 1;-o-animation: ban1_3 0.9s linear 1;animation: ban1_3 0.9s linear 1; }


@keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }
@-webkit-keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }
@-moz-keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }
@-ms-keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }
@-o-keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }
.ban3_1{ z-index:20;  color:#fff;top:19%;left:27%;   -webkit-animation: ban3_1 0.5s linear 1;-moz-animation: ban3_2 0.5s linear 1;-ms-animation: ban3_2 0.5s linear 1;-o-animation: ban3_2 0.5s linear 1;animation: ban3_2 0.5s linear 1; }
@keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
@-webkit-keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
@-moz-keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
@-ms-keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
@-o-keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
.ban3_2{z-index:22;   color:#fff; top:28%;left:56%;  -webkit-animation: ban3_2 0.7s linear 1;-moz-animation: ban3_2 0.7s linear 1;-ms-animation: ban3_2 0.7s linear 1;-o-animation: ban3_2 0.7s linear 1;animation: ban3_2 0.7s linear 1; }
@keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-webkit-keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-moz-keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-ms-keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-o-keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
.ban3_3{z-index:23;   color:#fff; top:55%;left:56%;  -webkit-animation: ban3_3 0.9s linear 1;-moz-animation: ban3_3 0.9s linear 1;-ms-animation: ban3_3 0.9s linear 1;-o-animation: ban3_3 0.9s linear 1;animation: ban3_3 0.9s linear 1; }


@keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }
@-webkit-keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }
@-moz-keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }
@-ms-keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }
@-o-keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }
.ban2_1{ z-index:20;  color:#fff;top:0%;left:0%;   -webkit-animation: ban2_1 0.5s linear 1;-moz-animation: ban2_2 0.5s linear 1;-ms-animation: ban2_2 0.5s linear 1;-o-animation: ban2_2 0.5s linear 1;animation: ban2_2 0.5s linear 1; }
.ban2_1 img{ height:100% !important;}

@keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
@-webkit-keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
@-moz-keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
@-ms-keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
@-o-keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
.ban2_2{z-index:22;   color:#fff; top:28%;left:15%;  -webkit-animation: ban2_2 0.7s linear 1;-moz-animation: ban2_2 0.7s linear 1;-ms-animation: ban2_2 0.7s linear 1;-o-animation: ban2_2 0.7s linear 1;animation: ban2_2 0.7s linear 1; }
@keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
@-webkit-keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
@-moz-keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
@-ms-keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
@-o-keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }
.ban2_3{z-index:23;   color:#fff; top:55%;left:15%;  -webkit-animation: ban2_3 0.9s linear 1;-moz-animation: ban2_3 0.9s linear 1;-ms-animation: ban2_3 0.9s linear 1;-o-animation: ban2_3 0.9s linear 1;animation: ban2_3 0.9s linear 1; }


@keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }
@-webkit-keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }
@-moz-keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }
@-ms-keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }
@-o-keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }
.ban4_1{ z-index:20;  color:#fff;top:19%;left:27%;   -webkit-animation: ban4_1 0.5s linear 1;-moz-animation: ban2_2 0.5s linear 1;-ms-animation: ban2_2 0.5s linear 1;-o-animation: ban2_2 0.5s linear 1;animation: ban2_2 0.5s linear 1; }
@keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
@-webkit-keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
@-moz-keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
@-ms-keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
@-o-keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }
.ban4_2{z-index:22;   color:#fff; top:73%;left:33%;  -webkit-animation: ban4_2 0.7s linear 1;-moz-animation: ban4_2 0.7s linear 1;-ms-animation: ban4_2 0.7s linear 1;-o-animation: ban4_2 0.7s linear 1;animation: ban4_2 0.7s linear 1; }
@keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-webkit-keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-moz-keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-ms-keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
@-o-keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }
.ban4_3{z-index:23;   color:#fff; top:25%;left:56%;  -webkit-animation: ban4_3 0.9s linear 1;-moz-animation: ban4_3 0.9s linear 1;-ms-animation: ban4_3 0.9s linear 1;-o-animation: ban4_3 0.9s linear 1;animation: ban4_3 0.9s linear 1; }

@keyframes bounce-down {
    25% {transform: translateY(-10px);}    50%, 100% {transform: translateY(0);}    75% {transform: translateY(10px);}}
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}    50%, 100% {-webkit-transform: translateY(0);}    75% {-webkit-transform: translateY(10px);}}
@-moz-keyframes bounce-down {
    25% { -moz-transform: translateY(-10px); }    50%, 100% { -moz-transform: translateY(0); }    75% { -moz-transform: translateY(10px); }}
@-ms-keyframes bounce-down {
    25% { -ms-transform: translateY(-10px); }    50%, 100% { -moz-transform: translateY(0); }    75% { -ms-transform: translateY(10px); }
}
@-o-keyframes bounce-down {
    25% { -o-transform: translateY(-10px);}    50%, 100% { -o-transform: translateY(0);}    75% { -o-transform: translateY(10px);}
}
.animate-bounce-down{ border-radius:50%; position:absolute; z-index:200; top:80%; left:50%;margin-left:-25px;width:50px; height:50px; border:1px solid #fff; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;-moz-animation: bounce-down 1.5s linear infinite;-ms-animation: bounce-down 1.5s linear infinite;-o-animation: bounce-down 1.5s linear infinite;}
.animate-bounce-down a{ background: url(../images/bounce_down.png) no-repeat center center; border-radius:50%; cursor:pointer; display:block;width:50px; height:50px;}
.animate-bounce-down:hover a{  background: url(../images/bounce_down.png) no-repeat center center #d80000; }


.foot{ z-index:10;  padding:40px 0 40px 0; background:#1c1c1c;  position:fixed; left:0; width:100%;}
.foot_con{ overflow:hidden;  width:350px; margin:auto;}
.foot_mid{}
.foot_ly ul{ width:410px;}
.foot_ly li{  text-align:center; overflow:hidden; width:84px; height:84px; float:left; margin-right:50px;}
.foot_ly li:hover{}
.foot_ly li a{-webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear; display:block; color:#fff; line-height:125px;}
.foot_ly li a.ly{background:url(../images/tb2.png) no-repeat 0px 0px;  }
.foot_ly li a.qq{background:url(../images/tb2.png) no-repeat -98px 0px;  }
.foot_ly li a.zx{background:url(../images/tb2.png) no-repeat -197px 0px;  }
.foot_ly li a:hover.ly{background:url(../images/tb2.png) no-repeat -0px -110px;  }
.foot_ly li a:hover.qq{background:url(../images/tb2.png) no-repeat -98px -110px;  }
.foot_ly li a:hover.zx{background:url(../images/tb2.png) no-repeat -197px -110px;  }

.foot2{ overflow:hidden; margin:auto;max-width:1200px;  margin-top:20px; text-align:center; color:#fff; line-height:25px;}
.foot2 span{  padding:0 10px;}
.footer{background:#1c1c1c; height:238px; width:100%;}



.flex-between {
    justify-content: space-between;
    align-items: center;
}


.flex-nowrap {
    flex-wrap: nowrap;
}

.flex {
    display: -webkit-flex;
    display: flex;
}

/*底部开始*/
.wc-page-footer{
	color:#b8bac0;
	position: relative; clear:both; height:auto !important; overflow:hidden; width:100%;background: #2f3237 url(../images/wc_footer_bg_02.jpg) no-repeat center top;
	z-index: 2;
}
.wc-page-footer a{
	color: #b8bac0;
}
.wc-foot-main{
	width:100%;
	padding:30px 0 40px;
	
	height:auto !important;
	overflow: hidden;
}
.wc-foot-bot{
	height:34px;
	line-height: 34px;
	background: #3a3d44;
}
.wc-foot-nav-item{
	flex-shrink: 0; float:left;
}
.wc-foot-nav-item.wc-nav-type-3{
	max-width: 30%;
}
.wc-foot-nav-item.wc-nav-type-2{
	max-width: 24%;
}
.wc-foot-nav-item.wc-nav-type-1{
	width:200px;
}
.wc-foot-nav-item .wc-tit{
	height:30px;
	line-height: 30px;
	margin-bottom: 7px;
	position: relative;
	font-size:18px;
	color:#e7e9ed;
	font-weight:bold
}
/*.wc-foot-nav-item .wc-tit:after{
	content: "";
	display: block;
	width:29px;
	height:2px;
	background: #cbb396;
	position: absolute;
	left:0;
	bottom:-2px;
}*/
.wc-foot-nav-item .wc-con .wc-item{
	height:27px;
	line-height: 27px;
	overflow: hidden;
	width:100%;
}
.wc-foot-nav-item .wc-con .wc-item a{ font-size:14px;}
.wc-foot-nav-item.wc-nav-type-3 .wc-tit{
	margin-bottom: 17px;
}
.wc-foot-nav-item.wc-nav-type-3 .wc-con .wc-item{
	line-height: 19px;
	margin-bottom: 8px; font-size:14px; line-height:32px;
	height:auto;
}
.wc-foot-nav-item.wc-nav-type-3 .wc-con .wc-item span{ display:block; float:left; width:30px; margin-right:10px;}
.wc-foot-nav-item.wc-nav-type-2 .wc-con .wc-item{
/*	width:50%;*/
	padding-right:6px;
	box-sizing: border-box; float:left;
}
.wc-foot-nav-item.wc-nav-type-2 .wc-con .add_item{
	width: 100% !important;
}
.wc-foot-nav-wrp{
width:770px\9;float:left\9;
}
.wc-foot-ewm-wrp{
	width:36.64%;float:left\9;width:315px\9;
}
.wc-foot-ewm-item{ float:left;	margin-right:5%;}
.wc-foot-ewm-wrp .wc-foot-ewm-item:first-child{

}
.wc-foot-ewm-wrp .wc-foot-ewm-item .wc-tit{
	margin-top:10px;
	text-align: center; font-size:14px;
}
.container {max-width:1200px;margin:0 auto;box-sizing: border-box;}