@import "font-awesome.css";
@import "iconfont.css";
@import "/skin/iconfont/iconfont.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
*{box-sizing:border-box}
.wrap{width:640px;margin:0 auto;padding: 0 20px;background: #f39817;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}

.message{width: 100%;}
.message .mes-des{font-size: 30px;line-height: 36px;text-align: center;padding: 30px 0 48px;}
.message .mes-des span{background: #0d131a;color: var(--on-color);padding: 0 4px;line-height: 30px;margin: 5px 0;}
.message .form-div{display: flex;width: 100%;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.message label{width: 100%;}
.message .mw
{font-size: 18px; width: 100%;height: 50px;padding-left: 16px;box-sizing: border-box;}
.message .mw::placeholder{color: var(--color);}
.message #submit{transition: 0.4s ease; display: flex; height:50px;background-color: #0d131a;border: none;align-items: center;justify-content: center;padding: 0 10px;position: relative;width: 100%;line-height: 1;margin-top: 20px;cursor: pointer;}
.message #submit span{font-size: 16px;color: #f39817;z-index: 2;transition: 0.5s;font-family: 'Barlow-Medium';}
.message #submit i{font-size: 17px;z-index: 2;color: var(--on-color);transition: 0.5s;margin-left: 15px;}
 .message #submit:hover{transform: scale(1.03);}
.message #submit:hover span{transform: translate(-15px);}
.message #submit:hover i{transform: translate(15px);}
.message .ipt-title{font-size: 16px;color: #fff;margin-bottom: 15px;} 
.index-video{margin: 50px 0 25px 0;display: inline-block;width: 100%;position: relative;}
.index-video iframe{width: 100%;}
.index-video .loading{top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 20px;position: absolute;}
.index-video .videopic{display: none;}
.tit{font-size: 24px;font-family: 'Barlow-Bold';text-align: center;}
.whatsapp .btn{display: flex;align-items: center;justify-content: center;height: 50px;width: 100%;background: #fff;color: #3ac34c;font-size: 18px;line-height: 1;margin-top: 20px;}
.whatsapp .btn i{font-size: 24px;margin-left: 7px;font-weight: bold;}
.touch{margin-top: 35px;border-top: 1px solid var(--color);border-bottom: 1px solid var(--color);padding: 20px 0 12px;}
.touch .item{width: 110px;height: 95px;background: #fff;border-radius: 8px;display: flex;align-items: center;justify-content: center;position: relative;flex-direction: column;font-size: 18px;}
.touch .item span{margin-top: 15px;}
.touch .flex{margin-top: 15px;}
.texts{margin-top: 30px;}
.texts p{font-size: 18px;line-height: 30px;}
.catalog{background: #0d131a;padding: 28px 24px 22px 25px;margin-top: 30px;}
.catalog .titc{font-size: 20px;font-family: 'Barlow-Bold';color: #f39817;}
.catalog .box{margin-top: 30px;}
.catalog .box .item p{color: #f39817;font-size: 18px;margin-left: 15px;}
.catalog .box .item{align-items: center;margin-bottom: 22px;}
.catalog .box .item:last-child{margin-bottom: 0;}
.catalog .cata-r{display: flex;flex-direction: column;align-items: center;border-top: 1px solid var(--on-color);padding-top: 30px;padding-left: 0;justify-content: center;width: 100%;margin-top: 35px;}
.catalog .cata-r .tits{font-size: 18px;color: #f39817;width: 100%;line-height: 24px;text-align: center;}
.catalog .cata-r .download{height: 40px;background: var(--on-color);padding: 0 20px;display: inline-block;line-height: 40px;font-size: 18px;margin-bottom: 30px;}
.catalog .cata-r .icons{margin: 25px 0 30px 0;}
.wrap2{padding-bottom: 60px;}
.wrap1{padding: 0;} 
.top_header{position: fixed;top:0;left:0;width:100%;z-index:99999999999}
.top{height:50px;background:#338BCF;}
.top .wrap{align-items: center;}
.top .txt{font-size:14px;color:#FFFFFF;font-family: 'Roboto-Regular';}

.top .info{height:50px}
.top .info .ico{align-items: center;}
.top .info .ico a{position: relative;color:#FFFFFF;font-size:20px;margin-right:20px}
.top .info .ico a:after{content:"";width:1px;height:18px;background:#71AEDD;position: absolute;right:-10px;top:50%;margin-top:-9px;}
.top .info .ico a:hover{color:#1E49A7}
.top .info .lang{position: relative;display:flex;align-items:center}
.top .info .lang h3{display:flex;align-items: center;cursor: pointer;}
.top .info .lang h3 span{margin:0 8px;font-size:16px;color:#FFFFFF;}
.top .info .lang h3 i{transition-duration:.8s;color:#fff}
.top .info .lang:hover h3 i:last-child{transform: rotate(180deg);}
.top .info .lang .sub{z-index:99999999;transform: scaleY(0);transform-origin: top;transition:transform 0.6s ease-in-out;padding-bottom:10px;position: absolute;box-shadow:0 15px 30px rgba(0,0,0,0.1);left:0;top:50px;background:#338BCF;width:100%}
.top .info .lang .sub a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;;display:flex;align-items: center;padding:8px 0;color:#fff;margin:0 8px;border-bottom:1px solid #E9E9E9;font-size:15px}
.top .info .lang .sub a img{margin-right:5px;height:15px;}
.top .info .lang:hover .sub{transform: scaleY(1);}
.header{transition-duration:.6s;height:80px;width:100%;background:#fff;z-index: 9999999;display:flex;align-items: center;}
.header.height{box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.header .header-left{align-items: center;}
.header .menu{align-items: center;height:80px;} 
.header .header-left .logo{margin-right:50px;}
.header .header-left .item h3 a{font-family: 'Barlow-Bold';font-size:20px;;color:#0B2042;}
.header .header-left .item{margin-right:35px;}
.header .header-right .item:last-child{margin-right:0;}
.header .header-right .item h3 a{font-size:16px;font-family: 'Barlow-Medium';}
.header .header-right .item{margin-right:25px;}
.header .header-right .item:last-child{margin-right:0;}
.header .header-right .ico{align-items: center;}
.header .header-right .ico a{margin-left:25px}
.header .item{display:flex;height:80px;align-items: center;}
.header .item h3 a{color:#0B2042;text-transform:uppercase;}
.header .item h3 a:hover,.header .item.on h3 a{color:#338BCF}
.header .sub{z-index:2;transform: scaleY(0);transform-origin: top;transition:transform 0.6s ease-in-out;transition-duration:.6s;position: fixed;top:130px;left:0;width:100%;border-top:1px solid #E6E8EC;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.header .sub .wrap{display:flex;padding:15px 0 25px;flex-wrap:wrap;}
.header .sub .p{width: calc(100% / 5 - 40px);margin-right:50px;height:50px;display:flex;border-bottom:1px solid #DBDBDB;}
.header .sub .p:nth-child(5n){margin-right:0}
.header .sub .p a{display:flex;width:100%;align-items: center;height:100%;transition-duration:.6s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0B2042}
.header .sub .p:hover{border-color:#338BCF}
.header .sub .p:hover a{color:#338BCF}
.header .item:hover .sub{transform: scaleY(1);}

.banner{position: relative;}
.banner img{width:100%;}

.footer{color:var(--on-color);background:#070a0d;}
.footer .bottom{padding:55px 25px 35px 15px;}
.footer .bottom .flex{justify-content: center;}
.footer .bottom p,.footer .bottom p a{font-size:22px;text-align: center;}
.footer .bottom p{opacity: 0.8;}
.footer .mc{margin-top: 30px;text-align: center;}
.footer .mc img{width: 50%;}
.layui-layer-dialog .layui-layer-content{min-width:12px;padding:3px 10px !important;font-size:18px !important;_float:left;border-radius:4px;color:#f52032 !important;text-transform: uppercase;line-height: 20px !important;border: none;box-shadow: 0 10px 20px rgba(0,0,0,.05)}
.layui-layer-msg.my-custom-msg {
    top: 218px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 320px;
    text-align: center;
    /*border-radius: 4px;*/
    border: none;
    position: absolute !important;
    font-family: 'Barlow-Medium';
    background:rgba(255,255,255,0.1) !important;
}
.layui-layer-msg.my-custom-msg2 {
     top: 253px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 320px;
    text-align: center;
    /*border-radius: 4px;*/
    border: none;
    background:rgba(255,255,255,0.1) !important;
    position: absolute !important;
    font-family: 'Barlow-Medium';
}
.layui-layer-msg.my-custom-msg3 {
     top: 288px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 320px;
    text-align: center;
    /*border-radius: 4px;*/
    border: none;
    position: absolute !important;
    font-family: 'Barlow-Medium';
    background:rgba(255,255,255,0.1) !important;
}

@media screen and (max-width:992px) {
    .list-products .head .txt_list,.list-contact-msg .hd,.list-contact-msg .form,.list-contaact .what .info .list,.list-contaact .what .info .txt,.list-contaact .bd .t,.list-contaact .bd .txt,.list-about-content .culture .item .pic,.list-about-content .culture .item .txt,.list-about .bd .pic,.list-about .bd .txt,.list-events .list .item .pic,.list-events .list .item .txt,.footer .menu .item,.content{width:100%}
    .index-products .index-title .more,.index-banner .btn,.list-products .head .img_list,.list-products .list .item .txt .i,.list-contaact .what .info .txt .star,.list-contaact .what .info .txt p,.list-contaact .what .info .txt .logo,.list-download .list .item .more,.sidebar,.top_header{display:none !important;}
    .footer .menu,.main{padding:20px 10px}
    .location{padding:0 10px;height:45px;}
    .location .wrap-1300{overflow-x:auto;display:flex;white-space:pre;height:45px;align-items: center;flex-wrap:nowrap;}
    .list-news .list .item{margin-bottom:40px}
    .list-news .list .item p{margin:10px 0;}
    .footer .menu .item{margin:0 0 25px 0;}
    .footer .menu .item h3{font-size:20px;padding-bottom:10px}
    .footer .menu .item .sub{display:flex;flex-wrap:wrap;justify-content: space-between}
    .footer .menu .item .sub a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:48%;margin-top:10px}
    .footer .bottom .mc{margin:20px auto 0;}
    .list-download .list .item{margin-bottom:15px}
    .list-download .list .item a{padding:20px;}
    .list-events .list .item{margin-bottom:20px}
    .list-events .list .item .txt h3{padding:10px 0;}
    .list-events .list .item .txt p{height:35px}
    .list-job .t{font-size:24px;margin-bottom:20px}
    .list-job .list .item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #DBDEE3;position: relative;}
    .list-job .list .item .info h3{font-size:16px;padding:10px 0;}
    .list-job .list .item .info .desc{margin-bottom:10px;flex-wrap:wrap;}
    .list-job .list .item .info .desc p{margin-right:0;width:100%;margin-top:5px;}
    .list-job .list .item .info .desc p i{width:30px;text-align:center;}
    .list-job .list .item .info .desc p img{margin-right:0;height:16px;}
    .list-job .list .item .info .desc p span{margin-right:10px;font-size:12px}
    .list-job .list .item .btn{position: absolute;right:0;top:10px;width:90px;height:35px;font-size:12px;}
    .list-job .list .item .more{display:none;}
    .list-job .content{margin:0;}
    .list-job .content h3{padding:0;margin:0;}
    .job-pop{width:100%;}
    .job-pop .hd{width:90%;height:60px;padding:10px;position: relative;}
    .job-pop .hd .name{width:calc(100% - 40px);font-size:14px;line-height:24px}
    .job-pop .hd .del{position: absolute;right:10px;top:10px;}
    .job-pop .bd{width:90%;padding:10px;}
    .job-pop .bd input{height:40px;padding:0 10px;margin-bottom:10px;}
    .job-pop .bd textarea{min-height:100px;padding:10px;margin-bottom:10px;}
    .job-pop .bd .btn{height:40px;width:140px}
    .list-news .show .m .btn{margin:20px auto 0;}
    .list-about .bd .pic .video_btn img{width:70px;height:70px}
    .list-about .bd .txt{padding-top:20px;}
    .list-about .bd .txt h3{margin:15px 0 10px;font-size:28px;line-height:32px}
    .list-about .bd .txt p{margin-bottom:15px;}
    .list-about .data{padding-top:20px;margin-top:25px;flex-wrap:wrap}
    .list-about .data .item{padding:0;width:50%;margin-bottom:20px;}
    .list-about-advantage{padding:40px 10px}
    .list-about-advantage .t{margin-bottom:30px}
    .list-about-advantage .t h2{font-size:28px}
    .list-about-advantage .t p{font-size:15px;line-height:24px}
    .list-about-advantage .bd .item{width:100%;padding:0;margin-bottom:20px;}
    .list-about-advantage .bd .item h3{margin:15px 0;font-size:18px}
    .list-about-advantage .bd .item p{font-size:14px;line-height:22px;}
    .list-about-content .t{font-size:28px;margin-bottom:10px;}
    .list-about-content .work .bd,.list-about-content .culture{margin-bottom:40px}
    .list-about-content .work .slick-dots{bottom:-15px}
    .list-about-content .culture .item{padding:15px 0;}
    .list-about-content .culture .item .txt h3{line-height:30px;font-size:28px;margin:10px 0;}
    .list-about-content .culture .item .txt p{font-size:14px;line-height:22px;margin:0;}
    .list-about-content .honor{justify-content: space-between;}
    .list-about-content .honor .item{width:48%;margin:0 0 10px 0;}
    .list-contaact .bd .t h3{padding-top:15px;}
    .list-contaact .bd .t .pic{margin-top:25px;}
    .list-contaact .bd .txt .item{height:45px;font-size:14px;}
    .list-contaact .bd .txt .wx{padding:20px 0 0 0;text-align: center;}
    .list-contaact .what h2{font-size:28px}
    .list-contaact .what h3{padding:20px 0;}
    .list-contaact .what .info .list .item{margin-bottom:20px;}
    .list-contaact .what .info .list .item .c h4{font-size:20px}
    .list-contaact .what .info .list .item .c p{font-size:14px;margin-top:5px;}
    .list-contaact .what .info .list .more{padding:10px 0 20px;}
    .list-contaact .what .info .list .more span{font-size:12px}
    .list-contaact .what .info .list .more img{height:15px}
    .list-contaact .what .info .txt .more{margin:0 auto 20px;height:45px;border-radius:30px}
    .list-contaact .what .info .txt .more span{font-size:15px;}
    .list-contact-msg{padding:40px 10px;}
    .list-contact-msg .hd{background:none;}
    .list-contact-msg .hd h3{font-size:28px;padding:10px 0}
    .list-contact-msg .form{padding:20px;margin-top:20px}
    .list-contact-msg .form .item{margin-bottom:10px}
    .list-contact-msg .form .item input, .list-contact-msg .form .item textarea{height:40px}
    .list-contact-msg .form .item img{height:38px}
    .list-contact-msg .form .btn{margin:0 auto}
    .show-banner{display:block !important;overflow:hidden}
    .list-products .list{justify-content: space-between;}
    .list-products .list .item{width:48%;margin:0 0 15px 0 !important;padding:10px;}
    .list-products .list .item .txt{padding-top:5px;}
    .list-products .list .item .txt h3{padding:0;font-size:16px;}
    .list-products .list .item .txt p{padding:0;font-size:12px;}
    .list-products .list .item .txt .auth{margin-top:10px}
    .list-products .head{padding:15px;}
    .list-products .head .txt_list .t h2{padding:0;}
    .list-products .head .txt_list .c .auth{padding:10px 0;}
    .list-products .head .txt_list .c .nav{margin-bottom:10px}
    .list-products .body{font-size:14px;line-height:24px;padding-bottom:15px;}
    .list-products .content .title{font-size:24px;padding-bottom:5px;margin-bottom:10px}
    .list-products .body ul li{width:100%;height:40px;}
    .index-banner{margin:0;}
    .index-banner .slick-dots{bottom:15px}
    .index-banner .slick-dots li{margin-right:8px;width:8px;height:8px}
    .index-pro{padding:30px 10px 10px}
    .index-pro .bd{padding-bottom:30px}
    .index-pro .bd .item{margin:0;}
    .index-pro .slick-dots{bottom:0px;}
    .index-pro .slick-dots li{margin:0 5px 0 0;}
    .index-products{padding:20px 10px 40px}
    .index-products .index-title{margin-bottom:20px;}
    .index-products .index-title .t{justify-content: space-between;width:100%;}
    .index-products .index-title .t h2{font-size:28px;margin:0;}
    .index-products .list .item{box-shadow: none !important;}
    .index-products .slick-dots{bottom:-20px}
    .index-about{padding:30px 10px;}
    .index-about .list{margin-top:0;}
    .index-about .list .item{width:100%;margin:0 0 20px 0;}
    .index-message .info .hd{width:100%;padding:0 0 15px 0;}
    .index-message .info .hd h3{font-size:28px}
    .index-message .info .form,.index-message .info .form .item{width:100%;margin-bottom:10px !important}
    .index-message .info .form .item:nth-child(2){width:100%;padding:0;}
}
@media screen and (max-width:640px){
  .wrap{width: 100%;}
}
@media screen and (max-width:500px){
  .touch .item{width: 23%;padding: 0 5px;font-size: 16px;}
  .touch .flex{justify-content: space-evenly;}
  .catalog .cata-r{margin-top: 35px;width: 100%;border-left: none;border-top: 1px solid var(--on-color);padding-top: 30px;padding-left: 0;}
  .catalog .cata-r br{display: none;}
  .catalog .cata-r .tits{text-align: center;}
  
}