/*********banner**************/
.banner{ position:relative;}
.banner img{ max-width:100%;}
.parallax-bg{ position:absolute; left:0; top:0; width:50%; height:100%; padding:15% 10% 0px;background:rgba(18, 57, 132, 0.5); color:#fff;transform: translateY(-50%);transition: 0.8s ease-in-out 1s;transform: translateX(-50%);opacity: 0;}

.parallax-bg .title{max-width: 100%;width: auto !important;display: block;margin:0 auto; font-size:50px;font-weight: bold;transition: 0.8s ease-in-out 1.5s;transform: translateX(150px);opacity: 0;}
.parallax-bg .subtitle{max-width: 100%;width: auto !important;display: block;margin:0 auto;transition: 0.8s ease-in-out 2s;font-size: 50px;font-weight: bold;transform: translateX(150px);opacity: 0;}
.parallax-bg .text{max-width: 100%;width: auto !important;display: block;margin:0 auto;transition: 0.8s ease-in-out 2.5s;margin-top: 20px;transform: translateX(150px);opacity: 0;}
.parallax-bg .text p{ font-size:18px; line-height:2;}
.banner .swiper-slide-active .parallax-bg .title,.banner .swiper-slide-active .parallax-bg .subtitle,.banner .swiper-slide-active .parallax-bg .title,.banner .swiper-slide-active .parallax-bg .text{transform: translateX(0);opacity: 1;}
.banner .swiper-slide-active .parallax-bg {transform: translateX(0);opacity: 1;}

.banner .swiper-pagination_ban{position: absolute;bottom: 30px !important;z-index: 88;left:10%; text-align:left;}
.swiper-pagination_ban .swiper-pagination-bullet {width: 50px;height: 5px;background: #fff;border-radius: 1px;	opacity: 0.9;}
.swiper-pagination_ban .swiper-pagination-bullet-active{border-radius: 1px;background: #25468c;opacity: 1;}

@media (max-width:1024px) {


}



/*-------两部分--------------*/
.index_lx_bg{ background:rgba(37, 70, 140, 1); width:100%; overflow: hidden; position:relative; z-index:3;}
.lx_lf{ background:#F6F6F6 url(../images/lx_bg.png) right bottom no-repeat; padding:50px 5%; min-height:442px;}

.lx_lf .lx_title{ font-size:25px; line-height:1.5;margin-top:50px;font-style: italic;}
.lx_lf .lx_text{ font-size:15px; line-height:1.5; margin-top:20px;}
.lx_lf .lx_more{display:inline-block;background:#F6F6F6;border: 2px solid #ee3d45;height: 55px;line-height: 51px;color: #333;font-size: 16px;font-weight: 600;min-width:180px;text-align: center; margin-top:50px;}




.lx_rf{ background:rgba(37, 70, 140, 1); padding:50px 10%;}
.lx_rf_tit{font-family: "Lato",sans-serif;font-size: 2.118em;font-weight: 900; line-height:2; color:#fff;}
.lx_rf .input{ color: #fff;padding: .5em 1.8em;border: 1px solid #33569e;background-color: #33569e !important;height: 4.1em; width:95%; margin-bottom:35px;}


.lx_rf p{ color:#fff; margin-bottom:20px; font-size:16px;}
.button{background: #fff;border-radius: 4px;width: auto;height: 55px;line-height: 55px;border: none;color: #333;font-size: 16px;font-weight: 600;letter-spacing: 0;padding: 0 33px; min-width:180px;}

/***********关于我们********************/

.u-jc-sb {justify-content: space-between;}
.u-df { display: -webkit-box; display: -ms-box;display: flex;}
.u-fw { -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.f-b { font-weight: bold;}
.fnt-15 { font-size:15px;}
.fnt-16 { font-size:16px;}
.fnt-20 { font-size:20px;}
.fnt-30 { font-size:30px;}
.fnt-70 { font-size: 70px;}

.page-about-programme { position:relative; overflow:hidden;padding:80px 0px 0px; }
.page-about-programme .bg-img { position:absolute; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; }
.page-about-programme .bg-img:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0, 39, 122, 0.85);}

.page-about-programme .bg-img2 { position:absolute; display:none; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; }
.page-about-programme .bg_cover { background-position: top center; background-repeat: no-repeat; background-size: 100% 100%;}
.page-about-programme #in_about { position:absolute; left:0px; top:0px; background:transparent; width:100%; height:1080px; right:0px; object-fit:fill; mix-blend-mode: screen; }
.page-about-programme .in-niudai { position:absolute; left:0px; width:100%; right:0px; top:380px; }


@media only screen and (max-width:750px){

.page-about-programme .bg-img { display:none; }
.page-about-programme .bg-img2 { display:block; }
.page-about-programme #in_about { display:none; }
.page-about-programme .in-niudai { display:none;  }

}




.page-title { line-height:1.5; position:relative; margin-bottom:55px;}
.page-title .common_cn{font-size: 30px;color: #fff;line-height:1.5;font-weight: bold;}
.page-title .common_en{font-size: 16px; color: #ec1120c7;text-transform: uppercase;}

.page-in-about { color:#fff; padding:0px 0px 40px; position:relative; }
.page-in-about .col-lg-6{ padding:0px;}
.page-img{ position:relative;}
.page-shadow-primary{writing-mode: vertical-lr;position: absolute;right: -30px;top: -30px;background-color: #ec1120;color: #fff;font-weight: 600;font-size: 18px;padding: 30px 22px;border-radius: 0 20px;z-index: 1;box-shadow: -30px 30px 0 0 #183e87;}
.page-shadow-primary .cms-inner{transform: rotate(180deg);}
.page-img img {height: auto;max-width: 100%;border: none;border-radius: 20px;-webkit-box-shadow: none;box-shadow: none;}


.page-in-about .page-text { }
.page-in-about .page-txt { line-height:2; margin-top:2%; }
.page-in-about .page-txt p{ line-height:2; font-size:14px;}

.page-in-about .page-txt dl{ padding-left:60px; margin-bottom:20px;}
.page-in-about .page-txt dt{ font-size:20px; font-weight:bold;}
.page-in-about .page-txt dd{ font-size:14px;}
.page-in-about .page-txt dl:nth-child(1){ background:url(../images/icon_ab1.png) left center no-repeat;}
.page-in-about .page-txt dl:nth-child(2){ background:url(../images/icon_ab2.png) left center no-repeat;}
.page-in-about .page-txt dl:nth-child(3){ background:url(../images/icon_ab3.png) left center no-repeat;}

.page-in-about .page-num { padding:26px 0px 40px; }
.page-in-about .num-txt { margin-top:-10px; }
.tac {text-align: center;}

.page-in-about .page-more { padding-top:10px; }
.page-in-about .page-more a { background:#0094dc; color:#fff; }
.page-more a { display:inline-block; position:relative; background:#e9ebf1; min-width:120px; letter-spacing:3px; border-radius:5px; padding:11px 30px; color:#666; }
.page-more a span { position:relative; z-index:2; display:inline-block; }
.page-more a:before { position:absolute; left:0px; top:0px; height:100%; transition:0.5s all; border-radius:0.05rem;  -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.page-more a:hover:before { width:100%; }
@media only screen and (max-width: 750px){
.page-more a { line-height:1.75; }
}





@media only screen and (max-width:480px){
.page-in-about .page-num ul li { width:49%; }
}


.index_hr_bg{ border-top:1px solid  rgba(37, 70, 140, 0.9); padding:40px 0px 40px; position:relative;}
.index_hr_box{ max-width:950px; margin:0 auto;  text-align:center; color:#fff; font-size:14px; line-height:2;} 

.index_hr_img img{ max-width:150px;}

/***********产品**************/

.index_pro_bg{ background:#f5f5f5; width:100%; overflow: hidden; padding:50px 0px;}

.index_pro_box{}
.index_pro_box li{ float:left; width:33.33%;padding:30px 10px;position:relative;}
.index_pro_box li a{ display:block; position:relative;}
.index_pro_box li img{ max-width:100%;}
.index_pro_box li .pro_txt{ position:absolute; top:0; left:0; box-sizing: border-box; display: block; width: 100%; height: 100%; padding: 20px; background: rgba(37, 70, 140, 0.9);position: absolute; left: 0; top: 0; z-index: 2; opacity: 0;filter: alpha(opacity=0); -webkit-transition: all .5s; -moz-transition: all .5s;  -o-transition: all .5s;transition: all .5s}
.index_pro_box li .pro_txt span.des {width: 100%;height: 100%;color: #fff;font-size: 1.6rem;position: relative; display:block;}
.index_pro_box li .pro_txt span.des::before {content: '';display: block;width: 100%;height: 1px;border-left: 1px solid #fff;border-right: 1px solid #fff;position: absolute;left: 0px;top: 50%;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.index_pro_box li .pro_txt span.des::after { content: '';display: block; width: 1px; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff;  position: absolute;left: 50%; top: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;transition: all .5s;}
.index_pro_box li .pro_txt span.des .site { font-size: 20px;  position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.index_pro_box li .pro_txt span.des .site::after { content: '';display: block;width: 30px; height: 8px; margin-top: 10px;background: url(../img/arrow_long.png) 0 0 no-repeat}
.index_pro_box li:hover .pro_txt {opacity: 1; filter: alpha(opacity=100);}
.index_pro_box li:hover .pro_txt span.des::before {height: 100%;top: 0; }
.index_pro_box li:hover .pro_txt span.des::after {width: 100%;left: 0;}


.index_pro_box li:nth-child(3):hover .pro_txt {opacity: 1; filter: alpha(opacity=100); background:#f5f5f5;}
.index_pro_box li:nth-child(3) .pro_txt{opacity: 1; filter: alpha(opacity=100); background:#f5f5f5;}

.index_pro_box li:nth-child(3) .pro_fen li:hover a{ color:#25468c;}
.index_pro_box li:nth-child(3) .pro_fen li:hover  a:before {background: #25468c;}

.index_pro_box li:nth-child(3) .pro_txt h3{ font-size:30px; line-height:1.5; color:#25468c; font-weight:bold;}
.index_pro_box li:nth-child(3) .pro_txt h4{ font-size:15px; line-height:2; color:#787f88;}
.index_pro_box li:nth-child(3) .pro_txt p{ font-size:14px; line-height:2; color:#999999;}

.index_pro_box li:nth-child(3) .pro_fen{}
.index_pro_box li:nth-child(3) .pro_fen li{ display:block; width: 50%;padding:8px 0px;}
.index_pro_box li:nth-child(3) .pro_fen li a{ display: inline-block; padding-left: 40px; font-size:15px;}
.index_pro_box li:nth-child(3) .pro_fen li a:before { content: '';width: 17px; height: 2px; line-height: 2px; background: #000;position: absolute;left: 0;top: 13px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.index_pro_box li:hover span.thumb img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}



/**************新闻****************/
.index_news_bg{ width:100%; overflow:hidden; padding:80px 0px 100px; background:#fff;}
.index_news_bg .index_news_title{ text-align:left; margin-bottom:50px;}
.index_news_bg .index_news_title h1{font-size: 70px;color: #003da6;line-height: 1.1;text-transform:uppercase;font-family:Arial;}
.index_news_bg .index_news_title h1 span{ font-weight:normal;}
.index_news_bg .index_news_title h2{font-size: 30px;color: #25468c;line-height:2;font-weight:bold;}
.index_news_bg .index_news_title p{font-size: 15px;color: #787f88;line-height:1.5;}



.jonkk { float: left; width: 48%;height: 500px; position: relative;z-index: 3;padding-right: 28px;overflow: hidden;}
.jonkk li { padding-top: 30px; padding-bottom: 31px; border-bottom: 1px solid rgb(229, 229, 229); position:relative;}
.jonkk li:first-child { border-top: 1px solid rgb(229, 229, 229);}
.jonkk li .time {font-size: 14px; font-family: HT; color: rgb(153, 153, 153); font-weight:bold;}
.jonkk li h5 {white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 2;
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-weight: normal;
    font-family: "Microsoft JhengHei";
}
.jonkk li .gx_nesen {
    font-size: 14px;
    line-height: 1.75;
    color: rgb(153, 153, 153);
    margin-bottom: 25px;
    height: 48px;
    overflow: hidden;
}
.jonkk li a { color: rgb(153, 153, 153);font-family: HT; font-size:14px;}

.jonkk li:hover h5{ color:#e9161f;}
.jonkk li:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background-color: #e9161f;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;

}

.jonkk  li:hover:after {width: 100%;}





.index_news_bg  .con {width: 47%; float:right;}
.index_news_bg  .imgdiv { position: relative;overflow: hidden;height: 270px;}
.index_news_bg  .imgdiv a { position: absolute; top: 0px;left: 0px;display: block; width: 100%;}

.index_news_bg  .imgdiv img {
    width: 100%;height: -webkit-fill-available;
    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;


}

.index_news_bg  .con .text h4 {

    margin-top: 15px;
	font-size:18px;
    margin-bottom: 30px;
    line-height: 2;
    color: #333;
    font-family: "Microsoft JhengHei";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: none ease-out .3s;

    transition-property: none;

    transition-duration: 0.3s;

    transition-timing-function: ease-out;

    transition-delay: 0s;

    transition-property: color, background, text-indent, opacity;

}

.index_news_bg  .con .text .gx_nesen {
    font-size: 14px;
    line-height: 1.75;
    color: rgb(153, 153, 153);
    margin-bottom: 25px;
    height: 48px;
    overflow: hidden;
}
.index_news_bg  .con .text:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 0px;
    height: 1px;
    background-color: #e9161f;
    -webkit-transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

}



.index_news_bg  .con .text {
    position: relative;
    transform: translateY(-1px);
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid transparent;

}

@media (min-width: 1200px) {

    .index_news_bg  .con .text:hover:after {

        width: 100%;

    }

}

.index_news_bg  .con .text h5 {font-size: 14px; font-family: "HT"; color: #999;}
.index_news_bg  .con .text a {  color: #999; font-family: "HT";}
.index_news_bg  .con .text a span { margin-left: 7px;}


.news_box {}
.news_box a{box-shadow: 0 2px 5px 0 rgba(0,0,0,.07);background: #fff; display:block;}
.news_box .news_image{ overflow:hidden; position:relative;}
.news_box .news_image::before { content: '';display: block;position: absolute; width: 100%; height: 100%;background: #333;opacity: 0;transition: .3s all ease-in-out;}

.news_box .blog-date {text-align: left;font-size: 14px; color:#fff; background: #e9161f;display: inline-block; padding: 5px 12px; position: relative; top: -15px;left: 25px;}
.news_box .news_info {padding: 0 25px 15px;}
.news_box .box-heading{color:#333; font-size:20px; margin-bottom:10px; line-height:1.5; font-weight:400;position: relative;transition: .2s all ease-in-out;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_box .news_info p{color:#888; font-size:14px; margin-bottom:10px; line-height:1.6; font-weight:400;position: relative;transition: .2s all ease-in-out;}
.news_box .news_info .news_more{color:#888; font-size:12px; line-height:1.5;transition: .2s all ease-in-out;}

.news_box a:hover .news_image::before{ opacity: 0.5;}
.news_box a:hover .news_info .box-heading, .news_box a:hover .news_info p,.news_box a:hover .news_more{ padding-left:8px;}
.news_box a:hover .news_info .box-heading, .news_box a:hover .news_more{ color:#e9161f;}


.feed_gg{width:80%;  max-width:800px; margin:0 auto;}