﻿
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_36 { font-size:36px;}
.fnt_48 { font-size: 48px;}
.fnt_60 { font-size: 60px;}
@media only screen and (max-width:1366px) {
.fnt_48 { font-size: 36px;}
.fnt_60 { font-size: 54px;}
}
@media only screen and (max-width:1280px) {
.fnt_48 { font-size: 30px;}
.fnt_60 { font-size: 48px;}
}
@media only screen and (max-width:1024px) {
.fnt_48 { font-size: 24px;}
.fnt_60 { font-size: 36px;}
}
@media only screen and (max-width:767px) {
.fnt_18 { font-size:14px;}
.fnt_20 { font-size: 16px;}
.fnt_48 { font-size: 20px;}
.fnt_60 { font-size: 24px;}
}

.ratio-img,.ratio-img img{width: 100%;}
.wrap_index{width: 1280px;margin: auto;}
.index_title{margin-bottom: 50px;}
.index_title h1{color: #595959;margin-bottom: 10px;}
.index_title p{color: #c9ced3;font-family:"Arial"}

.index_01{background:#eeeeee;padding: 25px 0 80px 0;overflow: hidden;}
.slide_con .swiper-container{padding-bottom: 35px;}
.slide_con .swiper-container-horizontal>.swiper-pagination-bullets,.slide_con .swiper-pagination-custom,.slide_con .swiper-pagination-fraction{bottom: 0;}
.slide_con .swiper-pagination-bullet{background: #004280;width: 5px;height: 5px;opacity: 1;}
.slide_con .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#48ba62;}



.index_02{padding:15px 0 40px 0; background: url(404.png) no-repeat center center;background-size: cover;overflow: hidden;}
.index_pro ul{overflow:hidden;margin: 0 -15px;}
.index_pro li{float: left;width:50%;*margin-left: -1px;float: left;margin-bottom: 30px;}

.index_pro li:nth-child(4),.index_pro li:nth-child(5){width: 50%;}
.probox{position: relative;margin: 0 15px;overflow: hidden;}
.proimg{position: relative;}
.proimg a{display: block;}
.proimg h2{line-height: 50px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: absolute;bottom:0;left: 0;width: 100%;background: rgba(0,0,0,0.5); color: #fff;}
.pro_text{position: absolute;top:100%;left: 0;width: 100%;height: 100%;background: rgba(29,73,180,0.8);color: #fff;}
.pro_text .index_box{width: 100%;height: 100%;}
.pro_text a{color: #fff !important;display: block;width: 100%;height: 100%;padding: 35px;box-sizing: border-box;}
.pro_text h3 a:hover{color: #fff !important;}
.slide_hide{display: none;}
.pro_text h3{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_text p{line-height: 1.7em;max-height: 3.4em;overflow: hidden;}
.index_m{overflow: hidden;position: absolute;right:30px;bottom:35px;}
.index_m a{float: right;height: 10px;}

.index_03{color: #fff;padding: 60px 0;overflow: hidden;}
.index_03 .index_title h1{color: #fff;}
.index_top{display: table;width: 100%;}
.index_top .index_le{float: left;width: 50%;}
.index_top .inex_re{float: right;width: 40%;position: relative;}
.index_top .inex_re a{display: block;}
.index_top .inex_re a>img{visibility: hidden;}

.index_about{font-size: 14px;line-height: 1.7em;max-height: 5.1em;overflow: hidden; margin-top: 10px;}
.index_m02{margin-top: 40px;}
.index_m02 a{color: #fff !important;}
.index_m02 em{display: inline-block;width: 14px;height: 1px;background: #fff;vertical-align:middle;margin-top: -2px;margin-left: 12px;}
.about_num{width: 1000px;margin-top: 40px;}
.about_num ul{overflow: hidden;margin: 0 -20px;}
.about_num li{float: left;width: 33.33%;*margin-left: -1px;}
.about_num li dl{padding: 0 20px;}
.about_num li dt em{margin-left: 5px;position: relative;top: -4px;}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{ left:50%; margin-left: -500px; top:22%; position:absolute; height:60%; width:1000px;   z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:15%; right:50%;    margin-right: -500px; cursor:pointer; z-index: 99999;}
.video_bf{width: 44px;position: absolute;margin: auto;top:90%;left:38%;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);z-index: 2;}
.video_bf img{width: 100%;}

@media only screen and (max-width:1350px) {
.wrap_index{width: 94%;}
}
@media only screen and (max-width:1280px) {
.video_bf{top:50%;left: 50%;}
.video_appbox .video_t{width: 94%;margin-left: -47%;}
.vide0_close{right:3%;margin-right: 0;}
.index_time{margin-bottom: 15px;}
.news_block dd{padding: 20px;}

.index_title{margin-bottom: 30px;}
.index_pro li{margin-bottom: 20px;}
.index_pro ul{margin: 0 -10px;}
.probox{margin: 0 10px;}

.about_num,.index_m02{margin-top: 20px;}
.index_01,.index_02{padding: 50px 0;}
.index_01{padding-top: 20px;}
}

@media only screen and (max-width:1200px) {
.index_time,.news_block h3{margin-bottom: 10px;}

}
@media only screen and (max-width:1100px) {
.news_block dd{padding-top: 10px;}
.about_num{width: 100%;}
}
@media only screen and (max-width:1024px) {
.slide_con .swiper-container{padding-bottom: 25px;}
.index_02{padding-bottom: 30px;}
.index_title{margin-bottom: 20px;}
.news_block h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_block p{height: 3.4em;}
.news_block{position: static;width: 49% !important;height: auto !important; float: left;background: none}
.news_block:last-child{float: right;}
.news_block:nth-child(1) dd{position: static;width: 100%;}
.slide_con li{height: auto !important;}

.slidebox{margin: 0;}
.news_block .news_m a{background: url(404.png) no-repeat center center;}
.news_block dd{background: rgba(29,73,180,0.9);color: #fff;}
.news_block .index_time{color: #fff;}
.news_block .index_time em{background: #fff;}
.news_block h3 a,.news_block:nth-child(1) p{color: #fff;}
.news_block p{color: #fff;}
.proimg h2{line-height: 36px;}
.index_about{margin-top: 0;}
.about_num li dt em{font-size: 20px;top:0;}
.about_num li:nth-child(1) dt em{font-size: 14px;}
}
@media only screen and (max-width:767px) {
.slide_con .swiper-container{padding-bottom:0px;}
.index_01,.index_02,.index_03{padding: 20px 0;}
.index_03{background: #3159b9 !important;}
.index_title h1{margin-bottom: 0;}
.news_block{width: 100% !important;float: none;}
.news_block h3{font-weight:bold;}
.news_block p{height: inherit;}
.index_pro li,.index_pro li:nth-child(4), .index_pro li:nth-child(5){width:100%;margin-bottom: 10px;}
.index_pro ul{margin: 0 0px;}
.probox{margin: 0 0px;}
.index_top .index_le,.index_top .inex_re{width: 100%;float: none;}
.index_top .inex_re a>img{visibility: visible;}
.index_top .inex_re{margin-top: 20px;}
.video_bf{width: 30px;}
.index_top .inex_re a:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2)}
.slide_con .but{display: block;}
.slide_con .but div{width: 25px;height: 25px;position: absolute;top:34%;}
.slide_con .but div.swiper-button-prev{left: 10px;background: url(404.png) no-repeat center center;}
.slide_con .but div.swiper-button-next{right: 10px;background: url(404.png) no-repeat center center;}

.slide_con .swiper-pagination{display: none;}


}


@media only screen and (min-width:1025px) {
a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.news_block dt img{height: 100% !important}
.pro_text,.proimg h2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.probox:hover .pro_text{top:0;}
.probox:hover h2{top:100%;}
.news_block:nth-child(1) h3 a:hover{color: #fff !important; opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}
.index_m02 a:hover,.index_m a:hover,.pro_text h3 a:hover,.news_m a:hover{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
.news_block h3 a:hover{color: #004280;}
}



.bannerwrap{color: #fff;margin-top:8.6%;}

.bannerwrap h3{line-height: 1.2em;max-height: 4.8em;overflow: hidden; font-weight: bold;margin-bottom: 15px;}
.bannerwrap p{line-height: 1.7em;max-height: 3.4em;overflow: hidden;}

.banner_more{margin-top:5%;}
.banner_more a{display: inline-block;width: 190px;line-height: 46px;border: 1px solid #fff;border-radius: 4px;color: #fff;text-align: center;}
.inbanner .but{display: none;}
.inbanner video{object-fit: cover;width: 100%;height: 100%; position:absolute;top:0;left:0;z-index:2;}
.inbanner .swiper-pagination-bullet{background: #fff;
    width: 9px;
    height: 9px;vertical-align: middle;
    margin-top: 0px; opacity: 1; margin: 0 15px !important; transition: all .5s; }
.inbanner .swiper-pagination-bullet-active{background: #fff;width: 16px;
    height: 16px;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 35px;}
.banner_text{margin-left: 100px;width: 50%;}

.bannerwrap h3,.bannerwrap p,.banner_more{
	transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
	visibility: hidden;
	opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
}
.bannerwrap h3{-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px);-o-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
.bannerwrap p,.bannerwrap .banner_more{-webkit-transform: translateY(20px); -moz-transform: translateY(20px);-o-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}

.inbanner li.swiper-slide-active .bannerwrap h3,.inbanner li.swiper-slide-active .bannerwrap p,.inbanner li.swiper-slide-active .banner_more{
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
	visibility:visible;
	opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
}
.bannerwrap{position:absolute;top:0;left:0;width:100%;}
@media only screen and (max-width:1366px) {
.bannerwrap h3{font-size: 48px;}
.banner_more{margin-top: 30px;}

}
@media only screen and (max-width:1280px) {
.bannerwrap h3{font-size: 40px;}
.banner_more{margin-top: 20px;}
}
@media only screen and (max-width:1024px) {
.banner_text{margin-left:0;}
.bannerwrap h3{font-size: 24px;}
.banner_more a{width: 100px;line-height: 30px;border-radius: 2px;}
.inbanner .swiper-pagination-bullet{    margin: 0 5px !important;}
.inbanner .swiper-pagination-bullet-active{width: 9px !important;height: 9px !important;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets, .inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}
.inbanner .swiper-pagination-bullet-active{background: #3159b9;}
}

@media only screen and (max-width:767px) {
.bannerwrap h3{font-size: 16px;margin-bottom: 10px;}
.banner_more{margin-top: 10px;}
/*.inbanner li{height: 250px !important;}*/
.banner_text{width: 100%;}
.inbanner video{display:block !important;}
.bannerwrap{margin-top:5%;}

}

