:root{
    --ff:'Microsoft YaHei';
    --ff_bold:'Microsoft YaHei-bold';
    --ff_din:'DINPro-Medium';
}
body{font-family: var(--ff)}
.page_wrap_1440{max-width: 1440px;width: 92%;margin: auto;}
.page_wrap_1640{max-width: 1640px;width: 92%;margin: auto;}
.page_mod_title{font-size: 52px;color: #000000;font-weight: bold;font-family: var(--ff_bold);text-align: center;margin-bottom: 60px}
.page_mod_title span{color: #843bed;font-weight: bold;font-family: var(--ff_bold)}
.page_mod_btn a{font-size: 26px;color: #282828;line-height: 60px;background: #ffcc00;border: 1px solid #ffcc00;min-width: 280px;padding: 0 20px;box-sizing: border-box;display: inline-block;border-radius: 50px;text-align: center;transition: all .3s;box-sizing: border-box;}
.page_mod_btn a:hover{background: transparent;color: #ffcc00;}
.page_mod_btn.small a{font-size: 16px;line-height: 40px;min-width: 140px}
.center{text-align: center;}
.page_wmwz .big{    animation: big 2s linear infinite;}




.page_special .page_sec_box .page_left .page_left_box{margin-bottom: 20px}
.page_special .page_sec_box .page_left .page_content_a{margin-bottom: 20px}
.page_special .page_sec_box .page_left .page_content_a a{display: block;font-size: 18px;color: #2484e7;text-decoration: underline;}
.page_banner{padding: 60px 0 0;background: url(/stationpage/images/page_banner.png) no-repeat center;background-size: cover;}
.page_banner .page_wrap_1640{position: relative;}
.page_banner .page_logo{margin-left: 70px;position: absolute;}
.page_banner .page_sec_box{display: flex;align-items: center;}
.page_banner .page_sec_box .page_left{padding-left: 100px;box-sizing: border-box;width: 46%;transform: translateY(-14%);}
.page_banner .page_sec_box .page_left .page_banner_title img{max-width: 50%}
.page_banner .page_sec_box .page_left .page_banner_title *{font-size: 63px;font-family: var(--ff_bold);font-weight: bold;white-space: nowrap;color: #ffffff}
.page_banner .page_sec_box .page_left .page_banner_title div:first-child{display: flex;align-items: center;}
.page_banner .page_sec_box .page_left .page_banner_title span{color: #ffcc00;font-family: var(--ff_bold);font-weight: bold}
.page_banner .page_sec_box .page_left .page_banner_content{font-size: 28px;line-height: 36px;color: #fff;margin-bottom: 40px;margin-top: 10px;display: inline-block;background: linear-gradient(to top,#ffcc00 0,transparent 30%)}
.page_banner .page_sec_box .page_left .page_banner_content span{font-size: 48px;line-height: 48px;color: #ff6102;font-weight: bold;font-family: var(--ff_bold);}
.page_banner .page_sec_box .page_left .page_form{}
.page_banner .page_sec_box .page_left .page_form form{border: 3px solid #ffcc00;background: #ffcc00;border-radius: 5px;display: inline-flex;align-items: center;}
.page_banner .page_sec_box .page_left .page_form form input{background: #fff;line-height: 62px;padding: 0 18px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;font-size: 24px;color: #999999;border: unset;max-width: 280px;box-sizing: border-box;}
.page_banner .page_sec_box .page_left .page_form form input::placeholder{font-size: 24px}
.page_banner .page_sec_box .page_left .page_form form button{font-size: 24px;color: #282828;background: unset;border: unset;padding: 0 15px}
.page_banner .page_sec_box .page_right{width: 54%}




.page_support{padding: 80px 0;background: #f7f7f7}
.page_support .page_mod_title{margin-bottom: 50px}
.page_support .page_ul{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 60px}
.page_support .page_ul:nth-child(2){margin-bottom: 0}
.page_support .page_ul .page_li{width: 11.5%;text-align: center;margin: 0 3%;}
.page_support .page_ul .page_li .page_img_box img{border-radius: 50%;overflow: hidden;box-shadow: 0 0 27px 0 #00000012}
.page_support .page_ul .page_li .page_li_title{font-size: 20px;color: #000000;margin-top: 15px}


.page_wmwz .page_case {padding: 80px 0;}
.page_wmwz .page_case .page_case_ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.page_wmwz .page_case .page_case_ul .page_case_li{width:31%;margin-bottom:50px}
.page_wmwz .page_case .page_case_ul .page_case_li img{transition:all .3s}

.page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_con{margin-top:25px;position:relative;padding-right:50px;box-sizing:border-box;}
.page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_con:after{content:'';position:absolute;width:46px;height:46px;background:url(/cooperation/images/arrow_black.png) no-repeat center;background-color:#fff;border-radius:50px;right:0;top:0;transition:all .3s;background-color: #f1f1f1}

.page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_title{font-size:24px;line-height:42px;color:#212121;margin-bottom:5px}
.page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_content{font-size:16px;line-height:26px;color:#666666}
.page_wmwz .page_case .page_btn {margin-top:75px}
.page_wmwz .page_case .page_btn a{font-size:22px;line-height:60px;color:#fff;background:#245de7;padding:0 55px;border-radius:50px;display:inline-block;transition:all .3s;border:2px solid #245de7;}
.page_wmwz .page_case .page_big_title{    font-family: DINPro-Medium;font-size: 150px;background: -webkit-linear-gradient(0, #e5eef8, #d0def4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: -55px;line-height: 1;}
.page_wmwz .page_case .page_title{font-size:50px;line-height:72px;color:#212121;}
.page_wmwz .page_case .page_title span{font-weight:bold;color:#245de7}

.page_techno{padding: 70px 0;background: linear-gradient(to bottom,#ffcc00 0,#ffcc00 45%,#fff 45.01%)}
.page_techno .page_mod_title{margin-bottom: 70px}
.page_techno .page_ul{display: flex;justify-content: space-between;align-items: center;}
.page_techno .page_ul .page_li{width: 42%}
.page_techno .page_ul .page_li .page_img_box img{box-shadow: 0 0 27px 0 #00000012}
.page_techno .page_ul .page_li .page_li_title{font-size: 18px;color: #282828;margin-top: 25px;text-align: center;text-transform: uppercase;}
.page_techno .page_ul .page_center{width: 7%}


.page_feel{padding: 170px 0;background: url(/stationpage/images/page_four_back.png) no-repeat center;background-size: cover;}
.page_feel .page_mod_title{color: #fff}
.page_feel .page_ul{display: flex;align-items: center;justify-content: center;}
.page_feel .page_ul .page_li{cursor: pointer;border: 4px solid #ffcc00;background: #ffcc00;border-radius: 50px;margin: 0 20px;padding: 5px 100px;text-align: center;}
.page_feel .page_ul .page_li .page_li_title{font-size: 32px;line-height: 42px;color: #282828}
.page_feel .page_ul .page_li .page_li_subtitle{font-size: 20px;line-height: 42px;color: #282828}
.page_feel .page_ul .page_li:nth-child(2){background: #673ebb}
.page_feel .page_ul .page_li:nth-child(2) .page_li_title{color: #ffcc00}
.page_feel .page_ul .page_li:nth-child(2) .page_li_subtitle{color: #ffcc00}
.page_support .page_support_box{position: relative;padding-top: 29.723%}
@media screen and (max-width: 1440px){
    .page_banner .page_sec_box .page_left{padding-left: 0}
    .page_banner .page_logo{margin-left: 0}
    .page_banner .page_sec_box .page_left .page_banner_title{font-size: 48px}
    .page_banner .page_sec_box .page_left .page_banner_content{font-size: 28px}
    .page_banner .page_sec_box .page_left .page_banner_content span{font-size: 38px}
    .page_mod_title{font-size: 42px;margin-bottom: 60px}
 
    .page_support .page_ul{margin-bottom: 50px}
    .page_support .page_ul .page_li{width: 18%}
    .page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_title{font-size:20px}
    .page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_content{font-size:16px;line-height:24px}
    .page_support .page_support_box{padding-top: 34.723%}
    .page_banner .page_sec_box .page_left .page_banner_title *{font-size: 56px}
    .page_banner .page_sec_box .page_left .page_banner_content{font-size: 22px}
}
@media screen and (max-width: 1280px){
    .page_banner .page_sec_box .page_left .page_banner_title *{font-size: 48px}
    .page_banner .page_sec_box .page_left .page_form form button{font-size: 16px}
    .page_banner .page_sec_box .page_left .page_form form input{font-size: 16px}
    .page_banner .page_sec_box .page_left .page_form form input::placeholder{font-size: 16px}
    .page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_title{font-size: 16px}
    .page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_content{font-size: 14px}

}
@media screen and (min-width: 991px){

    .page_wmwz .page_case .page_case_ul .page_case_li:hover img{transform:scale(1.1);}
    .page_wmwz .page_case .page_case_ul .page_case_li:hover .page_case_li_con:after{background:url(/cooperation/images/arrow_white.png) no-repeat center;background-color:#843bed;}

    .page_support .page_support_box .page_li{position: absolute;left: 41.5%;top: 30%;transition: all 4s}
    .page_support .page_support_box.cur .page_li.box_1{top: 0;left: 16.5%}
    .page_support .page_support_box.cur .page_li.box_2{top: 0;left: 33%}
    .page_support .page_support_box.cur .page_li.box_3{top: 0;left: 49.5%}
    .page_support .page_support_box.cur .page_li.box_4{top: 0;left: 66%}
    .page_support .page_support_box.cur .page_li.box_5{top: 50%;left: 16.5%}
    .page_support .page_support_box.cur .page_li.box_6{top: 50%;left: 33%}
    .page_support .page_support_box.cur .page_li.box_7{top: 50%;left: 49.5%}
    .page_support .page_support_box.cur .page_li.box_8{top: 50%;left: 66%}
}
@media screen and (max-width: 991px){
    .page_feel{padding: 80px 0}
    .page_feel .page_ul .page_li{padding: 0 50px;margin-bottom: 30px}
    .page_banner .page_sec_box .page_left{transform: unset;}
    .page_feel .page_ul .page_li .page_li_title{font-size: 24px;line-height: 32px}
    .page_feel .page_ul .page_li .page_li_subtitle{font-size: 16px;line-height: 32px}
    .page_banner .page_sec_box .page_left .page_banner_title div:first-child{justify-content: center;}
    .page_banner .page_sec_box .page_left .page_banner_title img{max-width: 36%}
    .page_support .page_support_box{position: relative;padding-top: unset;}
    .page_banner .page_sec_box{flex-wrap: wrap;}
    .page_banner .page_sec_box .page_left{width: 100%;margin-right: 0;margin-bottom: 40px;text-align: center;}
    .page_banner .page_sec_box .page_right{width: 100%}
    .page_banner .page_logo{position: unset;margin-bottom: 20px;text-align: center;}
    .page_banner .page_sec_box .page_left .page_banner_content{margin-bottom: 40px;margin-top: 20px;font-size: 26px}
  
    .page_mod_title{font-size: 32px;margin-bottom: 50px!important}

   
    .page_support .page_ul{margin-bottom: 0}
    .page_support .page_ul .page_li{width: 38%;margin: 0 5%;margin-bottom: 40px}
    .page_support .page_mod_btn{margin-top: 30px}
    .page_banner .page_logo img{max-width: 40%}

    .page_wmwz .page_case .page_case_ul .page_case_li{width:48%}
    .page_feel .page_ul .page_li .page_li_title{font-size: 16px;line-height: 24px}
    .page_feel .page_ul .page_li .page_li_subtitle{font-size: 14px;line-height: 24px}

    



    
}
@media screen and (max-width: 500px){
    .page_banner{padding-top: 50px}
    .page_banner .page_sec_box .page_left .page_banner_title{font-size: 24px;margin-bottom: 5px}
    .page_banner .page_sec_box .page_left .page_banner_content{font-size: 15px;margin-top: 10px;margin-bottom: 20px}
    .page_banner .page_sec_box .page_left .page_banner_content span{font-size: 22px}
    .page_mod_btn a{font-size: 16px;line-height: 50px;min-width: 180px}
   
    .page_mod_title{font-size: 21px;margin-bottom: 30px!important}
  
  
    .page_support .page_ul .page_li{width: 35%;margin: 0 7%;}
    .page_support{padding: 50px 0;}
    .page_support .page_ul .page_li .page_li_title{font-size: 14px;margin-top: 15px}
    .page_support .page_ul .page_li{margin-bottom: 20px}
   
    .page_special .page_sec_box:last-child .page_left .page_subtitle span:after{width: 15px;height: 15px}
    .page_techno{padding: 50px 0}
    .page_feel{padding: 50px 0}
    .page_case{padding: 50px 0}
    .page_num{margin-top: -50px}
    .page_wmwz .page_case{padding:40px 0}
    .page_wmwz .page_case .page_big_title{font-size:90px;margin-bottom:-40px}
    .page_wmwz .page_case .page_title{font-size:30px;line-height:50px}
    .page_wmwz .page_case .page_case_ul .page_case_li{width:100%}
    .page_wmwz .page_case .page_case_ul .page_case_li{margin-bottom:40px}
    .page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_con{margin-top:15px}
    .page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_title{font-size:18px;margin-bottom:0}
    .page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_con:after{width:40px;height:40px;top:10px}
    .page_wmwz .page_case .page_btn{margin-top:50px}
    .page_wmwz .page_case .page_btn a{font-size:16px;line-height:48px;padding:0 30px}
    .page_wmwz .page_case .page_case_ul .page_case_li .page_case_li_content{font-size:13px}

    .page_banner .page_sec_box .page_left .page_banner_title *{font-size: 24px}
    .page_banner .page_sec_box .page_left .page_form form input{font-size: 14px;padding: 0 10px;max-width: 200px;line-height: 42px}
    .page_banner .page_sec_box .page_left .page_form form input:placeholder{font-size: 14px}
    .page_banner .page_sec_box .page_left .page_form form button{font-size: 14px;padding: 0 10px;line-height: 42px}
    .page_feel .page_ul .page_li{padding: 5px 10px;margin: 0 5px;border-width: 2px}

    .page_techno{background: linear-gradient(to bottom,#ffcc00 0,#ffcc00 22%,#fff 22.01%)}
    .page_techno .page_ul{flex-direction: column;}
    .page_techno .page_ul .page_li{width: 100%}
    .page_techno .page_ul .page_li:first-child{margin-bottom: 30px}
    .page_techno .page_ul .page_center{width: 100%;margin-bottom: 30px;text-align: center;}
    .page_techno .page_ul .page_center img{transform: rotate(90deg);max-width: 12%}
    .page_banner .page_sec_box .page_left .page_form form{border-width: 2px}
    .page_techno .page_ul .page_li .page_li_title{font-size: 16px;margin-top: 15px}
}