@charset "utf-8";
.pro-ani{animation: proBar 5s 1;}

@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}

#main .main-title{}
#main .main-title em{display: block; font-size: 18px;font-weight: 500;color: #3a3b3b;}
#main .main-title em span{display: inline-block;color:#e04726;}
#main .main-title h3{margin-top:20px;font-size: 50px;font-weight: 800;color: #202020;}
#main .main-title h3 span{display: inline-block;font-size: 50px;font-weight: normal;color: #999;}
#main .slide-wrap{position: relative;}
#main .slide-wrap .main-slide .slick-slide{position: relative;}
#main .slide-wrap .main-slide .slick-slide picture img{display: block;width:100%;}
#main .slide-wrap .main-slide .slick-slide .txt-box{position: absolute;width:100%;max-width:1400px;left:50%;top:50%;transform: translate(-50%, -50%);z-index: 1;}
#main .slide-wrap .main-slide .slick-slide .txt-box em{position:relative;display: block; font-size: 20px;font-weight: 600;color: #e04726;padding-left: 20px;text-transform: uppercase;}
#main .slide-wrap .main-slide .slick-slide .txt-box em:before{content: "";position:absolute;left:0;display: inline-block;width:10px;height:10px;border-radius: 100%;background: #e04726;}
#main .slide-wrap .main-slide .slick-slide .txt-box h4{margin-top:30px;font-size: 56px;font-weight: normal;line-height: 1.25;color: #fff;}
#main .slide-wrap .main-slide .slick-slide .txt-box h4 strong{}
#main .slide-wrap .main-slide .slick-slide .txt-box h4 span{display: inline-block;font-size:35px;}
#main .slide-wrap .main-slide .slick-slide .txt-box i{margin-top:25px;display: inline-block;}
#main .slide-wrap .main-slide .slick-slide .txt-box i img{display: block;}
#main .slide-wrap .control-box{position: absolute;bottom:24%;width:100%;max-width:1400px;left:50%;transform: translateX(-50%);display: flex;align-items: center;}
#main .slide-wrap .control-box .pagingInfo{display:inline-block;color:#fff;font-size:15px;}
#main .slide-wrap .control-box .timeline{display:inline-block;margin:0 20px;width:250px;vertical-align:middle;position: relative;height:2px;background:#fff;z-index: 10;}
#main .slide-wrap .control-box .arrowSlider{position:relative;vertical-align: middle;display: flex;align-items: center;}
#main .slide-wrap .control-box .arrowSlider button{display:inline-block;width:20px;height:20px;font-size:0;}
#main .slide-wrap .control-box .arrowSlider .prev{background: url(/_public/images2/icon/slick_arrow1.svg) no-repeat;background-size: cover;}
#main .slide-wrap .control-box .arrowSlider .play{display:none;background: url(/_public/images2/icon/play.svg) no-repeat;background-size: cover;margin:0 5px;}
#main .slide-wrap .control-box .arrowSlider .pause{display:none;background: url(/_public/images2/icon/pause.svg) no-repeat;background-size: cover;margin:0 5px;}
#main .slide-wrap .control-box .arrowSlider .play.active{display:inline-block;}
#main .slide-wrap .control-box .arrowSlider .pause.active{display:inline-block;}
#main .slide-wrap .control-box .arrowSlider .next{background: url(/_public/images2/icon/slick_arrow2.svg) no-repeat;background-size: cover;}
#main .slide-wrap .control-box .pro-bar{position: absolute;display:inline-block;left: 0;right: 0;top: 0;height:2px;background: #e04726;z-index:1000;}
#main .section01{background: #222;padding:30px 0;}
#main .section01 .layout{display: flex;align-items: center;}
#main .section01 .logo-wrap{display: inline-block;padding:20px 59px;background: #fff;border-radius: 0 40px 40px 40px}
#main .section01 .logo-wrap img{display: block;}
#main .section01 ul{display: flex;margin-left:110px;}
#main .section01 ul li{display: flex;align-items: center;}
#main .section01 ul li:first-child{display:none;}
#main .section01 ul li i{}
#main .section01 ul li i img{display: block;}
#main .section01 ul li span{display: inline-block;margin-left:20px; font-size: 15px;font-weight: normal;color: #fff;}
#main .section01 ul li + li{margin-left:95px;}
#main .section01 ul li:nth-child(2){margin-left:0}
#main .section02{padding:110px 0;}
#main .section02 .layout{display: flex;}
#main .section02 .txt-box{}
#main .section02 .txt-box .button-box{margin-top:50px;}
#main .section02 .txt-box p{margin-top: 39px;font-size: 20px;font-weight: 500;line-height: 1.5;color: #202020;}
#main .section02 .list{width: calc(100% - 466px);}
#main .section02 ul{display: flex;margin-left: 120px;}
#main .section02 ul li{display: inline-block;width:305px;height:305px;position: relative;border-radius:0 50% 50% 50%;border:2px solid transparent;margin-left:-50px;}
#main .section02 ul li .inner{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);text-align:center;font-size:0;}
#main .section02 ul li .inner i{display: inline-block;}
#main .section02 ul li .inner i img{display:block;}
#main .section02 ul li .inner span{margin-top:35px;display: block;font-size: 22px;font-weight: 600;}
#main .section02 ul li:nth-child(1){border-color:#ffa08b;margin-left:0;}
#main .section02 ul li:nth-child(2){border-color:#e04726;}
#main .section02 ul li:nth-child(3){border-color:#839fbb;}
#main .section03{background-image: linear-gradient(270deg, #e04726 81%, #e05926 100%);padding: 30px 0 80px;}
#main .section03 .global-wrap{position:relative;margin:0 auto;padding-top:41%;max-width:1695px;background: url(/_public/images2/main/map.png) top center no-repeat;background-size:contain;}
#main .section03 .global-wrap .layout{position: absolute;top:0;left:50%;transform: translateX(-50%);height:100%;width:100%;}
#main .section03 .global-wrap .layout .txt-box{position: absolute;right:0;bottom:0;}
#main .section03 .global-wrap .layout .txt-box h4{font-size: 85px;font-weight: bold;line-height: 1;color: #fff;}
#main .section03 .global-wrap .layout .txt-box p{margin-top:15px; font-size: 28px;font-weight: 500;line-height: 1.43;color: #fff;}
#main .section03 .global-wrap .layout .txt-box dl{margin-top:60px;}
#main .section03 .global-wrap .layout .txt-box dl dt{width:100px;font-size: 16px;font-weight: 600;color: #fff;}
#main .section03 .global-wrap .layout .txt-box dl dd{padding:0 0 15px 100px;font-size: 16px;font-weight: 300;color: #fff;}
#main .section04{padding:100px 0 120px;background: url(/_public/images2/main/bg.png) top center no-repeat;background-size: cover;}
#main .section04 .main-title h3 span{display: inline-block;margin-left: 50px;font-size: 20px;font-weight: 500;color: #202020;}
#main .section04 ul{display: flex;margin-top: 60px;}
#main .section04 ul li{flex:1;}
#main .section04 ul li figure{}
#main .section04 ul li figure img{display: block;}
#main .section04 ul li figure figcaption{margin-top:15px;display: block;  font-size: 18px;
    font-weight: 600;text-align: center;}
