@charset "utf-8";
:root{
    --body_color: #ffffff;
    --theme_color: #025597;
    --title_color: #161616;
    --subtitle_color: #313131;
    --text_color: #676767;
    --subback_color: #e3ae49;
    --frame_color: #bb3742;
    --click_color:  #dfdfdf;
    --lineback_color: #f5f5f5;
    --contact_color: #f5f7f8;
}

@font-face {
    font-family: 'Franklin Gothic';
    src: url('../fonts/FranklinGothic-Medium.eot');
    src: url('../fonts/FranklinGothic-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FranklinGothic-Medium.woff2') format('woff2'),
        url('../fonts/FranklinGothic-Medium.woff') format('woff'),
        url('../fonts/FranklinGothic-Medium.ttf') format('truetype'),
        url('../fonts/FranklinGothic-Medium.svg#FranklinGothic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Light';
    src: url('../fonts/SourceHanSansCN-Light-Alphabetic.eot');
    src: url('../fonts/SourceHanSansCN-Light-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.svg#fonts/SourceHanSansCN-Light-Alphabetic') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Heavy';
    src: url('../fonts/SourceHanSansCN-Heavy-Alphabetic.eot');
    src: url('../fonts/SourceHanSansCN-Heavy-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Heavy-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Heavy-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Heavy-Alphabetic.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Heavy-Alphabetic.svg#fonts/SourceHanSansCN-Heavy-Alphabetic') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

*{padding: 0px;margin: 0px;box-sizing: border-box}
*,*::before,*::after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html,body{font-family: '微软雅黑',Arial;font-size: 16px;padding: 0;margin: 0;}
ul,li{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
p,dl,dt,dd,ul{margin: 0px;padding: 0px;line-height: 30px;}
h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;font-weight: 400;}
em{font-style: normal;}

/* 公共css */
.contenter{width: 100%;max-width: 1500px;margin: 0 auto;}
.flexer{display: flex;}
.grid{display: grid;}
.jc-sb{justify-content: space-between;}
.ma-bm{margin-bottom: 50px;}

/* 头部css */
.logo{flex: 1;justify-content: center;align-items: center;}
.logo a{padding: 10px 0;}
nav{flex: 3;background-color: var(--theme_color);align-items: center;position: relative;}
nav>ul{padding-left: 5%;}
nav>ul>li a{color: var(--body_color);font-size: 14px;padding: 0 2.4rem;position: relative;display: inline-block;}
nav>ul>li a::after{content: '';position: absolute;width: 2px;height: 80%;background-color: var(--body_color);right: 0;top:50%;transform: translateY(-50%) rotate(10deg);}
nav>ul>li:last-child a::after{width: 0;}
nav>ul>li:last-child a{padding: 0 .6rem;}
nav>ul>li:last-child a.lang i{font-size: 20px;}
nav>ul>li a:hover,nav>ul>li.active a,nav>ul>li .subnav>li a:hover{color: var(--subback_color);}
nav>ul>li.search{margin-left: 2.4rem;cursor: pointer;font-size: 16px;}
nav>ul>li.search i{color: var(--body_color);}
nav>ul>li .subnav{position: absolute;z-index: 99;top: 100%;left: 0;background-color: var(--theme_color);width: 100%;display: none;}
nav>ul>li .subnav>ul{padding-left: 5%;margin-top: 1.2rem;margin-bottom: 1.2rem;position: relative;width: fit-content;}
nav>ul>li .subnav>ul>li span{display: inline-block;padding: 0 10px;}
nav>ul>li .subnav>ul>li a{padding: .8rem .97rem;color: var(--body_color);}
nav>ul>li .subnav>ul>li a:hover{color: var(--subback_color);}
nav>ul>li .subnav>ul>li ul.sublist{position: absolute;left: 100%;top: 0;display: none;width: 100%;}
nav>ul>li .subnav>ul>li:hover ul.sublist{display: block;}
nav>ul>li .subnav>ul>li a::after{display: none;}
nav>ul>li .subnav>ul>li i{font-size: 12px;}

.md-show#modal-1{top: 20%;}
.md-show#modal-1 .md-content{padding: 15px;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.md-show#modal-1 .md-content .position-relative{position: relative;}
.md-show#modal-1 .md-content .position-relative input{width: 100%;padding: 10px 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #666666;overflow: hidden;}
.md-show#modal-1 .md-content .position-relative button{position: absolute;right: 5px;top: 50%; background-color: inherit;border: 0;transform: translateY(-50%);cursor: pointer;}
.md-show#modal-1 .md-content .hot-search{padding: 10px 0;}
.md-show#modal-1 .md-content .hot-search a{font-size: 12px;}

.banner{position: relative;}
.banner .swiper {width: 100%;height: 715px;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.banner .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.banner-key{position: absolute;background-color: var(--theme_color);width: 335px;height: 65px;bottom: 0;left: 10%;z-index: 9;display: flex;justify-content: space-between;}
.banner-key .swiper-pagination{width: 50%;bottom: 0;position: relative;display: flex;justify-content: center;align-items: center;color: var(--body_color);font-size: 16px;}
.banner-key .swiper-pagination .swiper-pagination-current{margin-right: 5px;}
.banner-key .swiper-pagination .swiper-pagination-total{margin-left: 5px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.banner-key .banner-turn{width: 50%;position: relative;}
.banner-turn .swiper-button-next::after,.banner-turn .swiper-button-prev::after{font-size: 16px;color: var(--body_color);}

.showroom{background-color: var(--theme_color);}
.showroom-boxs{padding: 80px 0;grid-gap: 30px;}
.showroom-cate{width: 25%;}
.showroom-cate em{font-family: 'Franklin Gothic',Italic;color: var(--body_color);font-size: 80px;text-transform: uppercase;font-weight: 300;letter-spacing: -5px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.showroom-cate h2{color: var(--body_color);font-size: 32px;}
.showroom-cate .showroom-list{margin-top: 50px;}
.showroom-cate .showroom-list>li{margin-bottom: 10px;border-bottom: 1px solid var(--body_color);position: relative;}
.showroom-cate .showroom-list>li>a{width: 100%;padding-left: 10px;padding-top: 10px;padding-bottom: 10px;display: block;color: var(--body_color);font-size: 16px;position: relative;z-index: 1;}

.showroom-cate .showroom-list>li::after{content: '';position: absolute;height: calc(100% + 1px);background-color: var(--subback_color);width: 0;top: 0;transition: all .8s;}
.showroom-cate .showroom-list>li:hover::after{width: 100%;transition: all .8s;}
.showroom-cate .showroom-list>li i{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-family: '宋体';font-size: 14px;font-style: normal;transition: all 1.25s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.showroom-cate .showroom-list>li:hover i{transition: all 1.25s;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.showroom-picture{width: 75%;}
.showroom-swiper .mySwiper2{background-color: var(--subback_color);max-height: 500px;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;overflow: hidden;}
.showroom-swiper .mySwiper2 .swiper-slide h2{font-size: 40px;color: var(--body_color);}
.showroom-swiper .mySwiper2 .swiper-slide .showroom-text{padding: 50px;flex: 1;}
.showroom-swiper .mySwiper2 .swiper-slide .showroom-text .chara{background-color: var(--body_color);border-radius: 15px 0 15px;}
.showroom-swiper .mySwiper2 .swiper-slide .showroom-text .chara>li{flex: 1;text-align: center;padding: 10px 0;position: relative;}
.showroom-swiper .mySwiper2 .swiper-slide .showroom-text .chara>li::after{content: '';position: absolute;width: 1px;height: 100%;background-color: var(--subback_color);right: 0;top: 0;}
.showroom-swiper .mySwiper2 .swiper-slide .showroom-text .chara>li:last-child::after{width: 0;}
.showroom-swiper .mySwiper2 .swiper-slide .showroom-text .showroom-desc{margin: 20px 0;height: 250px;overflow: auto;color: var(--body_color);font-size: 14px;line-height: 25px;}
.showroom-swiper .mySwiper2 .swiper-slide .showroom-imgs{max-width: 700px;width: 100%;;height: 0;padding-bottom: 500px;position: relative;background-color: var(--body_color);}
.showroom-swiper .mySwiper2 .swiper-slide .showroom-imgs img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.showroom-swiper .mySwiper2 .swiper-slide .more{color: var(--body_color);text-transform: uppercase;font-size: 16px;display: inline-block;}
.showroom-swiper .mySwiper2 .swiper-slide .more i{transform: rotate(90deg);}
.showroom-swiper .mySwiper2 .swiper-slide .more:hover{color: var(--theme_color);}
.showroom-swiper .mySwiper{margin-top: 20px;}
.showroom-swiper .mySwiper .swiper-slide{background-color: var(--body_color);border: 1px solid var(--body_color);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;overflow: hidden;}
.showroom-swiper .mySwiper .swiper-slide.swiper-slide-thumb-active{border: 5px solid var(--subback_color);}


.inform{padding: 80px 0;}
.about-boxs{justify-content: space-between;}
.about-picture{width: 46%;}
.about-cont{width: 48%;}
.about-picture .mySwiper2{border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;overflow: hidden;}
.about-picture .mySwiper2 .swiper-slide{width: 100%;height: 0;position: relative;padding-bottom: 515px;}
.about-picture .mySwiper2 .swiper-slide img,.about-picture .mySwiper .swiper-slide img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);object-fit: cover;}
.about-picture .mySwiper{margin-top: 10px;}
.about-picture .mySwiper .swiper-slide{padding-bottom: 30px;cursor: pointer;}
.about-picture .mySwiper .swiper-slide i{width: 100%;height: 0;position: relative;padding-bottom: 125px;display: block;overflow: hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.about-picture .mySwiper .swiper-slide.swiper-slide-thumb-active i::after{content: '';position: absolute;border: 2px solid var(--frame_color);width: 100%;height: 100%;}
.about-picture .mySwiper .swiper-slide a{color: var(--title_color);font-size: 14px;}
.about-picture .mySwiper .swiper-slide h3{text-align: center;line-height: 35px;position: relative;}
.about-picture .mySwiper .swiper-slide.swiper-slide-thumb-active h3::after{content: '+';position: absolute;width: 18px;height: 18px;background-color: var(--frame_color);text-align: center;line-height: 18px;color: var(--body_color);bottom: -20px;left: 50%;transform: translateX(-50%);border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.about-picture .mySwiper .swiper-slide.swiper-slide-thumb-active a{color: var(--frame_color);}

.about-cont .about-en{text-transform: uppercase;font-size: 60px;letter-spacing: -5px;color: #dfdfdf;font-weight: 700;}
.about-cont .about-name{font-size: 32px;padding: 30px 0 50px;color: var(--title_color);}
.about-cont .about-text{font-size: 14px;line-height: 20px;}
.about-cont .about-text p{text-indent: 2em;color: var(--text_color);}
.project{grid-gap: 20px;padding: 50px 0;}
.project .project-item{flex: 1;text-align: center;position: relative;}
.project .project-item span{font-size: 50px;color: var(--title_color);font-weight: 700;}
.project .project-item p{font-size: 16px;}
.project .project-item em{font-size: 14px;font-weight: 400;background-color: var(--frame_color);color: var(--body_color);border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;width: 28px;height: 28px;display: inline-block;text-align: center;line-height: 28px;}
.more{color: var(--subtitle_color);text-transform: uppercase;font-weight: 700;}
.more i{color: var(--title_color);}
.project-item-block{display: flex;align-items: center;justify-content: center;color: var(--body_color);}
.project-item-block::before{content: '';position: absolute;width: 200%;height: 100%;background-color: var(--theme_color);left: -100%;top: 0;z-index: -1;}
.project-item-block strong{text-transform: uppercase;font-size: 12px;font-weight: 400;}
.project-item-block h2{font-size: 30px;}
.customer{width: 100%;max-width: 1105px;margin: 0 auto 80px;}
.customer .swiper{width: 100%;height: 100%;  }
.customer .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;border: 1px solid #676767;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;overflow: hidden;}
.customer .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}

.domain h2{font-family: 'Heavy';text-align: center;font-size: 36px;margin-bottom: 30px;}
.domain em{display: block;text-align: center;font-size: 16px;}
.domain .domain-list{max-width: 1345px;width: 100%;margin: 60px auto 0;position: relative;}
.domain .domain-list .swiper-slide{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;overflow: hidden;}
.domain .domain-list .swiper-slide i{width: 100%;height: 0;padding-bottom: 100%;display: block;overflow: hidden;}
.domain .domain-list .swiper-slide img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);object-fit: cover;}
.domain .domain-list .swiper-slide h3{position: absolute;width: 100%;bottom: 0;left: 0;text-align: center;padding: 10px 0;}
.domain .domain-list .swiper-slide h3::after{position: absolute;content: '';width: 100%;height: 100%;background-color: var(--title_color);width: 100%;height: 100%;left: 0;top: 0;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.domain .domain-list .swiper-slide span{position: relative;z-index: 1;color: var(--body_color);}
.domain .domain-list .swiper-button-next{right: -15px;}
.domain .domain-list .swiper-button-prev{left: -15px;}
.domain .domain-list .swiper-button-next::after,.domain .domain-list .swiper-button-prev::after{font-size: 20px;color: var(--body_color);z-index: 9;}
.domain .domain-list .swiper-button-next::before,.domain .domain-list .swiper-button-prev::before{content: '';position: absolute;width: 44px;height: 44px;background-color: var(--theme_color);filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}

.advan{background-repeat: no-repeat;background-position: top center;background-size: 100%;padding-top: 85px;}
.advan-boxs{justify-content: flex-end;}
.advan-item{width: 50%;}
.advan-item .advan-title{background-image: url(../images/advan_title.jpg);background-color: var(--body_color);background-repeat: no-repeat;background-position: right top;padding: 65px 45px 25px 65px;}
.advan-item .advan-title em{text-transform: uppercase;font-size: 60px;color: var(--click_color);font-weight: 700;letter-spacing: -5px;}
.advan-item .advan-title h2{font-size: 35px;color: var(--title_color);}
.advan-item .advan-title .advan-cate{margin-top: 25px;justify-content: flex-end;}
.advan-item .advan-title .advan-cate>li>a{font-size: 14px;color: var(--subtitle_color);padding: 0 10px;position: relative;}
.advan-item .advan-title .advan-cate>li>a::after{content: '';position: absolute;width: 1px;height: 100%;background-color: var(--text_color);right: 0;top: 0;}
.advan-item .advan-title .advan-cate>li:last-child a{padding-right: 0;}
.advan-item .advan-title .advan-cate>li:last-child a::after{width: 0;}
.advan-item .advan-title .advan-cate>li>a:hover{color: var(--subback_color);}
.advan-item .advan-cont{background-color: var(--theme_color);padding: 80px 60px;}
.advan-item .advan-cont .advan-text{color: var(--body_color);}
.advan-item .advan-cont .advan-text h2{font-size: 36px;line-height: 72px;}
.advan-item .advan-cont .advan-text em{font-size: 12px;font-family: Arial,sans-serif;font-weight: 300;text-transform: uppercase;position: relative;padding-bottom: 50px;display: block;}
.advan-item .advan-cont .advan-text em::after{content: '';position: absolute;width: 10%;height: 4px;background-color: var(--body_color);left: 0;top: 50%;}
.advan-item .advan-cont .advan-text .advan-desc{font-size: 16px;line-height: 20px;height: 80px;overflow: auto;font-family: 'Heavy',sans-serif;font-weight: 300;}
.advan-item .advan-cont .advan-text .advan-desc p{line-height: 30px;}
.advan-item .advan-cont .mySwiper{padding-bottom: 90px;}
.advan-item .advan-cont .mySwiper .swiper-button-next,.advan-item .advan-cont .mySwiper .swiper-button-prev{width: 44px;background-color: var(--subback_color);}
.advan-item .advan-cont .mySwiper .swiper-button-next{top: auto;bottom: 0;left: 54px;right: auto;z-index: 9;}
.advan-item .advan-cont .mySwiper .swiper-button-prev{top: auto;bottom: 0;z-index: 9;}
.advan-item .advan-cont .mySwiper .swiper-button-next::after,.advan-item .advan-cont .mySwiper .swiper-button-prev::after{color: var(--body_color);font-size: 24px;}
.advan-item .advan-cont .mySwiper .swiper-pagination{position: absolute;width: auto;right: 0;left: auto;color: var(--body_color);font-size: 16px;bottom: 0;}
.advan-item .advan-cont .mySwiper .swiper-pagination .swiper-pagination-current{font-size: 80px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.advan-item .advan-cont .mySwiper .swiper-pagination .swiper-pagination-total{font-size: 38px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

.news{margin: 80px 0;}
.news-left{width: 25%;}
.news-left .news-title,.news-right .news-list{margin: 20px 30px;}
.news-left .news-title em{font-size: 80px;color: var(--text_color);font-weight: 700;letter-spacing: -5px;font-family: Arial,sans-serif;}
.news-left .news-title h2{font-size: 35px;}
.news-left .news-title .news-cate{margin-top: 80px;}
.news-left .news-title .news-cate>li{position: relative;}
.news-left .news-title .news-cate>li::after{content: '';position: absolute;width: 50px;height: 1px;background-color: var(--text_color);top: 50%;}
.news-left .news-title .news-cate>li>a{font-size: 18px;font-family: 'Light',sans-serif;font-weight: 600;color: var(--title_color);padding-top: 20px;padding-bottom: 20px;padding-left: 60px;display: block;}
.news-left .news-title .news-cate>li>a:hover,.news-left .news-title .news-cate>li:hover::after{color: var(--frame_color);}
.news-right{width: 75%;}
.news-right .news-list{width: 80%;}
.news-right .news-list>ul>li{margin-bottom: 30px;}
.news-right .news-list>ul>li a{display: flex;align-items: center;}
.news-right .news-list>ul>li .news-day{}
.news-right .news-list>ul>li .news-day b,.news-right .news-list>ul>li .news-day em{width:100%;display: block;font-size: 72px;color: var(--subtitle_color);}
.news-right .news-list>ul>li .news-day b{margin-bottom: 10px;font-size: 30px;text-align: center;}
.news-right .news-list>ul>li .news-day em{font-size: 20px;text-align: center;}
.news-right .news-list>ul>li .news-imgs{margin: 0 30px;width: 200px;height: 0;padding-bottom: 150px;position: relative;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;overflow: hidden;}
.news-right .news-list>ul>li .news-imgs img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.news-right .news-list>ul>li .news-text{flex: 1;}
.news-right .news-list>ul>li .news-text h3{font-size: 18px;color: var(--subtitle_color);margin-bottom: 20px;}
.news-right .news-list>ul>li .news-text p{font-size: 14px;color: var(--text_color);line-height: 32px;}
footer{background-image: url(../images/footer1902_01.jpg);background-repeat: no-repeat;background-position: top center; padding: 40px 0;}
footer span{opacity: .5;-moz-opacity: .5;filter: alpha(opacity = 50);}
footer .foot{justify-content: space-between;}
.foot-item{width: 45%;}
.foot-item h2{color: var(--body_color);font-size: 16px;margin-bottom: 10px;font-weight: 600;}
.foot-item.foot-menu{width: 58%;}
.foot-item.foot-cont{width: 32%;}
/* .foot-item.foot-code{width: 10%;} */
.foot-menu>ul{grid-gap: 20px;}
.foot-menu>ul>li{width: 50%;}
.foot-menu>ul>li p a{color: var(--click_color);font-size: 14px;padding: 5px 0;display: block;}
.foot-menu>ul>li p a:hover{color: var(--frame_color);}
.foot-cont p{color: var(--body_color);font-size: 14px;line-height: 30px;}
.foot-cont i{margin-right: 5px;}
.foot-cont .foot-hot{margin-top: 30px;}
.foot-code{margin: .5em 0;}
.foot-code img{width: 130px;height: 130px;}
.foot-share>ul{
    display: flex;
}
.foot-share>ul>li img{width: 20px;height: 20px;margin: 0 5px;}
.copyright{background-color: var(--subtitle_color);color: var(--body_color);padding: 20px 0;}
.copyright p{display: flex;align-items: center;justify-content: center;}
.copyright a{margin: 0 20px;color: var(--body_color);}