@import url(./layout.css);

/* ==========================================================================
   common part
========================================================================== */
.pic {
    overflow: hidden;
    position: relative;
    height: auto;
}

.bgimg {
    width: 100%;
}

.upimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.pic:hover .upimg {
    transform: scale(1.05);
}

/* 没有放大效果 */
.upimg2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* 居中对齐 */
.upimg3 {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all .5s;
}

.pic:hover .upimg3 {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* 缩小放大 */
.upimg4 {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%) scale(0.93);
    transform: translate(-50%, -50%) scale(0.93);
    transition: all .5s;
}

.pic:hover .upimg4 {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.container img {
    max-width: 100%;
}





.banner{width: 100%;height: 100vh;position: relative;}
.index_bannerbg {height: 100%;width: 100%; display: block; overflow: hidden;}
.index_bannerbg video {position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.index_bannerbg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    z-index: 9;
}

.banner_con{width: 1258px;height: 300px; position: absolute; left: 50%; top: 50%;margin-left: -630px; z-index: 10;margin-top: -100px;}
.banner_con .btn{width:175px ; height: 50px; margin:0 auto; line-height: 50px;color: #fff;font-size: 18px;font-weight: 300;margin-top: 50px;}
.banner_con .btn .inco{width: 42px; height: 42px; border:1px solid #fff; line-height: 42px; text-align: center; float: left;border-radius:50%;margin-right: 15px;
    animation: rotate 2s infinite linear;
}
.banner_con .btn .inco img{width: 20px;}
.banner_con .btn:hover .inco{background: #fdd000;border:1px solid #fdd000;}
@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

.fa_hCate .img01{position: absolute; left:-20px; top:-100px;z-index: 10;}
.fa_hCate .img01 img{width: 300px;}




/* ==========================================================================
   hmdpart03
   ========================================================================== */

.homepart03{width: 100%;padding:1.5rem 0;position: relative; background: transparent url(../images/image192.jpg) repeat top;background-size: cover;background-attachment: fixed;}
.homepart03:after {
       content: "";
       position: absolute;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;  
       background: linear-gradient(45deg, #154897, #00b86c);
       z-index: 9;opacity: 0.3;
   }
   
   .video_con{ z-index: 10;position: relative;}
   .homepart03 .img02{position: absolute; right: 100px; top:-90px;z-index: 10;}
   .homepart03 .img02 img{width: 160px;}
   


.paet03_txt1 { font-size: .18rem; font-weight: 300; color: #666666;}

.paer03_txt2 { font-size: .18rem; font-weight: 300; color: #fff; text-align: center;}

.part03_num { margin:0 0 .2rem 0; font-size: .48rem; font-weight: bold; color: #fff; height: 60px; line-height: 60px; }

.part03_unit { display: inline-block; margin-left: 10px; font-size: .18rem; width: 36px; height:60px;text-align: center; line-height:60px;background: url(../images/icon/rhomboid.png) no-repeat center; }

.part03_list2 { }

.part03_list2 li { width: 25%; display: flex; justify-content: center;}

@media only screen and (max-width: 500px) { 
    .part03_list2 { justify-content: center; margin-top: .5rem; }
    .part03_list2 li { width: 33.33%; margin-bottom: 20px; }
}



/* ==========================================================================
   hmdpart04
   ========================================================================== */

.homepart04{width: 100%; padding:1.6rem 0;background: url(../images/bg06.jpeg) no-repeat center;background-size: cover;}

.about_con{position: relative;}
.about_con{}
.about_con .img01{position: absolute; left: calc(40% - 70px); top:-70px;width: 145px;}
.about_con .img02{position: absolute; left:calc(40% + 70px); top:90px;}
.about_left{width:40%;position: relative;}
.about_left .pic{position: relative;z-index: 2; border-radius:8px; overflow: hidden;}
.about_left:after {
    content: "";
    position: absolute;
    left: -.27rem;
    bottom: -.32rem;
    width: .54rem;border-radius:8px;
    height:2rem;  
    background: #FDD000;
    z-index:1;
}
.aboutrig{width: 50%;}
.aboutrig .tit{font-size: .28rem; font-weight:500; color: #023886;}
.aboutrig .txt{font-size: .18rem; font-weight:500;margin-top: .4rem; color: #555;}
.aboutrig .Controls{margin-top: .6rem;}
.aboutrig .btn{padding:.18rem 0;width:2.2rem; text-align: center; border:1px solid #BDD0D8; display: inline-block;line-height:24px;margin-right: .2rem; 
    border-radius:36px; color:#003D96;font-size: .18rem; background: #fff;font-weight:500;}
.aboutrig .btn img{margin-left: .1rem;transition: all .3s;}
.aboutrig .btn:hover img{margin-left: .2rem;}
.aboutrig .btn-c{background: linear-gradient(270deg, rgb(255, 102, 54), rgb(253, 208, 0) 100%); color: #fff;border:1px solid #fff;}


/* ==========================================================================
   homepart05
   ========================================================================== */

.homepart05{;padding:1.6rem 0 1.2rem 0; position: relative; background: url(../images/bg05.jpeg) no-repeat center;background-size: cover;}

.news_con{}
.newsleft{width:600px;}
.newsright{margin-left:50px;width: calc(100% - 650px);}


.newsbox01{position: relative;}
.newsbox01 .cover{ width: calc(100% - .8rem); padding:.4rem .4rem;position: absolute;bottom: 0; left: 0;transition: all .3s;}
.newsbox01 a,.newsbox01 a:hover{color: #fff;}
.newsbox01:hover .pic .upimg {    transform: scale(1.05);}
.newsbox01:hover .cover{bottom: .2rem;}
.newsbox01 h3.tit{font-size: .18rem;font-weight:500;}
.newsbox01 .date{margin-bottom: .1rem;}
.homenewslist li{margin-bottom: .3rem;}
.newsbox02{background: #fff;font-size: .16rem;transition: all .3s;}
.newsbox02 .pic{width:320px;}
.newsbox02 .txtarea{padding: 20px 30px;width: calc(100% - 320px);}

.newsbox02 .tit{font-size: .18rem;font-weight:700;overflow:hidden;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp:1;    -webkit-box-orient: vertical;}
.newsbox02 .date{margin-bottom: .1rem;}
.newsbox02 .txt{margin-top: .1rem; color: #666666; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.newsbox02:hover{box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);}
.newsbox02:hover .tit{color:#003D96;}


/* ==========================================================================
   footer
   ========================================================================== */
   footer{background: #333;}

footer a {    color: #555555;}

footer a:hover {    text-decoration: underline;}

.foot_lr { padding: .65rem 0;
    border-bottom: 1px solid rgba(181, 196, 203, .2);
    justify-content: space-between;
}
.footer_main{padding: .85rem 0;    border-bottom: 1px solid rgba(181, 196, 203, .2);}

.foot_left {width:35%;}

.foot_box{margin-top:.4rem;}

.foot_ewm,.foot_ewm img{width: 120px;}

.footcontact { width: calc(100% - 140px); font-size: .16rem; line-height: 2; color: #999;}

.foot_right {    width: calc(60% - 50px);}

.foot_slogan {    color: rgb(243, 149, 0);    font-size: .18rem;    font-weight: 700;    margin-top: .25rem;}

.foot_nav {    justify-content: space-between;}

.fn_title {
    color:#fff;
    font-size: .18rem;
    font-weight: 400;
    position: relative;
    /*padding-bottom: .28rem;*/
}
.fn_title a{color:#fff;}
.foot_nav h3{line-height: 2;}
.foot_nav h3 a{font-size: .18rem;color:#fff;font-weight: bold;}
/*.fn_title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: .14rem;
    width: .31rem;
    height: 1px;
    background: #FDD000;
}*/

.fn_list {
    color: rgb(119, 119, 119);margin-top:.1rem;
    font-size: .14rem;
    font-weight: 400;
}

.fn_list li:not(:last-of-type) {
    margin-bottom: 5px;
}

.fn_list a {
    color: #f1f1f1;font-size: .14rem;
}

.fn_list a:hover{color: #fff;}

.footEwm_name {
    color: rgb(119, 119, 119);
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}




.foothd {
    padding: .25rem 0;
    color: rgb(153, 153, 153);
    text-align: center;
    font-size: .16rem;
    text-transform: Uppercase;
}

.foothd a {
    color: inherit;
}

.space {
    display: inline-block;
    width: .88rem;
}

@media only screen and (max-width:1540px) {
    .aboutrig .btn{width: 2rem; padding: .16rem 0;}
}

@media only screen and (max-width:1440px) {
    .banner_con .tit{text-align: center;}
    .banner_con .tit img{max-width: 80%;}
    .aboutrig .tit {font-size: .24rem;}
    .about_con .img01{left: calc(40% - 40px); top:-40px;width: 80px;}
    .about_con .img01 img{width: 100%;}
    .about_con .img02{ left:calc(40% + 30px); top:70px; width:20px ;}
    .about_con .img02 img{width: 100%;}
    .aboutrig .btn{width: 1.8rem; padding: .16rem 0;}
    .homepart04 {padding: 1.2rem 0 1rem 0;}
    .homepart05 { padding: 1.2rem 0 .8rem 0;}
    .fa_hCate .img01 img { width: 200px;    }
}

@media only screen and (max-width:1280px) {
    .banner{height: 80vh;}
    .newsbox02 .pic{display: none;}
    .newsbox02 .txtarea {padding: 20px 30px;width:100%;    }
    .newsleft{width: 420px;}
    .newsright {margin-left: 50px;width: calc(100% - 480px);}
    .banner_con {width: 100%; left: 0; margin-left: 0;}
}

@media only screen and (max-width:920px) {
    .fa_hCate .img01 img { width:100px; }
    .fa_hCate .img01 {top: -50px; }
    .paer03_txt2{font-size: 14px;}
    .newsleft{width: 350px;}
    .newsright {margin-left: 50px;width: calc(100% - 380px);}
    .banner{height:60vh;}
    .homepart03 .img02 {right: 20px; top: -40px;}
    .homepart03 .img02 img { width: 80px;}
    .fn_list a{font-size: 12px;}
}

@media only screen and (max-width: 768px) {
    .newsleft{width: 100%;}
    .newsright {margin-left:0;width:100%;margin-top: 10px;}
    .news_con{display: inline;}
    .newsbox02 .txt,.newsbox02 .date{font-size: 14px;}
    .newsbox02 .tit{font-size: 16px;}


    .footer_main {
        display: none;
    }

    .space {
        width: 20px;
    }

    .foothd {
        font-size: 12px;
    }
}

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

    .space {
        width: 5px;
    }

    .foothd .wrapper {
        padding: 0;
    }
}