#main .section04 ul li + li{margin-left: 25px;}
#main .section05{display: flex;}
#main .section05 > div{flex:1;position: relative;max-width:50%;}
#main .section05 .col1{background: #f1f1f1}
#main .section05 .col1 .main-title{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
#main .section05 .col1 .main-title p{margin-top:39px; font-size: 20px;font-weight: 500;line-height: 1.5;color: #202020;}
#main .section05 .col2{background: #292929;padding:100px;}
#main .section05 .col2 .slide-box{position: relative;max-width:560px;}
#main .section05 .col2 .slick-arrow{position: absolute;bottom:10px;width:20px;height:20px;background: url(/_public/images2/icon/btn_arrow1.svg) no-repeat;background-size: cover;font-size:0;z-index: 10;opacity: 0.7}
#main .section05 .col2 .slick-prev{left:40px;transform: rotate(-180deg);}
#main .section05 .col2 .slick-next{left:110px;opacity: 1;}
#main .section05 .col2 .ess-slide{}
#main .section05 .col2 .ess-slide .slick-slide{position:relative}
#main .section05 .col2 .ess-slide .slick-slide img{display: block;width:100%;}
#main .section05 .col2 .ess-slide .slick-slide .caption{position: absolute;left:0;bottom:0;width:100%;text-align: right;background:rgba(0,0,0,0.7);padding:10px 40px;font-size: 18px;font-weight: normal;color: #fff;}



