@charset "utf-8";
/* CSS Document */
@charset "utf-8";/* CSS Document */
div,form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0}
body{overflow:-Scroll;overflow-x:hidden}
html{overflow:-moz-scrollbars-vertical} 
body{font-family:'微软雅黑',arial;margin:0;padding:0;background:#fefefe;font-weight:normal;font-size:16px;color:#333333;min-width:1200px}

li{list-style-type:none}

img{border:0}
a{text-decoration:none}
h1,h2,h3,h4,h6{margin:0;padding:0;font-size:12px;font-weight:normal}

.fl{float:left}
.fr{float:right}
.w100{width:100%}
.main{width:1200px;margin:0 auto}
.main2{width:1300px;margin:0 auto}
.h1{height:1px;width:100%; float:left}
.h10{height:10px;width:100%;float:left}
.h20{height:20px;width:100%;float:left}
.h50{height:50px;width:100%;float:left}
.img_w img{width:100%}
.txt_c{text-align:center}
.txt_l{text-align:left}
.txt_i{text-indent:2em}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font22{font-size:22px}
.font24{font-size:24px}
.font27{font-size:27px}
.font28{font-size:28px}
.font30{font-size:30px}
.font_w{font-weight:bold}
.pr{position:relative}
.pa{position:absolute}
.col_fff{color:#fff}
.col_h{color:#595757}
.col_blue{color:#214798}
.font_big{text-transform:uppercase}
.txt_r{ text-align:right}


header{    background: #fffdf6;
    width: 100%;
    float: left;
	border-bottom:5px #d1d1d0 solid
    }
.logo{ float:left;padding:25px 0;}
.nav_list{float:right}
	.nav_list ul{display: flex;
    justify-content: space-between;
    align-items: center;padding-top:40px}
.nav_list ul li{ float:left;}
.nav_list ul li a{transition: letter-spacing 0.3s; letter-spacing:1px;text-transform:uppercase; color:#000}
.nav_list ul li a.on{ font-weight:bold}
.nav_list ul li a:hover{ letter-spacing:4px; font-weight:bold}
.nav_list ul li span{width:100%; text-align:center; float:left;font-weight: lighter;}
.nav_list ul li p{width:100%; text-align:center; float:left;text-transform:uppercase; font-size:12px;font-weight: lighter;letter-spacing: 2px;    margin-top: 2px;}

.slides{width:100%;height:1000px;position:relative;overflow:hidden;}
.slideInner{height:1000px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:1000px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.slideInner a div.img1{width:1070px;position:absolute;left:50%;margin-left:-535px;}
.slideInner a div.img2{width:1070px;position:absolute;top:557px;left:50%;margin-left:-535px;}
.slideInner .slide3 .img2{top:200px;}
.slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;}
.nav{width:100%;position:relative;left:50%;margin-left:-50%;display:none;}
.nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}
.nav a.prev{position:absolute;left:7%;top:-500px;margin-top:-58px;background:url(../images/ban_pre.png) no-repeat;}
.nav a.next{position:absolute;right:7%;top:-500px;margin-top:-58px;background:url(../images/ban_next.png) no-repeat;}
.navListBox{position:absolute;left:50%;top:950px;z-index:99;}
.navListBox li{width:12px;height:12px;float:left;margin-left:5px;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;background-color:#fff;}
.navListBox li a.active{background-color:#fdd283;}

.tese{width:100%; float:left;margin-bottom:50px;}
.tese_tit{width:100%; float:left; background:url(../images/tese.png) no-repeat top left; height:102px;margin:69px auto 39px auto;}
.tese_more{ float:right;width:185px; height:53px; margin-top:49px;transition: margin 0.4s;}
.tese_more a{width:100%; height:100%; float:left;}
.tese_more:hover{margin-right:10px;}
.tese ul{    display: flex;
    justify-content: space-between;
    align-items: center;}
.tese ul li{width:396px; height:488px; float:left; position:relative; overflow:hidden}
.tese ul li:last-child{ float:right}
.tese ul li a{width:100%; height:100%; float:left;transition: padding 0.6s;}
.tese ul li a{width:100%; height:344px; float:left; text-align:center;padding-top:154px}
.tese ul li a .xm_inf{ z-index:2; position:absolute;width:100%; text-align:center}
.tese ul li a:hover {padding-top:144px}
.tese ul li a .more2{z-index:3; position:absolute; text-align:center; width:100%;bottom:-20px;transition: bottom 0.6s;}
.tese ul li a:hover .more2{bottom:50px;}

.tese ul li .xm_bg{ position:absolute;width:100%; height:488px;top:488px;transition: top 0.5s; z-index:1}
.tese ul li:hover .xm_bg{ background:url(../images/xm_bg.jpg) repeat-x bottom left; top:0}


#bdshare {
	margin:-5px 0 0 0;
}
.main_image {
	margin: 0px auto; width: 100%; height: 930px; overflow: hidden;position: relative; background:#eeeeee
}
.main_image ul {
	left: 0px; top: 0px; width: 9999px; height: 930px; overflow: hidden; position: absolute;
}
.main_image li {
	width: 100%; height: 930px; float: left;
}
.main_image li span {
	width: 100%; height: 930px; display: block;
}
.main_image li a {
	width: 100%; height: 930px; display: block;
}
.main_image li .img_1 {
	background: url("../images/ys1.jpg") no-repeat top;
}
.main_image li .img_2 {
	background: url("../images/ys2.jpg") no-repeat top;
}
.main_image li .img_3 {
	background: url("../images/ys3.jpg") no-repeat top;
}
.main_image li .img_4 {
	background: url("../images/ys4.jpg") no-repeat top;
}
.main_image li .img_5 {
	background: url("../images/ys5.jpg") no-repeat top;
}
.main_image li .img_6 {
	background: url("../images/ys6.jpg") no-repeat top;
}
.main_image li .img_7 {
	background: url("../images/ys7.jpg") no-repeat top;
}
div.flicking_con {
	margin: 0px auto; width:1300px; position: relative;
}
div.flicking_con .flicking_inner {
	  height: 22px;
    position: absolute;
    z-index: 999;
    text-align: center;
    bottom: -900px;
    left: 45%;
}
div.flicking_con a {
	background: url("../images/btn_main_img.png") no-repeat 0px 0px; margin: 0px; padding: 0px; width: 21px; height: 21px; text-indent: -1000px; float: left; display: block;
}
div.flicking_con a.on {
	background-position: 0px -21px;
}
#btn_prev {
	top: 50%; width:41px !important; height: 119px !important; margin-top: -37px; display: none; position: absolute; z-index: 11111;
}
#btn_next {
	top: 50%; width:41px !important; height: 119px !important; margin-top: -37px; display: none; position: absolute; z-index: 11111;
}
#btn_prev {
	background: url("../images/ban_pre.png") no-repeat left top; left: 100px;
}
#btn_next {
	background: url("../images/ban_next.png") no-repeat right top; right: 100px;
}

.doc_tit{top:65px; position:absolute;left:35px; z-index:333}
.main_visual{
    width: 100%;
    float: left;margin-bottom:50px}
.main_visual .main2{ position:relative}	
.doc_more{    position: absolute;
    bottom: -880px;
    left: 36px;
    z-index: 999;transition: left 0.5s;}
.doc_more:hover{left:46px;}

.news{width:100%; float:left;margin-bottom:50px; clear:both}
.news_tit{width:100%; float:left; background:url(../images/news.png) no-repeat top left; height:96px;margin:69px auto 39px auto;}
.news_list{width:100%; float:left}
.news_list ul{    display: flex;
    justify-content: space-between;
    align-items: center;}
.news_list ul li{width:396px; height:680px; float:left; position:relative; overflow:hidden; background-size:100%}
.news_list ul li:last-child{ float:right}
.news_list ul li a{width:100%; height:100%; float:left;}
.news_list ul li a{width:100%; height:100%; float:left; color:#fff}
.inf_tit{width:100%; height:175px; background:rgb(0,0,0,0.4);bottom:-30px; position:absolute;transition: bottom 0.5s;}
.inf_tit2 , .inf_tit3 , .inf_tit4{width: 67%;
    margin: 30px;
    height: 85px;
    float: left;
    padding-left: 70px;
    text-align: justify;
    text-indent: 2em;
    line-height: 24px;}
.inf_tit2{ background:url(../images/news01.png) no-repeat center left;}
.inf_tit3{ background:url(../images/news02.png) no-repeat center left;}
.inf_tit4{ background:url(../images/news03.png) no-repeat center left;}
.news_list ul li a:hover .inf_tit{bottom:0}
.news_more{width:100%; float:left; background:url(../images/more2.png) no-repeat center center; height:20px}


.footer{ background:#eeeeee url(../images/footer_bg2.png) no-repeat center right; height:180px; float:left;width:100%;padding:80px 0 30px}

.contact_tit{ float:left;width:20%}
.con_inf{ float:left;margin-left:30px;width:54%}
.con_inf span{ font-size:42px; font-weight:bold;padding-bottom:20px;width:100%; float:left}
.ewm{width:139px; float:right; background:url(../images/sm.png) no-repeat right center;padding-right:50px;}
.ewm img{width:70%}
.footer_bot{width:100%; text-align:center; float:left; font-size:14px; color:#959594}