/*font-size*/
.fnt_16 {font-size:16px;}
.fnt_48 {font-size:48px;}

@media only screen and (max-width:1279px) {
.fnt_48 {font-size:38px;}
}
@media only screen and (max-width:1024px) {
.fnt_16 {font-size:14px;}
.fnt_48 {font-size:30px;}
}
@media only screen and (max-width:767px) {
.fnt_16 {font-size:14px;}
.fnt_48 {font-size:24px;}
}
.wrap {width:1280px;margin:auto;}
.wrap_index {width:1680px;margin:auto;}


.banner {overflow:hidden;}
.banner li {overflow:hidden;}
.banner li a {position:relative;display:block;height:100%;width:200px;border:1px solid #004C56;color:#004C56;border-radius:30px;font-size:16px;height:47px;line-height:47px;}
.banner_text {position:absolute;bottom:29.5%;left:0;width:100%;color:#fff;text-align:center;z-index:2;}
.banner_text h1 {margin-bottom:10px;text-align:left;font-weight:bold; color:#004C56;}
.banner_text p {text-transform:uppercase;text-align:left;}
.banner li img {width:100%;}
.img_b {display:none;}
.banner_more {margin-top:35px;}
.banner_more img {width:56px !important;height:55px;}
.banner li video {position:absolute;left:50%;top:-1%;height:102%;width:auto;transform:translateX(-50%);}
.inbanner {position:relative;}
.inbanner .swiper-container {height:100%;}
.inbanner li a>img {width:100%}
.inbanner .banner_cont {position:absolute;top:226px;left:0;width:100%;}
.inbanner .but {display:none;}
.inbanner .banner_page {margin-right:0;right:0px;width:100%;/*width:15px;*/right:40px;bottom:3%;/*top:50%;*/transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.inbanner .banner_page {margin-top:0;float:none;}
.inbanner .banner_page span {width:15px;height:15px;opacity:1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;border-radius:50%;position:relative;margin: 0 5px;background:rgba(255,255,255,0.8);position:relative;}
.inbanner .banner_page span.swiper-pagination-bullet-active {background:#033;}
.banner_text h1 {-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-o-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-80px);transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
.banner_text p {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);-o-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);transition:1.5s all;-webkit-transition:1.5s all;-moz-transition:1.5s all;-o-transition:1.5s all;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
.banner_text .banner_more {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);-o-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}

.inbanner li.on .pub_bg>div {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.inbanner li.on .banner_text h1,.inbanner li.on .banner_text p,.inbanner li.on .banner_text .banner_more {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
@media only screen and (max-width:1024px) {.banner_text {margin:auto;}
.inbanner .but {display:block;}
.inbanner .but div {width:50px;height:26px;background-size:50px 50px;cursor:pointer;z-index:999;opacity:0.8;}
.inbanner .banner_page {display:none;}
.inbanner .bx-controls-direction {display:block !important;}

.banner_text h1 {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);-o-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translateX(-80px);}
.banner_text p {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);transition:1.5s all;-webkit-transition:1.5s all;-moz-transition:1.5s all;-o-transition:1.5s all;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);-o-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translateX(-80px);}
.banner_text p {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);-o-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translateX(-80px);}
.inbanner li.on .banner_text h1,.inbanner li.on .banner_text p,,.inbanner li.on .banner_text .banner_more {-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
}


@media only screen and (max-width:1366px) {
.banner_text {bottom:22%;}
}

@media only screen and (max-width:1024px) {
.banner_more img,.pub_more img,.pub_more a {width:30px !important;height:30px;}
.banner_more {margin-top:20px;}
}
@media only screen and (max-width:767px) {
.banner li a {position:relative;display:block;width:150px;border:1px solid #004C56;color:#004C56;border-radius:30px;font-size:14px;height:40px;line-height:40px;}
	
.inbanner li a>img {display:none;}
.inbanner {height:300px !important;}
}



@media only screen and (min-width:1025px) {
/*.banner {height:450px}*/
.inbanner {height:450px !important;}
.inbanner li a>img {height:100%;}

}