/* tablet */
@media all and (max-width:1280px) {
    #main .main-title em{font-size:16px;}
    #main .main-title h3{margin-top:10px;font-size:34px;}
    #main .main-title h3 span{font-size:34px;}
    #main .slide-wrap .main-slide .slick-slide .txt-box{padding:0 20px;}
    #main .slide-wrap .main-slide .slick-slide .txt-box em{font-size:18px;}
    #main .slide-wrap .main-slide .slick-slide .txt-box h4{font-size: 32px;font-weight: normal;line-height: 1.38;color: #fff;}
    #main .slide-wrap .control-box{bottom:40px;padding:0 20px;}
    #main .section01{padding:30px 35px;}
    #main .section01 .layout{display: block;}
    #main .section01 .logo-wrap{display: none;}
    #main .section01 ul{margin: 0;flex-wrap: wrap;}
    #main .section01 ul li{display: block;width:33.3333%;text-align: center;margin:10px 0;}
    #main .section01 ul li .logo-wrap{display: inline-block;width:78px;height:78px;padding:0;text-align: center;padding-top:7px;}
    #main .section01 ul li .logo-wrap img{display: inline-block;}
    #main .section01 ul li span{display: block;margin:0;}
    #main .section01 ul li + li{margin:10px 0;}
    #main .section01 ul li:first-child{display: block;}
    #main .section02{padding:60px 20px;}
    #main .section02 .layout{display: block;}
    #main .section02 .txt-box p{margin-top:30px;font-size: 18px;font-weight: 500;line-height: 1.44;color: #202020;}
    #main .section02 .txt-box .button-box{margin-top:40px;}
    #main .section02 .list{width:100%;margin:70px 0 0;}
    #main .section02 ul{display: block;margin:0;text-align: center;font-size:0;}
    #main .section02 ul li{display:inline-block;border-radius: 100%;width:50%;height:auto;padding-top:50%;}
    #main .section02 ul li:first-child{display: block;margin:0 auto;}
    #main .section02 ul li:nth-child(2){left:3%;margin-top:-13%;}
    #main .section02 ul li:nth-child(3){left:-3%;margin-top:-13%;}
    #main .section02 ul li + li{margin-left:0;}
    #main .section02 ul li .inner{width:90%;}
    #main .section02 ul li .inner span{margin-top:14px;font-size:18px;}
    #main .section02 ul li .inner i{width:60px;}
    #main .section03{padding:60px 0;}
    #main .section03 .global-wrap{padding-top: 100%;max-width:100%;background: url(/_public/images2/main/m_map.png) top center no-repeat;background-size: 100%;}
    #main .section03 .global-wrap .layout{position: relative;left:0;transform: none;padding-bottom:365px;}
    #main .section03 .global-wrap .layout .txt-box{right:initial;left:0;padding:0 20px;}
    #main .section03 .global-wrap .layout .txt-box h4{font-size:54px;}
    #main .section03 .global-wrap .layout .txt-box p{font-size: 18px;font-weight: 500;line-height: 1.44;color: #fff;}
    #main .section03 .global-wrap .layout .txt-box dl dt{font-size:14px;}
    #main .section03 .global-wrap .layout .txt-box dl dd{font-size:14px;}
    #main .section04{padding:60px 20px;}
    #main .section04 .main-title h3 span{display: block;margin:10px 0 0;font-size:18px;}
    #main .section04 ul{flex-wrap:wrap;margin:40px -1% 0;}
    #main .section04 ul li{flex:initial;width:31.3333%;margin:0 1% 20px;}
    #main .section04 ul li + li{margin:0 1% 20px;}
    #main .section04 ul li figure img{width:100%;}
    #main .section04 ul li figure figcaption{margin-top:10px;font-size:16px;}
    #main .section05{display: block;}
    #main .section05 > div{max-width:100%;padding:60px 20px;}
    #main .section05 .col1 .main-title{position: relative;transform: none;top:0;left:0;}
    #main .section05 .col1 .main-title p{margin-top:20px;font-size:18px;}
    #main .section05 .col2{padding:40px 20px;}
    #main .section05 .col2 .ess-slide .slick-slide .caption{font-size:15px;padding:10px 20px;}
    #main .section05 .col2 .slick-prev{left:20px;}
    #main .section05 .col2 .slick-next{left:60px;}
    #main .section05 .col2 .slick-arrow{width:15px;height:15px;}
}


/* mobile */
@media all and (max-width:768px) {
    #main .slide-wrap .main-slide .slick-slide .txt-box h4 span{font-size:20px;}
    #main .section02 ul li .inner i img{width:70%;margin:0 auto;}
    #main .section04 ul li{flex:initial;width:48%;}
    .mbrn { display: none;} 
}