@charset "utf-8";
body{ background: #f1f1f1; }
.warp{width:1000px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.absolute.max{left:0;top:0;right:0;bottom:0;}
.m-Pic{ font-size:0; text-align:center;}
.m-Pic b{ display:inline-block; height:100%; vertical-align:middle; }
.m-Pic img{ vertical-align:middle; max-height:100%; max-width:100%; }
.bp-rela-img:before{ content:''; display:block; padding-top:100%;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.trans{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

/*新站*/
/*body{ overflow:hidden;}*/
#warp{width:100%; _max-width:1920px; min-width:320px; margin:0 auto;}
#warp .section{ position:relative; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#warp .wow{visibility:hidden;}
#warp a{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.main{ _max-width:1600px; width:85.33%; margin:0 auto;}

/*闪烁效果*/
.animation{
	-webkit-animation:twinkling 2s infinite ease-in-out;
	animation:twinkling 2s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes twinkling{
	0% {
		opacity:0.2;
		filter:alpha(opacity=20);
		-webkit-transform:scale(1);
	}
	25% {
		opacity:0.5;
		filter:alpha(opacity=50);
		-webkit-transform:scale(1);
	}
	50% {
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transform:scale(1);
	}
	75% {
		opacity:0.5;
		filter:alpha(opacity=50);
		-webkit-transform:scale(1);
	}
	100% {
		opacity:0.2;
		filter:alpha(opacity=20);
		-webkit-transform:scale(1);
	}
}

/*箭头循环*/
@-webkit-keyframes sP1 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-moz-keyframes sP1 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-ms-keyframes sP1 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@keyframes sP1 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-webkit-keyframes sP2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-moz-keyframes sP2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-ms-keyframes sP2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@keyframes sP2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0.5;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-webkit-keyframes sP3 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-moz-keyframes sP3 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-ms-keyframes sP3 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@keyframes sP3 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-webkit-keyframes sP4 {
    0% {
        opacity: 0.5;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0.2;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-moz-keyframes sP4 {
    0% {
        opacity: 0.5;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0.2;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-ms-keyframes sP4 {
    0% {
        opacity: 0.5;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0.2;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@keyframes sP4 {
    0% {
        opacity: 0.5;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0.2;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-webkit-keyframes sP5 {
    0% {
        opacity: 0.2;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-moz-keyframes sP5 {
    0% {
        opacity: 0.2;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-ms-keyframes sP5 {
    0% {
        opacity: 0.2;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);

        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@keyframes sP5 {
    0% {
        opacity: 0.2;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-webkit-keyframes sP6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-moz-keyframes sP6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@-ms-keyframes sP6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}

@keyframes sP6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(45px);
        -moz-transform: translateX(45px);
        -ms-transform: translateX(45px);
        transform: translateX(45px);
    }
}




/*公告样式*/
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.cut{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.loader{top: 0;right: 0;left: 0;bottom: 0;position: fixed;z-index: 99999;background: rgba(255,255,255,.5) url(../fonts/loader.svg) no-repeat center 40% / auto auto;}
.trans-internal::before,.trans-internal::after{ -webkit-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; transition:all 400ms ease 0s;}


.arrow-more{ text-align:center; position:absolute; left:0; right:0; bottom:3%; z-index:2;}
.arrow-more img{ cursor:pointer;}

/*字体*/
.fz10{ font-size:10px; color:#333;}
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{ font-size:16px; color:#333;}
.fz18{ font-size:18px; color:#333;}
.fz20{ font-size:20px; color:#333;}
.fz22{ font-size:22px; color:#333;}
.fz24{ font-size:24px; color:#333;}
.fz26{ font-size:26px; color:#333;}
.fz28{ font-size:28px; color:#333;}
.fz30{ font-size:30px; color:#333;}
.fz32{ font-size:32px; color:#333;}
.fz34{ font-size:34px; color:#333;}
.fz36{ font-size:36px; color:#333;}
.fz38{ font-size:38px; color:#333;}
.fz40{ font-size:40px; color:#333;}
.fz42{ font-size:42px; color:#333;}
.fz44{ font-size:44px; color:#333;}
.fz46{ font-size:46px; color:#333;}
.fz48{ font-size:48px; color:#333;}

/*头部样式*/
#header{ width:100%; _max-width:1920px; min-width:320px; position:fixed; top:0; left:0; right:0; z-index:5; padding:10px 0; margin:0 auto;}
#header .logo{ width:76px; margin-left: -5%;}
#header .logo img{ width:100%;}
#header .nav{ margin-top:60px;}
#header .nav .list{ font-weight:bold; position:relative; padding-bottom:14px; margin-left:54px;}
#header .nav .list a{ color:#fff;text-decoration:none}
#header .nav .list::before{ width:100%; height:3px; display:none; background:#fff; position:absolute; left:0; bottom:0; z-index:2; content:'';}
#header .nav .list.in{ margin-left:0;}
#header .nav .list.on::before{ display:inline-block;}
#header .target{ width:40px; display:none; cursor:pointer; margin-top:20px;}
#header .target img{ width:100%;}
#header.in{ background:rgba(0,0,0,1);}

/*手机导航*/
#phone_background{ width:100%; height:100%; display:none; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; right:0; z-index:4; margin:0 auto;}
#phone_nav{ width:100%; min-width:320px; display:none; _background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; right:0; z-index:5; margin:0 auto;}
#phone_nav .list{ width:100%; text-align:center; color:#fff; border-bottom:1px solid #cfa115; padding:16px 0;}
#phone_nav .list:hover{ background:#cfa115;}

/*底部样式*/
#footer{ width:100%; line-height:16px; position:absolute; bottom:0; left:0; right:0; z-index:5; padding:20px 0; margin:0 auto;}
#footer .left .fz14{ border-left:1px solid #d1d2d2; color:#fff; padding:0 10px;}
#footer .left .fz14.in{ border-left:none; padding-left:0;}
#footer .right{ color:#fff;}
#footer .right a{ color:#fff;}
#footer.in{ background:#3b3b3b; position:relative;}

/*广告样式*/
#advertising{ width:100%; overflow:hidden; position:relative;}
#advertising .db{ width:100%;}
#advertising .db a{ width:100%;}
#advertising .db a img{ width:100%;}
#advertising .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:20px !important; z-index:2; margin:0 auto;}
#advertising .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border-radius:50%; margin:0 4px !important;}
#advertising .hb span.swiper-pagination-bullet-active{ background:#cfa115;}

/*首页样式*/
#index{ width:100%;}
#index .title{ width:100%; text-align:center;}
#index .title .fz42{ height:42px; text-transform:uppercase; font-family:'Myanmar Text'; font-weight:bold; color:#fff; margin-bottom:2%;}
#index .title .fz32{ height:32px; color:#fff;}

#index .arrow{ width:45px; height:24px; overflow:hidden; position:relative;}
#index .arrow i{ width:15px; text-align:center; font-style:normal; color:#eea807; position:absolute;}
#index .arrow .i1{ opacity:1; left:-45px; -webkit-animation:sP1 1s linear infinite; -moz-animation:sP1 1s linear infinite; -ms-animation:sP1 1s linear infinite; animation:sP1 1s linear infinite;}
#index .arrow .i2{ opacity:1; left:-30px; -webkit-animation:sP2 1s linear infinite; -moz-animation:sP2 1s linear infinite; -ms-animation:sP2 1s linear infinite; animation:sP2 1s linear infinite;}
#index .arrow .i3{ opacity:1; left:-15px; -webkit-animation:sP3 1s linear infinite; -moz-animation:sP3 1s linear infinite; -ms-animation:sP3 1s linear infinite; animation:sP3 1s linear infinite;}
#index .arrow .i4{ opacity:1; left:0; -webkit-animation:sP4 1s linear infinite; -moz-animation:sP4 1s linear infinite; -ms-animation:sP4 1s linear infinite; animation:sP4 1s linear infinite;}
#index .arrow .i5{ opacity:0.5; left:15px; -webkit-animation:sP5 1s linear infinite; -moz-animation:sP5 1s linear infinite; -ms-animation:sP5 1s linear infinite; animation:sP5 1s linear infinite;}
#index .arrow .i6{ opacity:0.2; left:30px; -webkit-animation:sP6 1s linear infinite; -moz-animation:sP6 1s linear infinite; -ms-animation:sP6 1s linear infinite; animation:sP6 1s linear infinite;}


#index .one{ width:100%; background:#000; overflow:hidden; position:relative;}
#index .one .swiper-container{ width:100%; height:100%;}
#index .one .prev{ width:26px; position:absolute; left:1%; top:50%; z-index:2; margin-top:-23px;}
#index .one .next{ width:26px; position:absolute; right:1%; top:50%; z-index:2; margin-top:-23px;}
#index .one .hb{ width:100%; text-align:center; display:none; position:absolute; left:0; right:0; bottom:5% !important; z-index:2; margin:0 auto;}
#index .one .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border-radius:50%; margin:0 4px !important;}
#index .one .hb span.swiper-pagination-bullet-active{ background:#cfa115;}
#index .one .db a{ background-size:cover !important;}
#index .one #one_phone{ display:none;}
#index .two{ width:100%; background:url(../images/img45.jpg) no-repeat center; background-size:cover; _padding:8% 0 11%;}
#index .two .left{ width:45%;}
#index .two .left .title{ text-align:left;}
#index .two .left .fz28{ color:#fff; font-weight:bold; margin:4.2% 0 3%;}
#index .two .left .fz16{ line-height:36px; color:#fff;}
#index .two .left .more{ width:100%; margin-top:3.4%;}
#index .two .left .fz12{ display:none; vertical-align:middle; color:#fff; margin-top:-20px; margin-left:20px;}
#index .two .right{ width:49%;}
#index .two .right img{ width:100%;}
#index .thr{ width:100%; background:url(../images/img2.jpg) no-repeat center; background-size:cover;}
#index .thr .title{ text-align:left;}
#index .thr .title .fz42{ color:#333;}
#index .thr .title .fz32{ color:#bf9517;}
#index .thr .item{ width:100%; padding-left:9.4%; _margin-top:2.5%;}
#index .thr .item .left{ width:380px; margin-top:6.2%;}
#index .thr .item .left .list{ width:100%; margin-top:40px;}
#index .thr .item .left .list .fz22{ width:100%; cursor:pointer; position:relative; padding-left:42px;}
#index .thr .item .left .list .fz22::before{ width:28px; height:5px; display:none; background:#bf9517; position:absolute; left:0; top:50%; z-index:2; margin-top:-2.5px; content:'';}
#index .thr .item .left .list .conter{ display:none;}
#index .thr .item .left .list .conter .fz14{ width:100%; line-height:30px; color:#555; padding-left:30px; margin-top:24px;}
#index .thr .item .left .list .conter .img{ width:100%; display:none;}
#index .thr .item .left .list .conter .img img{ width:100%;}
#index .thr .item .left .list .conter .more{ width:100%; text-align:right;}
#index .thr .item .left .list .conter .more img{ max-width:100%;}
#index .thr .item .left .list.on .fz22{ color:#cfa114;}
#index .thr .item .left .list.on .fz22::before{ display:inline-block;}
#index .thr .item .left .list.on .conter{ display:inline-block;}
#index .thr .item .left .list.in{ margin-top:0;}
#index .thr .item .right{ width:24.6%; margin-left:5%;}
#index .thr .item .right .supild{ width:100%; display:none; position:relative;}
#index .thr .item .right .supild .bor{ width:100%;}
#index .thr .item .right .supild .bor img{ width:100%;}
#index .thr .item .right .supild .fz18{ position:absolute; right:-80px; top:10%; z-index:2;}
#index .thr .item .right .supild .fz18 img{ vertical-align:middle; margin-top:-3px; margin-right:10px;}
#index .thr .item .right .supild .img{ width:210%; overflow:hidden; position:absolute; top:23%; left:92px; z-index:2;}
#index .thr .item .right .supild .img img{ width:100%;}
#index .thr .item .right .supild.on{ display:inline-block;}
#index .four{ width:100%; background:url(../images/img6.jpg) no-repeat center; background-size:cover;}
#index .four .item{ width:100%; text-align:center; margin:9.4% 0;}
#index .four .item .list{ width:33.33%; vertical-align:top;}
#index .four .item .list .icon{ width:50px;}
#index .four .item .list .icon img{ width:100%;}
#index .four .item .list .fz16{ width:100%; color:#fff; margin-top:30px; word-wrap:break-word;}
#index .four .more{ width:100%; text-align:center;}
#index .four .more a{ background:#bf9517; color:#fff; padding:1.3% 4.4%;}

/*联系我们*/
#contact{}
#contact .one{ width:100%; background:url(../images/contact.jpg) no-repeat center; background-size:cover;}
#contact .one .main{ background:rgba(93,103,154,.7) repeat;margin-top: 15%;}
#contact .one .main .map{ width:52%;}
#contact .one .main .map img{ width:100%;}
#contact .one .main .conter{ width:48%; padding:4.6% 3.8% 0;}
#contact .one .main .conter .fz28{ width:100%; color:#fff; font-weight:bold; margin-bottom:3.7%;}
#contact .one .main .conter .fz16{ width:100%; color:#fff; margin-bottom:3.1%;}
#contact .one .main .conter .share{ width:100%; margin-top:2.2%;}
#contact .one .main .conter .share a{ width:28px; height:28px; display:inline-block; overflow:hidden; opacity:1 !important; padding:0; margin:0; margin-left:1.9%;}
#contact .one .fp-tableCell{display: flex;justify-content: center; text-align: center;position: relative;}
#contact .one .item {margin: 0 50px;height: 100px;margin-top: 35%;}
#contact .one .item p{color: white;}
.copyright-box{position: fixed;bottom: 0%;z-index: 1;width: 100%;padding-top: 5px;padding-bottom: 5px;background-color: rgba(0,0,0,.3);}
.copyright-box p{color: white;text-align: center;}

/*H5兼容*/
@media only screen and (max-width:1680px){
	#index .title .fz42{ height:38px; font-size:38px;}
	#index .title .fz32{ height:28px; font-size:28px;}
	#index .two .left .fz28{ font-size:24px;}
	#index .two .left .fz16{ line-height:30px; font-size:14px;}
	#index .two .left .more{ width:24px;}
	#index .two .right{ width:54%;}
	#index .thr .item .left .list{ margin-top:8%;}
	#index .thr .item .left .list .fz22{ font-size:18px; padding-left:34px;}
	#index .thr .item .left .list .fz22::before{ width:24px; height:3px; margin-top:-1.5px;}
	#index .thr .item .left .list .conter .fz14{ line-height:24px; font-size:12px; padding-left:7%; margin-top:5%;}
	#index .thr .item .left .list .conter .more a{ width:24px; display:inline-block;}
	#index .thr .item .left .list .conter .more img{ width:80%;}
	#contact .one .main .conter{ padding:4% 3% 0;}
}

@media only screen and (max-width:1480px){
	#header .logo{ width:76px;}
	#header .nav{ margin-top:46px;}
	#index .title .fz42{ height:36px; font-size:36px;}
	#index .title .fz32{ height:26px; font-size:26px;}
	#index .two .left .fz28{ font-size:20px;}
	#index .two .left .fz16{ line-height:24px; font-size:12px;}
	#index .four .item .list .fz16{ font-size:14px; margin-top:7%;}
	#index .four .more a{ font-size:14px;}
	#about .one .fz28{ font-size:24px;}
	#about .one .fz16{ line-height:30px; font-size:14px;}
	#about .two .nts .fz32{ font-size:28px;}
	#about .two .nts .fz28{ font-size:24px;}
	#about .two .nts .fz14{ line-height:26px; font-size:12px;}
	#about .two .last .list .img{ width:56px;}
	#about .two .last .list .fz26{ font-size:22px; margin:8px 0;}
	#about .two .last .list .fz16{ font-size:12px;}
	#case .two .top .list .icon{ width:26px;}
	#case .two .top .list .fz22{ font-size:16px; margin-top:5px;}
	#case .two .bot{ padding:1.5% 0;}
	#case .two .bot .list{ font-size:14px;}
	#case .four .last .list .fz18{ font-size:16px;}
	#case .four .last .list .fz14{ font-size:12px;}
	#case .five .last .list .img{ min-width:180px;}
	#case .five .last .list .conter .fz18{ font-size:16px;}
	#case .five .last .list .conter .fz14{ line-height:24px; font-size:12px;}
	#recruitment .one .left-title{ padding-right:50px;}
	#recruitment .one .left-title .list .fz22{ font-size:18px;}
	#recruitment .one .left-title .list .fz22::before{ width:22px; height:2px;}
	#recruitment .one .right-conter{ margin-left:50px;}
	#recruitment .one .right-conter .last .list{ line-height:24px; font-size:12px;}
	#recruitment .one .right-conter .page .prev{ width:156px; height:46px;}
	#recruitment .one .right-conter .page .next{ width:156px; height:46px;}
	#recruitment .one .right-conter .email{ font-size:16px; padding-bottom:1.6%; margin-top:5%;}
	#contact .one .main .conter .fz28{ font-size:24px; margin-bottom:3%;}
	#contact .one .main .conter .fz16{ font-size:14px; margin-bottom:2.5%;}
}

@media only screen and (max-width:1320px){
	#recruitment .one .left-title{ width:20%; padding-right:4%;}
	#recruitment .one .left-title .list{ margin-top:22%;}
	#recruitment .one .left-title .list .fz22{ font-size:16px; padding-left:30px;}
	#recruitment .one .left-title .list .fz22::before{ width:20px; height:2px;}
	#recruitment .one .right-conter{ width:70%; margin-left:4%;}
	#recruitment .one .right-conter .page{ margin-top:4%;}
	#recruitment .one .right-conter .page .prev{ width:140px; height:42px;}
	#recruitment .one .right-conter .page .next{ width:140px; height:42px; margin-left:15px;}
}

@media only screen and (max-width:1280px){
	#header .logo{ width:76px;}
	#header .nav{ margin-top:36px;}
	#index .title .fz42{ height:30px; font-size:30px; margin-bottom:1.6%;}
	#index .title .fz32{ height:22px; font-size:22px;}
	#index .two .left .fz28{ font-size:18px;}
	#index .two .left .fz16{ line-height:24px; font-size:12px;}
	#index .thr .item{ padding-left:5%;}
	#index .thr .item .right .supild .fz18{ font-size:16px; right:-64px;}
	#index .thr .item .right .supild .fz18 img{ width:35px;}
	#contact .one .main .conter{ padding:3% 2% 0;}
	#contact .one .main .conter .fz28{ font-size:20px;}
	#contact .one .main .conter .fz16{ font-size:12px;}
	#contact .one .main .conter .share{ margin-top:2%;}
}

@media only screen and (max-width:1280px) and (max-height:600px){
	/*#index .two{ padding-top:5%;}*/
}

@media only screen and (max-width:1180px){
	#case .five .last .list .img{ min-width:200px;}
}

@media only screen and (max-width:1120px){
	#index .two .right{ margin-top:5%;}
	#index .thr .item .right .supild .img{ width:200%; left:30%;}
}

@media only screen and (max-width:1024px){
	#index .thr .item{ padding-left:0;}
	#about .one .fz28{ font-size:22px;}
	#about .one .fz16{ line-height:26px; font-size:12px;}
	#case .two .top .list .fz22{ font-size:14px;}
	#case .two .bot .list{ font-size:12px;}
	#case .four .last .list .fz18{ font-size:14px;}
	#case .four .last .list .fz14{ font-size:10px;}
}

@media only screen and (max-width:980px){
	.main{ width:90%;}
	#header .logo{ width:76px;}
	#header .nav{ display:none;}
	#header .target{ display:inline-block;}
	#index .thr .item .right{ margin-left:3%;}
	#index .thr .item .right .supild .img{ left:20%;}
	#about .two .nts .fz32{ font-size:26px;}
	#about .two .nts .fz28{ font-size:22px; margin:10px 0;}
	#about .two .last .list .img{ width:50px;}
	#about .two .last .list .fz26{ font-size:18px; margin:6px 0;}
	#about .two .last .list .fz16{ font-size:10px;}

}

@media only screen and (max-width:890px){
	#index .thr .item .left{ width:45%;}
	#index .thr .item .right .supild .fz18{ font-size:14px; right:-50px;}
	#index .thr .item .right .supild .fz18 img{ width:26px; margin-right:8px;}
	#index .thr .item .right .supild .img{ width:180%; top:30%;}
}

@media only screen and (max-width:860px){
	#index .title .fz42{ height:26px; font-size:26px; margin-bottom:3%;}
	#index .title .fz32{ height:18px; font-size:18px;}
	#index .two .left .fz28{ font-size:16px; margin:2.6% 0;}
	#index .two .left .fz16{ line-height:22px;}
	#index .two .right{ margin-top:8%;}
	#index .four .item .list .icon{ width:40px;}
	#index .four .item .list .fz16{ font-size:12px;}
	#index .four .more a{ font-size:12px;}
	#footer{ padding:16px 0;}
	#footer .fz14{ font-size:12px;}
	#about .two .nts .fz14{ width:90%; margin:0 auto;}
	#case .two .top{ padding:1.4% 0;}
	#case .five .last .list .img{ width:25%; min-width:auto;}
	#case .five .last .list .conter{ width:73%; margin-left:2%;}
	#case .five .last .list .conter .fz18{ font-size:14px; margin:1% 0;}
	#case .five .last .list .conter .fz14{ line-height:20px; font-size:10px;}
}

@media only screen and (max-width:760px){
	#index .one #one{ display:none;}
	#index .one #one_phone{ display:inline-block;}
	#index .one .prev{ width:16px; position:absolute; left:1%; top:50%; z-index:2; margin-top:-23px;}
	#index .one .next{ width:16px; position:absolute; right:1%; top:50%; z-index:2; margin-top:-23px;}
	#index .two .left{ width:100%;}
	#index .two .left .fz12{ display:inline-block;}
	#index .two .right{ display:none;}
	#footer{ padding:10px 0;}
	#footer .left{ width:100%;}
	#footer .right{ width:100%; margin-top:6px;}
	#about .one .fz16{ width:96%;}
	#case .four .last .list{ width:49%; margin-right:2%; margin-bottom:2%;}
	#case .four .last .list .fz18{ margin:2% 0 1%;}
	#case .four .last .list.to{ margin-right:0;}
	#recruitment .one .left-title .list{ margin-top:20%;}
	#recruitment .one .left-title .list .fz22{ font-size:14px;}
	#recruitment .one .right-conter .page .prev{ width:120px; height:38px;}
	#recruitment .one .right-conter .page .next{ width:120px; height:38px;}
	#recruitment .one .right-conter .email{ font-size:14px;}
	#contact .one .main .conter{ padding:2% 2% 0;}
	#contact .one .main .conter .fz28{ font-size:16px;}
	#contact .one .main .conter .fz16{ font-size:10px; margin-bottom:2%;}
	#contact .one .main .conter .share a{ width:20px; height:20px;}
    #contact .one{background: url(../images/contact-m.jpg) no-repeat right top;background-size: cover;}
    #contact .one .fp-tableCell{display: flex;justify-content: center; text-align: center;position: relative;}
    #contact .one .item {margin: 0 20px;height: 100px;margin-top: 110%;}
    #contact .one .item p{color: white;}
    #header .logo{ width:76px;}
}

@media only screen and (max-width:750px){
	#case .one{ display:none;} 
	#case .one_phone{ display:inline-block;}
}

@media only screen and (max-width:640px){
	#index .thr .item .left{ width:100%;}
	#index .thr .item .left .list{ margin-top:3%;}
	#index .thr .item .left .list .fz22{ font-size:16px; padding-left:5%;}
	#index .thr .item .left .list .fz22::before{ width:4%; height:2px; margin-top:-1px;}
	#index .thr .item .left .list .conter .fz14{ padding-left:5%; margin-top:2%;}
	#index .thr .item .left .list .conter .img{ display:inline-block; margin:2% 0;}
	#index .thr .item .right{ display:none;}
	#index .four .item .list{ width:31%; margin:0 1%;}
	#index .four .item .list .icon{ width:36px;}
	#index .four .more a{ padding:1.5% 4.5%;}
	#case .five .last .list .img::before{ padding-top:170%;}
}

@media only screen and (max-width:560px){
	#about .two .nts .fz32{ font-size:22px;}
	#about .two .nts .fz28{ font-size:18px;}
	#about .two .last .list .fz26{ font-size:16px; margin:4px 0;}
	#case .two .top .list{ margin:0 2%;}
	#case .two .top .list .fz22{ font-size:12px;}
	#case .five .last .list{ padding:3%;}
	#case .five .last .list .img{ width:100%; float:none;}
	#case .five .last .list .img::before{ padding-top:80%;}
	#case .five .last .list .conter{ width:55%; float:none; margin:3% auto 0;}
	#recruitment .one .right-conter .page .prev{ width:100px; height:34px;}
	#recruitment .one .right-conter .page .next{ width:100px; height:34px;}
	#contact .one .main{ background:none;margin-top: 60%;}
	#contact .one .main .map{ width:60%; float:none; margin:0 auto;}
	#contact .one .main .conter{ width:60%; float:none; background:rgba(93,103,154,.7) repeat; padding:2%; margin:0 auto;}
}

@media only screen and (max-width:460px){
	#header .logo{ width:45px;margin: 5px;}
	#header .target{ width:34px; margin-top:16px;}
	#phone_nav .list{ font-size:14px; padding:10px 0;text-decoration: none;}
	#index .one .hb span{ width:6px; height:6px; margin:0 3px !important;}
	#index .title .fz42{ height:22px; font-size:22px; margin-bottom:3%;}
	#index .title .fz32{ height:16px; font-size:16px;}
	#index .two .left .fz28{ font-size:14px;}
	#index .four .item .list{ width:100%; margin-bottom:4%;}
	#index .four .item .list .icon{ width:26px; vertical-align:middle; margin-right:10px;}
	#index .four .item .list .fz16{ width:80%; display:inline-block; text-align:left; font-size:10px; margin-top:0;}
	#index .four .item .list.in{ margin-bottom:0;}
	#index .four .more a{ font-size:10px; padding:10px 20px;}
	#footer .fz14{ font-size:10px;}
	#about .one .fz28{ font-size:20px;}
	.arrow-more{ bottom:3%;}
	.arrow-more img{ width:40px;}
	#about .two .last .list .img{ width:40px;}
	#about .two .last .list .fz26{ font-size:14px;}
	#case .two .top{ padding:2% 0;}
	#case .two .top .list .icon{ width:20px;}
	#case .two .bot{ padding:3% 0;}
	#case .five .last .list{ margin-bottom:3%;}
	#case .five .last .list .conter{ width:86%;}
	#recruitment .one .left-title .list .fz22{ font-size:12px; padding-left:0;}
	#recruitment .one .left-title .list .fz22::before{ display:none;}
	#recruitment .one .right-conter .last .list{ line-height:18px; font-size:10px;}
	#recruitment .one .right-conter .email{ font-size:12px;}
	#recruitment .one .right-conter .page .prev{ width:90px; height:30px; background-size:36%;}
	#recruitment .one .right-conter .page .prev.swiper-button-disabled{ background-size:36%;}
	#recruitment .one .right-conter .page .next{ width:90px; height:30px; background-size:36%;}
	#recruitment .one .right-conter .page .next.swiper-button-disabled{ background-size:36%;}
	#contact .one .main .conter{ width:90%; padding:4%;}
	#contact .one .main .conter .share{ margin-top:5%;}
	#contact .one .main .map{ width:90%;}
	#contact .one .main .conter .share a{ width:16px; height:16px;}
    .copyright-box{position: fixed;bottom: 0%;z-index: 1;width: 100%;padding-top: 5px;padding-bottom: 5px;background-color: rgba(0,0,0,.3);}
    .copyright-box p{color: white;text-align: center;}
}

@media only screen and (max-width:380px){
	/*#index .one .db a{ background-size:100% 100% !important;}*/
	#index .four .item .list{ margin-bottom:5%;}
	#index .four .item .list.address .icon{ vertical-align:top;}
	#index .four .item .list .fz16{ width:70%;}
	#about .one{ padding-top:5%;}
	#about .one .fz28{ font-size:16px;}
	#about .one .fz16{ line-height:22px; font-size:10px;}
	.arrow-more img{ width:30px;}
}

@media only screen and (max-width:360px){
	#header .logo{ width:30px;}
	#header .target{ width:30px; margin-top:14px;}
	#index .title .fz42{ height:24px; font-size:24px; margin-bottom:3%;}
	#index .title .fz32{ height:14px; font-size:14px;}
}