﻿@import 'font_1433588_h6myaxe0oye.css';body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td{font-weight:normal;margin:0;padding:0}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,i{font:normal 14px Arial, "Microsoft YaHei", "微软雅黑", PingFang SC, Source Han Sans SC, Noto Sans CJK SC, Helvetica, STHeiTi, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
ul,ol,li{list-style:none}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none}
img{vertical-align:top;border:0}
button,input,textarea{font-size:100%;vertical-align:middle;outline:none;border-radius:0;-webkit-appearance:none}
table{border-spacing:0;border-collapse:collapse}
div,a{-webkit-tap-highlight-color:rgba(255,255,255,0)}
html{font-size:100px}
@media screen and (min-width: 320px){html{font-size:85.33333px}
}
@media screen and (min-width: 360px){html{font-size:96px}
}
@media screen and (min-width: 375px){html{font-size:100px}
}
@media screen and (min-width: 480px){html{font-size:128px}
}
@media screen and (min-width: 640px){html{font-size:170.66667px}
}
@media screen and (min-width: 750px){html{font-size:200px}
}
.clearfloat:after{font-size:0;display:block;visibility:hidden;clear:both;height:0;content:' '}
.clearfloat{*zoom:1}
.clearboth{clear:both}
.checkBrowser{font-size:14px;line-height:40px;position:fixed;z-index:99999;top:0;left:50%;width:700px;height:40px;margin-left:-360px;padding:0 10px;color:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#e6212a}
.checkBrowser a{font-size:16px;line-height:20px;position:absolute;top:10px;right:5px;display:block;width:20px;height:20px;cursor:pointer;text-align:center;color:#333;border-radius:50%;background-color:#fff}
.wp1200{max-width:1200px;margin:0 auto}
@media screen and (max-width: 1260px){.wp1200{padding:0 .15rem}
}
.inside-banner{position:relative;width:100%;height:600px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.asdf{border-bottom:1px solid #ccc; line-height:150%; color:#333; margin-bottom:20px}

.inside-banner .btn{position:absolute;top:395px;left:-moz-calc((100% - 1200px) / 2);left:calc((100% - 1200px) / 2);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px;height:40px;color:#fff;background-color:#023260;border-radius:40px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.inside-banner .btn:hover{opacity:.8}
.inside-banner .btn i{margin-top:-2px;font-size:26px}
.inside-banner .btn .text{margin-left:10px;padding-left:10px;line-height:1;font-size:16px;border-left:1px solid #fff}
.inside-banner .join-btn{position:absolute;top:420px;left:-moz-calc((100% - 1200px) / 2);left:calc((100% - 1200px) / 2);width:140px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background-color:red;border-radius:45px}
.inside-banner .join-btn:hover{opacity:.8}
.inside-banner-mobile{position:relative;width:100%;height:0;padding-bottom:48%;background-position:center center;background-repeat:no-repeat;background-size:cover;display:none}
.inside-banner-mobile a{position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width: 1260px){.inside-banner{height:470px}
.inside-banner .btn{top:310px;left:-moz-calc((100vw - 470px * (1200 / 600)) / 2);left:calc((100vw - 470px * (1200 / 600)) / 2);height:32px;line-height:32px}
.inside-banner .btn i{margin-top:-1px;font-size:22px}
.inside-banner .btn .text{margin-left:8px;padding-left:8px;font-size:14px}
.inside-banner .join-btn{top:325px;left:-moz-calc((100vw - 470px * (1200 / 600)) / 2);left:calc((100vw - 470px * (1200 / 600)) / 2);width:120px;height:40px;line-height:40px;font-size:15px}
}
@media screen and (max-width: 1024px){.inside-banner{height:0;padding-bottom:31.25%}
.inside-banner .btn{top:66%;left:18.75%;padding:0 10px;height:26px;line-height:26px}
.inside-banner .btn i{font-size:18px}
.inside-banner .btn .text{font-size:11px}
.inside-banner .join-btn{top:68.33333%;left:18.75%;width:80px;height:26px;line-height:26px;font-size:12px}
}

.inside-title{margin-bottom:60px;text-align:center;font-size:32px;color:#333;font-weight:600}
@media screen and (max-width: 1260px){.inside-title{margin-bottom:.25rem;font-size:28px}
}
@media screen and (max-width: 1024px){.inside-title{font-size:22px}
}
@media screen and (max-width: 750px){.inside-title{font-size:20px}
}
.inside-menu{margin-bottom:25px;overflow:hidden}
.inside-menu-wp{margin:0 -12px}
.inside-menu-wp.no-init .swiper-wrapper{width:100%;display:block}
.inside-menu .swiper-wrapper{font-size:0}
.inside-menu .swiper-slide{display:inline-block;vertical-align:top;margin:0 12px 20px;padding:0 10px;width:auto;min-width:150.85714px;text-align:center;height:40px;line-height:40px;font-size:16px;color:#666;background-color:#f4f4f4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.inside-menu .swiper-slide:hover,.inside-menu .swiper-slide.on{color:#fff;background-color:#023260}
@media screen and (max-width: 1260px){.inside-menu{margin-bottom:30px}
.inside-menu-wp{margin:0 -8px}
.inside-menu .swiper-slide{margin:0 6px 12px;padding:0 8px;min-width:-moz-calc((100vw - 60px - 16px * 6) / 7);min-width:calc((100vw - 60px - 16px * 6) / 7);height:36px;line-height:36px;font-size:14px}
}
@media screen and (max-width: 1024px){.inside-menu .swiper-slide{min-width:-moz-calc((100vw - 60px - 16px * 5) / 5);min-width:calc((100vw - 60px - 16px * 5) / 5);height:32px;line-height:32px;font-size:14px}
}
@media screen and (max-width: 750px){.inside-menu{margin-bottom:.25rem}
.inside-menu-wp{margin:0 -4px}
.inside-menu .swiper-wrapper{text-align:center}
.inside-menu .swiper-slide{margin:0 4px;min-width:98px;padding:0 10px;height:30px;line-height:30px;font-size:13px}
}
.paged{padding-top:30px;text-align:center;font-size:0;border-top:1px solid #dcdcdc}
@media screen and (max-width: 1200px){.paged{padding-top:25px}
}
@media screen and (max-width: 750px){.paged{padding-top:.2rem}
}
.paged select,.paged a,.paged .p_info,.paged .current{display:inline-block;vertical-align:top;margin:8px 4px 0;padding:0 10px;font-size:16px;text-align:center;border:1px solid #e6e6e6;color:#999;height:28px;line-height:28px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.paged a i,.paged .p_info i,.paged .current i{font-size:14px}
@media screen and (max-width: 750px){.paged a,.paged .p_info,.paged .current{margin:4px 2px 0;padding:0 10px;font-size:14px}
.paged a i,.paged .p_info i,.paged .current i{font-size:13px}
}
.paged .prev,.paged .next{padding:0 7px}
.paged .current,.paged a:hover{border-color:#023260;background:#023260;color:#fff}
.header{padding:0 30px 0 38px;margin:auto;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#00509c;}
.header-wp{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:90px;line-height:90px}
.header .logo a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.header .logo img{width:auto;max-height:52px}
.header-right{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.header-nav{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.header-nav ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.header-nav li{position:relative}
.header-nav li:hover .nav-sub,.header-nav li:hover .case-menu-sub{display:block}
.header-nav li:hover .nav-a{color:#023260}
.header-nav .nav-a{display:block;padding:0 23px;font-size:16px;color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s; }
.header-nav .nav-a.on{color:#023260}
.header-nav .nav-sub{display:none;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;min-width:100%;background-color:rgba(255,255,255,0.75);border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden; z-index:1111}
.header-nav .nav-sub a{display:block;padding:0 16px;line-height:40px;font-size:15px;color:#666;white-space:nowrap;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.header-nav .nav-sub a:hover{color:#fff;background-color:#023260}
.header .cart-btn,.header .menu-btn{color:#3d3d3d;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.header .cart-btn:hover,.header .menu-btn:hover{color:#023260}
.header-nav .nav-a::after{
    content: "";
    height: 4px;
    overflow: hidden;
    display: block;
    left:0;
    bottom:0;
    position: absolute;
    width: 100%;
    background: #023260;
    transform: scaleX(0);
    transition:all 0.5s;
}
.header-nav .nav-a:hover::after{
    transform: scaleX(1);
}
.header .cart-btn{margin-left:23px;font-size:26px}
.header .menu-btn{display:none;margin-left:.15rem;font-size:.2rem}
.header .logo .imgm,.header-block{display:none}
@media screen and (max-width: 1260px){.header{margin-left:0;padding:0 24px;width:-moz-calc(100%);width:calc(100%)}
.header-nav .nav-a{font-size:15px}
.header-nav .nav-sub a{font-size:14px}
.header .cart-btn{font-size:24px}
}
@media screen and (max-width: 1200px){.header .logo img{max-height:39px}
.header-wp{height:72px;line-height:72px}
.header-nav .nav-a{padding:0 13px}
.header .cart-btn{margin-left:13px;font-size:22px}
}
@media screen and (max-width: 1024px){.header{position:absolute;top:0;left:0;width:100%;padding:0 .15rem;border-radius:0;-webkit-box-shadow:0 1px 4px rgba(255,255,255,0.1);box-shadow:0 1px 4px rgba(255,255,255,0.1);background:#fff;}
.header-wp{height:.5rem;line-height:.5rem}
.header-block{display:block;height:.5rem}
.header-right{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.header .logo .imgp,.header-nav{display:none}
.header .logo .imgm{display:block}
.header .logo img{max-height:42px}
.header .cart-btn{margin-left:0;font-size:.21rem}
.header .menu-btn{display:block}
}
@media screen and (max-width: 750px){.header .logo img{height:35px;max-height:70%}
}
.nav-mobile{position:fixed;top:.6rem;left:0;right:0;bottom:0;overflow:hidden;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;-moz-transition:transform .4s ease, -moz-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease}
.nav-mobile-con{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;overflow:hidden;z-index:8889;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;-moz-transition:transform .4s ease, -moz-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease}
.nav-mobile-con.anim{top:0}
.nav-mobile-top{position:fixed;top:0;left:0;width:100%;padding-left:.2rem;height:.6rem;line-height:.6rem;font-size:.2rem;color:#fff;background-color:#023260;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nav-mobile-wp{position:relative}
.nav-mobile-wp>li{border-bottom:1px solid #f0f0f2;background-color:#fff}
.nav-mobile-title{position:relative;margin:0 .2rem}
.nav-mobile-title>a{position:relative;display:block;line-height:.6rem;font-size:.15rem;color:#666;z-index:2;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;width:100%}
.nav-mobile-child-btn{position:absolute;width:100%;height:100%;top:0;left:0;text-align:right;z-index:1}
.nav-mobile-child-btn i{position:absolute;top:0;right:0;line-height:.6rem;font-size:.13rem;color:#999;font-family:"iconfont";-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;-moz-transition:transform .2s ease, -moz-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease}
.nav-mobile-child-btn i:before{content:"\e697"}
.nav-mobile-child-btn.open i{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.nav-mobile-child-btn+a{display:inline-block;width:auto}
.nav-mobile .sub{display:none;padding:0 .2rem;background-color:#fff;border-top:1px solid #f0f0f2}
.nav-mobile .sub li{position:relative;overflow:hidden}
.nav-mobile .sub li:not(:last-child) a{border-bottom:1px solid #f0f0f2}
.nav-mobile .sub li a{display:block;padding:0 .15rem;line-height:.55rem;font-size:.15rem;height:.55rem;color:#666;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.case-menu-sub{display:none;position:absolute;top:100%;right:0;padding:40px 40px 10px 40px;width:800px;background-color:#fafafa;border-bottom-left-radius:8px;border-bottom-right-radius:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:9}
.case-menu-sub .title{margin-bottom:20px;font-size:18px;line-height:56px;color:#023260;border-bottom:1px solid #eee}
.case-menu-sub .title i{display:inline-block;vertical-align:middle;margin:-4px 12px 0 0;font-size:22px}
.case-menu-sub .box{position:relative;display:inline-block;overflow:hidden}
.case-menu-sub .box-bg{position:absolute;top:0;left:0;width:100%;height:380px;z-index:0;background:#094279;}
.case-menu-sub .box-bg img{position:absolute;top:-120px;left:-50px;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.case-menu-sub .box-list{position:relative;margin:0 -12px -12px 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:720px;z-index:6}
.case-menu-sub .box-list a{margin-top:-10px;width:25%;height:70px;line-height:70px;text-align:center;font-size:14px;color:#fff;border-right:12px solid #fafafa;border-bottom:12px solid #fafafa;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.case-menu-sub .box-list a:hover{color:#333;background-color:rgba(255,255,255,0.8)}
@media screen and (max-width: 1260px){.case-menu-sub{padding:10px 30px;width:702px}
.case-menu-sub .title{font-size:16px;line-height:50px}
.case-menu-sub .title i{margin-right:10px;font-size:20px}
.case-menu-sub .box-bg{height:260px}
.case-menu-sub .box-list{margin:0 -10px -10px 0;width:652px}
.case-menu-sub .box-list a{height:70px;line-height:70px;font-size:15px;border-width:10px}
}
.footer{padding:22px 0;background-color:#000000}
.footer .wp1200{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.footer-content{line-height:1.8;font-size:13px;color:#999}
.footer-content a{color:#999}
.footer-content a:hover{text-decoration:underline}
.footer-share{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-left:30px}
.footer-share .text{font-size:14px;color:#999}
.footer-share.bdshare-button-style0-16 a{float:none;margin:0 0 0 16px;padding:0;width:28px;height:28px;line-height:28px;text-align:center;font-size:14px;color:#dadada;background:#535353;border-radius:50%;overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.footer-share.bdshare-button-style0-16 a:hover{color:#fff;opacity:1}
.footer-top{position:relative;padding-bottom:18px;background-color:#1a1a1a;z-index:9; margin-top:3%;padding-top:2%;padding-bottom:2%;}
.footer-top-wp{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.footer-contact{margin-top:0px;padding:50px 30px 30px 30px;width:330px;}
.footer-contact-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:45px;margin-bottom:45px; border-bottom:1px #666 solid}
.footer-contact-top img{max-width:136px;height:auto}
.footer-contact-top p{margin-left:15px;padding-left:15px;line-height:20px;font-size:16px;color:#fff;border-left:1px solid #333}
.footer-contact-title{margin-bottom:12px;font-size:20px;color:#fff}
.footer-contact-title:after{content:'：'}
.footer-contact .p{line-height:24px;font-size:14px;color:#808080}
.footer-contact .ewm-list{margin-top:40px;font-size:0}
.footer-contact .ewm-list li{display:inline-block;vertical-align:top;width:120px;text-align:center}
.footer-contact .ewm-list li+li{margin-left:30px}
.footer-contact .ewm-list li img{display:block;width:100%;height:auto}
.footer-contact .ewm-list li p{margin-top:8px;font-size:14px;color:#fff}
.footer-nav{padding-top:55px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.footer-nav dl{margin-left:36px}
.footer-nav a{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.footer-nav a:hover{text-decoration:underline}
.footer-nav dt{padding-bottom:10px}
.footer-nav dt a{font-size:16px;color:#fff;white-space:nowrap}
.footer-nav dd{margin-top:14px}
.footer-nav dd a{font-size:14px;color:#808080}
.footer-link{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:46px;line-height:1.6;font-size:14px;color:#fff}
.footer-link a{margin-bottom:10px;margin-left:32px;color:#fff}
.footer-link a:hover{text-decoration:underline}
.footer-link .list{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:0}
@media screen and (max-width: 1260px){.footer-nav dt a{font-size:15px}
.footer-nav dd a{font-size:13px}
}
@media screen and (max-width: 1200px){.footer-contact{margin-top:-50px;padding:25px;width:300px}
.footer-contact-top{margin-bottom:20px}
.footer-contact-top img{max-width:100px}
.footer-contact .p{font-size:13px}
.footer-contact .ewm-list{margin-top:32px}
.footer-contact .ewm-list li{width:110px}
.footer-contact .ewm-list li+li{margin-left:25px}
.footer-nav{padding-top:45px}
.footer-nav dl{margin-left:22px}
.footer-nav dt{padding-bottom:6px}
.footer-nav dt a{font-size:14px}
.footer-nav dd a{font-size:12px}
.footer-link a{margin-left:25px}
}
@media screen and (max-width: 1024px){.footer-top{padding:45px 0;text-align:center}
.footer-top-wp{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.footer-contact{margin-top:0;padding:0;max-width:330px;width:auto;background:none;-webkit-box-shadow:none;box-shadow:none}
.footer-contact-top{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.footer-contact-top img{max-width:110px}
.footer-contact-top p{border-left-color:#424242}
.footer-contact-title:after{content:''}
.footer-contact .ewm-list{text-align:center}
.footer-contact .ewm-list li{margin:0 12px}
.footer-contact .ewm-list li+li{margin-left:12px}
.footer-nav{padding-top:10px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.footer-nav dl{margin-left:0;padding:30px 15px 0}
.footer-link{font-size:13px}
.footer-link a{margin-left:16px}
}
@media screen and (max-width: 750px){.footer{padding:.15rem 0}
.footer .wp1200{display:block;text-align:center}
.footer-share{display:none}
.footer-top{padding:.3rem 0}
.footer-contact-top{margin-bottom:16px}
.footer-contact-top img{max-width:100px}
.footer-contact-top p{padding-left:12px;margin-left:12px}
.footer-contact-title{font-size:17px}
.footer-contact .ewm-list{margin-top:20px}
.footer-contact .ewm-list li{width:100px}
.footer-contact .ewm-list li p{font-size:13px}
.footer-nav dt{padding-bottom:4px}
.footer-nav dt a{font-size:13px}
.footer-nav dd{margin-top:10px}
.footer-nav dd a{font-size:12px}
.footer-link{margin-top:25px}
}
@media screen and (max-width: 414px){.footer-nav{margin:0 -6px}
.footer-nav dl{padding:18px 6px 0;min-width:33.33333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.footer-link a{margin-left:12px}
}
.bottom-fixed{display:none;position:fixed;bottom:0;left:0;width:100%;padding:40px 0;background:url(../images/form_bg.jpg) center center no-repeat;background-size:cover;z-index:8888}
.bottom-fixed-show{display:block}
.bottom-fixed .wp1200{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.bottom-fixed .close-btn{position:absolute;right:0;top:0;line-height:55px;font-size:30px;color:#fff;z-index:8;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.bottom-fixed .close-btn:hover{color:red}
.bottom-fixed .logo img{height:48px;width:auto}
.bottom-fixed form{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-width:0}
.bottom-fixed button,.bottom-fixed input{border:none;outline:none;line-height:55px;height:55px}
.bottom-fixed ::-webkit-input-placeholder{color:#999}
.bottom-fixed ::-moz-placeholder{color:#999}
.bottom-fixed :-ms-input-placeholder{color:#999}
.bottom-fixed .input{margin-left:20px;width:280px;background-color:#fff;border-radius:4px;overflow:hidden}
.bottom-fixed .input input{display:block;width:100%;padding:0 20px;font-size:14px;color:#333}
.bottom-fixed button{margin-left:20px;width:150px;background-color:red;color:#fff;border-radius:4px;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.bottom-fixed button:hover{opacity:.8}
@media screen and (max-width: 1260px){.bottom-fixed .close-btn{right:.15rem}
}
@media screen and (max-width: 1200px){.bottom-fixed{padding:30px 0}
.bottom-fixed .close-btn{line-height:48px;font-size:30px}
.bottom-fixed .logo img{height:45px}
.bottom-fixed button,.bottom-fixed input{line-height:48px;height:48px}
.bottom-fixed .input{width:240px}
.bottom-fixed button{width:130px}
}
@media screen and (max-width: 1024px){.bottom-fixed .logo img{height:38px}
.bottom-fixed form{padding-right:30px}
.bottom-fixed .close-btn{right:15px;top:-15px;line-height:30px}
.bottom-fixed button,.bottom-fixed input{line-height:40px;height:40px}
.bottom-fixed .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.bottom-fixed .input input{padding:0 12px;font-size:13px}
.bottom-fixed button{width:110px;font-size:13px}
}
@media screen and (max-width: 750px){.bottom-fixed{padding:20px 0}
.bottom-fixed .wp1200{display:block}
.bottom-fixed .logo{margin-bottom:12px;text-align:left}
.bottom-fixed .logo img{height:30px}
.bottom-fixed form{padding-right:0}
.bottom-fixed .close-btn{right:.15rem;top:0;line-height:22px;font-size:22px;color:#eee;font-weight:300}
.bottom-fixed button,.bottom-fixed input{line-height:32px;height:32px}
.bottom-fixed .input{margin-left:0}
.bottom-fixed .input input{padding:0 8px;font-size:11px}
.bottom-fixed .input+.input{margin-left:.15rem}
.bottom-fixed button{margin-left:.15rem;width:60px;font-size:11px}
}
.right-fixed{position:fixed;right:0;bottom:1%;z-index:8889}
.right-fixed li{position:relative;margin-bottom:1px;text-align:center}
.right-fixed li:hover .handle-box{background-color:#023260}
.right-fixed li:hover .handle-box .icon,.right-fixed li:hover .handle-box p{color:#fff}
.right-fixed li:hover .handle-popup{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.right-fixed li:hover .handle-tel{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}
.right-fixed .handle-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:70px;height:70px;background-color:#f0f0f0;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.right-fixed .handle-box .icon{font-size:26px;color:#444;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.right-fixed .handle-box p{margin-top:6px;font-size:12px;line-height:1.2;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.right-fixed .handle-popup{position:absolute;right:100%;top:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);padding:10px 10px 12px;background-color:#023260;-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;opacity:0;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;-moz-transition:transform .5s, -moz-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s, -moz-transform .5s;z-index:6}
.right-fixed .handle-popup img{display:block;width:120px;height:auto}
.right-fixed .handle-popup p{margin-top:10px;line-height:1.5;font-size:13px;color:#fff}
.right-fixed .handle-tel{position:absolute;top:0;right:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:290px;padding:0 3px;background-color:#023260;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;-moz-transition:transform .5s, -moz-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s, -moz-transform .5s;z-index:1}
.right-fixed .handle-tel .handle-box{background-color:#023260}
.right-fixed .handle-tel .handle-box .icon,.right-fixed .handle-tel .handle-box p{color:#fff}
.right-fixed .handle-tel .tel{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:0 15px 0 22px;line-height:1.3;font-size:18px;color:#fff;font-weight:600;text-align:left}
.right-fixed .handle-tel .tel:after{content:'';position:absolute;top:14px;bottom:14px;left:4px;width:1px;background-color:rgba(255,255,255,0.5)}
@media screen and (max-width: 1200px){.right-fixed .handle-box{width:60px;height:60px}
.right-fixed .handle-box .icon{font-size:22px}
.right-fixed .handle-box p{margin-top:5px;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
.right-fixed .handle-popup{padding:8px 8px 10px}
.right-fixed .handle-popup img{width:100px}
.right-fixed .handle-popup p{margin-top:8px;font-size:13px}
.right-fixed .handle-tel{width:254px}
.right-fixed .handle-tel .tel{padding:0 15px 0 22px;font-size:16px}
.right-fixed .handle-tel .tel:after{left:4px}
}
@media screen and (max-width: 1024px){.right-fixed{display:none}

}

/* banner */
section { }
section h1,section h2,section h3,section h4,section h5,section h6 { font-weight:normal;}
.hk-banner { overflow: hidden;position: relative;} 
.hk-banner div img { display: block;width:100%;height: auto; }
.hk-b-pcbg  { background-position:center ; background-repeat:no-repeat;background-size:cover; height:100%; position:relative;}
.hk-b-pcbg .left {left:10%;}
.hk-b-pcbg .right {right: 0;}
.hk-b-pcbg .none { display:none;}
.hk-b-btxt {position:absolute;min-width:800px;height:auto;top:30%;z-index: 4;}
.hk-b-btxt * {margin-left:5%;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.hk-b-btxt h1{font-family: 'AlibabaSans-Medium', Arial, Helvetica; font-size:68px; color: #004281; line-height: 68px;letter-spacing:-2px;}
.hk-b-btxt .hk-b{font-family: 'AlibabaSans-Light', Arial, Helvetica;font-size:0.3rem;color: #004281;line-height: 64px;letter-spacing:-2px;width: 600px}
.hk-b-btxt h4{font-size:24px;color: #004281; padding: 10px 0; overflow:hidden;letter-spacing: 5px;} 
.hk-b-btxt a,.hk-b-btxt a *{-webkit-transition:none;-moz-transition:none;transition:none;}
.hk-b-btxt a{font-size:12px;position:relative; text-align: center;border: 1px solid rgba(255,255,255,0.5);width:100px;height: 25px;line-height: 25px;display: block;color: #d1d3da;margin-top:30px;background:#004281;}
.hk-b-btxt a:hover {border: 1px solid #65c6ff;background:#004281;}
.hk-b-btxt a:hover i {background:#004281;}
.hk-b-btxt a i { position:absolute;z-index: 6; width:5px; height:5px;border-radius:100px; background:#ccc;}
.im1 {left: -3px;top: -3px;}
.im2 {left: -3px;bottom: -3px;}
.im3 {right: -3px;top: -3px;}
.im4 {right: -3px;bottom: -3px;}
.pcpic {}
.mpic { display:none; background-repeat:no-repeat; background-position:center top; background-size:cover; width:100%; height:100%;}
.mbpic {display:none!important;}


.hk-banner .swiper-slide-active .hk-b-btxt *{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0; margin-left:0px;}
.hk-banner .swiper-slide-active .hk-b-btxt h1 {transition-delay: 0.5s; }
.hk-banner .swiper-slide-active .hk-b-btxt h2 {transition-delay: 0.7s;}
.hk-banner .swiper-slide-active .hk-b-btxt h4 {transition-delay: 0.9s;}
.hk-banner .swiper-slide-active .hk-b-btxt a  {transition-delay: 1.2s;}
.hk-banner .swiper-slide-active .hk-b-btxt a:hover {transition-delay: 0.3s;}



.index-data{display:none;position:relative;margin:40px auto 0;width:1200px;max-width:100%;background-color:#f4f4f4;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;z-index:8}
.index-data.on{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index-data li{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:34px .15rem;text-align:center}
.index-data li:not(:first-child):before{content:'';position:absolute;top:50%;left:-.5px;margin-top:-30px;width:1px;height:60px;background-color:#e6e6e6}
.index-data .num{line-height:1;font-size:44px;font-weight:600;color:#004281}
.index-data .num em{font-style:normal;font-size:16px}
.index-data p{margin-top:6px;line-height:1.4;font-size:16px;color:#666}
@media screen and (max-width: 1260px){.index-data{margin:34px 30px 0;width:auto}
.index-data li{padding-top:26px;padding-bottom:26px}
.index-data li:not(:first-child):before{margin-top:-25px;height:50px}
.index-data .num{font-size:38px}
.index-data .num em{font-size:14px}
.index-data p{margin-top:4px;font-size:15px}
}
@media screen and (max-width: 1024px){.index-data{margin-top:22px}
.index-data li{padding-top:16px;padding-bottom:16px}
.index-data li:not(:first-child):before{margin-top:-16px;height:32px}
.index-data .num{font-size:32px}
.index-data .num em{font-size:12px}
.index-data p{margin-top:2px;font-size:12px}
}
@media screen and (max-width: 750px){.index-data{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0;border-radius:0}
.index-data li{padding-top:12px;padding-bottom:12px}
.index-data li:not(:first-child):before{margin-top:-12px;height:24px}
.index-data .num{font-size:26px}
.index-data .num em{font-size:12px}
.index-data p{font-size:12px}
}
.index-title-main h3{line-height:1;font-size:40px;font-weight:600;color:#000}
.index-title-main p{margin-top:10px;line-height:1.5;font-size:16px;color:#333}
.index-title-menu{overflow:hidden}
.index-title-swiper.no-init .swiper-wrapper{width:100%;display:block}
.index-title-swiper .swiper-wrapper{font-size:0}
.index-title-swiper .swiper-slide{display:inline-block;vertical-align:top;margin-top:10px;width:auto;height:auto;line-height:40px;font-size:17px;font-weight:600;color:#333;border-bottom:2px solid transparent;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-title-swiper .swiper-slide:not(:last-child){margin-right:27px}
.index-title-swiper .swiper-slide a{display:block;color:#333}
.index-title-swiper .swiper-slide.on,.index-title-swiper .swiper-slide:hover{color:#e50112;border-bottom-color:#e50112}
.index-title-swiper .swiper-slide.on a,.index-title-swiper .swiper-slide:hover a{color:#e50112}
@media screen and (max-width: 1440px){.index-title-main h3{font-size:36px}
.index-title-main p{margin-top:6px;font-size:15px}
.index-title-swiper .swiper-slide{font-size:16px}
}
@media screen and (max-width: 1260px){.index-title-main h3{font-size:32px}
.index-title-main p{font-size:14px}
.index-title-swiper .swiper-slide{line-height:36px;font-size:15px}
.index-title-swiper .swiper-slide:not(:last-child){margin-right:20px}
}
@media screen and (max-width: 1024px){.index-title-main h3{font-size:28px}
.index-title-main p{font-size:13px}
.index-title-swiper .swiper-slide{margin-top:8px;line-height:32px;font-size:14px}
}
@media screen and (max-width: 750px){.index-title-main{margin-bottom:8px}
.index-title-main h3{font-size:22px}
.index-title-main p{font-size:12px}
.index-title-swiper .swiper-slide{margin-top:0;line-height:32px;font-size:14px;border-bottom-width:1px}
}
.index-solution{padding:80px 0}

.index-solution-list{display:-webkit-box;display:-webkit-flex;display:-mobox;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 45px}
.index-solution-list li{padding:0 15px;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index-solution-list li a{position:relative;display:block;width:100%;height:0;padding-bottom:134.11765%;color:#fff;overflow:hidden}
.index-solution-list li a:hover .text-box{opacity:0;visibility:hidden}
.index-solution-list li a:hover .mask-box{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.index-solution-list li .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:0}
.index-solution-list li .text-box{position:absolute;left:0;bottom:0;width:100%;padding:50px 30px 30px;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top, transparent, rgba(0,0,0,0.7));background:-moz-linear-gradient(top, transparent, rgba(0,0,0,0.7));background:-o-linear-gradient(top, transparent, rgba(0,0,0,0.7));background:linear-gradient(180deg, transparent, rgba(0,0,0,0.7));-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:2;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-solution-list li .text-box .more{margin-top:36px}
.index-solution-list li h3,.index-solution-list li .en{line-height:1.2;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.index-solution-list li h3{height:28.8px;font-size:16px;font-weight:600}
.index-solution-list li .en{margin-top:3px;height:16.8px;font-size:14px;font-weight:600;text-transform:uppercase}
.index-solution-list li .more{font-size:12px}
.index-solution-list li .more i{display:inline-block;vertical-align:middle;margin-left:4px;font-size:14px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-solution-list li .p{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-top:56px;padding-top:22px;line-height:30px;font-size:13px}
.index-solution-list li .p-box{max-height:168px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-word}
.index-solution-list li .p:before{content:'';position:absolute;left:0;top:0;height:2px;width:50px;background-color:#fff}
.index-solution-list li .mask-box{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:100px 40px 40px;background:rgba(0,66,129,0.55);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:6;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:transform .4s;-moz-transition:transform .4s, -moz-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -moz-transform .4s}
.index-solution-list li .mask-box .more{margin-top:30px}
@media screen and (max-width: 1800px){.index-solution-list li .p{margin-top:30px}
.index-solution-list li .mask-box{padding-top:80px}
}
@media screen and (max-width: 1600px){.index-solution-list{margin:0 30px}
.index-solution-list li .text-box .more{margin-top:25px}
.index-solution-list li h3{height:26.4px;font-size:16px}
.index-solution-list li .en{height:14.4px;font-size:12px}
.index-solution-list li .more{font-size:12px}
.index-solution-list li .mask-box{padding-top:60px}
}
@media screen and (max-width: 1440px){.index-solution-list{margin:0 20px}
.index-solution-list li{padding:0 10px}
.index-solution-list li .p{margin-top:25px}
.index-solution-list li .mask-box{padding:50px 30px 30px}
}
@media screen and (max-width: 1261px){.index-solution{padding:.35rem 0}
.index-solution .index-title{display:block;margin-bottom:28px}
.index-solution .index-title-main{margin-right:0}
.index-solution .index-title-menu{margin-bottom:0}
.index-solution-list li .text-box{padding:40px 24px 24px}
.index-solution-list li .text-box .more{margin-top:20px}
.index-solution-list li h3{height:24px;font-size:20px}
.index-solution-list li .p{margin-top:20px;padding-top:15px;line-height:28px}
.index-solution-list li .p-box{max-height:127px;-webkit-line-clamp:4}
.index-solution-list li .p:before{width:40px}
.index-solution-list li .mask-box{padding:40px 24px 24px}
.index-solution-list li .mask-box .more{margin-top:20px}
}
@media screen and (max-width: 1024px){.index-solution .index-title{margin-bottom:20px}
.index-solution-list li .text-box{padding:40px 18px 18px}
.index-solution-list li .text-box .more{margin-top:16px}
.index-solution-list li h3{height:21.6px;font-size:18px}
.index-solution-list li .p{margin-top:14px;padding-top:12px;line-height:22px;font-size:12px}
.index-solution-list li .p-box{max-height:81px;-webkit-line-clamp:3}
.index-solution-list li .p:before{width:40px}
.index-solution-list li .mask-box{padding:30px 18px 18px}
.index-solution-list li .mask-box .more{margin-top:20px}
}
@media screen and (max-width: 750px){.index-solution{padding-bottom:.25rem}
.index-solution .index-title{margin-bottom:20px}
.index-solution-list{margin:0 .075rem}
.index-solution-list li{margin-bottom:.15rem;width:50%;padding:0 .075rem}
.index-solution-list li .text-box{padding:.2rem .15rem .15rem}
.index-solution-list li .text-box .more{margin-top:12px}
.index-solution-list li h3{height:19.2px;font-size:16px}
.index-solution-list li .en{font-size:11px}
.index-solution-list li .more{font-size:11px}
.index-solution-list li .more i{font-size:13px}
.index-solution-list li .p{margin-top:12px;padding-top:12px}
.index-solution-list li .p-box{max-height:78px}
.index-solution-list li .p:before{width:30px;height:1px}
.index-solution-list li .mask-box{padding:.3rem .15rem .15rem}
.index-solution-list li .mask-box .more{margin-top:15px}
}
.index-product{padding:75px 0 85px;background-color:#f0f0f0;overflow:hidden}
@media screen and (max-width: 1261px){.index-product{padding:.35rem 0}
}


.index-product-main{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 750px){.index-product-main{display:block}
}
.index-product-left{margin-right:30px;padding-bottom:40px;width:285px;background-color:#fff}
.index-product-left .title{padding:45px 30px 48px 40px;color:#fff;background-color:#023260}
.index-product-left .title h4{font-size:24px;font-weight:600}
.index-product-left .title p{margin-top:8px;line-height:1.4;font-size:17px;font-weight:600}
.index-product-left .list li{padding:0 40px}
.index-product-left .list a{display:block;padding:15px 0;border-bottom:1px solid #e6e6e6}
.index-product-left .list a:hover .name,.index-product-left .list a:hover .type{color:#023260}
.index-product-left .list .name{line-height:1.4;font-size:14px;color:#333;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-product-left .list .type{height:14.4px;font-size:12px;color:#666;line-height:1.2;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-product-left .more{display:block;margin:36px 0 0 40px;width:110px;height:33px;line-height:33px;text-align:center;font-size:13px;color:#666;border:1px solid #dcdcdc;border-radius:35px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-product-left .more:hover{color:#fff;background-color:#023260;border-color:#023260}
@media screen and (max-width: 1261px){.index-product-left{padding-bottom:30px;width:250px}
.index-product-left .title{padding:30px 20px 30px 30px}
.index-product-left .title h4{font-size:22px}
.index-product-left .title p{margin-top:5px;font-size:15px}
.index-product-left .list li{padding:0 30px}
.index-product-left .more{margin:30px 0 0 30px;width:88px;height:30px;line-height:30px;font-size:12px}
}
@media screen and (max-width: 1024px){.index-product-left{margin-right:20px;width:230px}
.index-product-left .title{padding:30px 20px 30px 30px}
.index-product-left .title h4{font-size:20px}
.index-product-left .title p{font-size:14px}
}
@media screen and (max-width: 750px){.index-product-left{display:none}
}
.index-product-right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;position:relative}
.index-product-right .index-product-prev,.index-product-right .index-product-next{position:absolute;right:-80px;top:50%;font-size:40px;color:#c8c8c8;outline:none;cursor:pointer;z-index:9;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-product-right .index-product-prev:hover,.index-product-right .index-product-next:hover{color:#023260}
.index-product-right .index-product-next{margin-top:6px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.index-product-right .index-product-prev{margin-top:-50px}
.index-product-right .index-product-pagination{display:none;margin-top:.15rem;text-align:center}
.index-product-right .index-product-pagination .swiper-pagination-bullet{margin:0 3px;opacity:1;background-color:#fff;outline:none}
.index-product-right .index-product-pagination .swiper-pagination-bullet-active{background-color:#023260}
.index-product-right-wp{margin:-15px -10px;overflow:hidden}
@media screen and (max-width: 1440px){.index-product-right .index-product-prev,.index-product-right .index-product-next{right:-60px;font-size:36px}
}
@media screen and (max-width: 1320px){.index-product-right .index-product-prev,.index-product-right .index-product-next{right:-30px;font-size:24px}
.index-product-right .index-product-next{margin-top:6px}
.index-product-right .index-product-prev{margin-top:-32px}
}
@media screen and (max-width: 1200px){.index-product-right .index-product-prev,.index-product-right .index-product-next{top:-moz-calc((((100vw - 368px) / 3) - 30px) * (172 / 280) + 156px);top:calc((((100vw - 368px) / 3) - 30px) * (172 / 280) + 156px)}
.index-product-right .index-product-next{margin-top:3px}
.index-product-right .index-product-prev{margin-top:38px}
}
@media screen and (max-width: 1024px){.index-product-right .index-product-prev,.index-product-right .index-product-next{top:-moz-calc((((100vw - 325px) / 2) - 30px) * (172 / 280) + 156px);top:calc((((100vw - 325px) / 2) - 30px) * (172 / 280) + 156px)}
.index-product-right .index-product-next{margin-top:-18px}
.index-product-right .index-product-prev{margin-top:15px}
}
@media screen and (max-width: 750px){.index-product-right .index-product-prev,.index-product-right .index-product-next{display:none}
.index-product-right .index-product-pagination{display:block}
.index-product-right-wp{margin:0}
}
.index-product-gallery{padding:15px 3px}
.index-product-gallery .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index-product-gallery .item{width:33.33333%;padding:0 7px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index-product-gallery .item:nth-child(n+4){margin-top:14px}
.index-product-gallery a{position:relative;display:block;padding:60px 15px 40px;text-align:center;background-color:#fff;overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-product-gallery a:hover{-webkit-box-shadow:0 0 .05rem rgba(0,0,0,0.2);box-shadow:0 0 .05rem rgba(0,0,0,0.2)}
.index-product-gallery a:hover .more{color:#fff;background-color:#023260;border-color:#023260}
.index-product-gallery .tag{position:absolute;top:9px;left:-26px;width:90px;height:25px;line-height:25px;font-size:13px;color:#fff;-webkit-transform:rotate(-50deg);-moz-transform:rotate(-50deg);-ms-transform:rotate(-50deg);transform:rotate(-50deg);z-index:2}
.index-product-gallery .tag-hotsale{background-color:#023260}
.index-product-gallery .tag-recommond{background-color:#ff9100}
.index-product-gallery h3{margin:0 15px;height:28.8px;line-height:1.2;font-size:14px;color:#333;font-weight:bold;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.index-product-gallery .img{position:relative;margin:15px 0 12px;width:100%;height:0;padding-bottom:100%;overflow:hidden}
.index-product-gallery .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.index-product-gallery .more{margin:0 auto;width:108px;height:33px;line-height:33px;font-size:13px;color:#666;border:1px solid #dcdcdc;border-radius:33px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
@media screen and (max-width: 1440px){.index-product-gallery h3{height:26.4px;font-size:16px}
}
@media screen and (max-width: 1261px){.index-product-gallery h3{height:24px;font-size:20px}
.index-product-gallery .more{width:88px;height:30px;line-height:30px;font-size:12px}
}
@media screen and (max-width: 1024px){.index-product-gallery .item{width:50%}
.index-product-gallery .item:nth-child(n+3){margin-top:14px}
.index-product-gallery a{padding:50px 15px 30px}
.index-product-gallery h3{margin:0 .05rem;height:21.6px;font-size:18px}
}
@media screen and (max-width: 750px){.index-product-gallery{margin:0 -.075rem;padding:0}
.index-product-gallery .item{padding:0 .075rem;width:50%}
.index-product-gallery .item:nth-child(n+3){margin-top:.15rem}
.index-product-gallery a{padding:.25rem .1rem .2rem}
.index-product-gallery .tag{top:4px;left:-23px;width:70px;height:20px;line-height:20px;font-size:12px;-webkit-transform:rotate(-50deg) scale(0.9);-moz-transform:rotate(-50deg) scale(0.9);-ms-transform:rotate(-50deg) scale(0.9);transform:rotate(-50deg) scale(0.9)}
.index-product-gallery h3{height:18px;font-size:15px}
.index-product-gallery .img{margin:12px 0 10px}
.index-product-gallery .more{width:72px;height:24px;line-height:24px;font-size:11px}
}
.index-product-bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px;padding:20px 40px 32px;}
.index-product-bottom .left{width:550px}
.index-product-bottom .left-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index-product-bottom .left-form button,.index-product-bottom .left-form input{border:none;outline:none}
.index-product-bottom .left-form ::-webkit-input-placeholder{color:#4c4c4c}
.index-product-bottom .left-form ::-moz-placeholder{color:#4c4c4c}
.index-product-bottom .left-form :-ms-input-placeholder{color:#4c4c4c}
.index-product-bottom .left-form .box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 18px;line-height:53px;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;border-top-left-radius:3px;border-bottom-left-radius:3px;background-color:#fff}
.index-product-bottom .left-form .icon{margin-right:12px;font-size:20px;color:#999}
.index-product-bottom .left-form .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.index-product-bottom .left-form input{display:block;width:100%;height:53px;line-height:53px;color:#666}
.index-product-bottom .left-form button{width:90px;height:55px;line-height:55px;text-align:center;font-size:14px;color:#fff;background:#023260;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-product-bottom .left-form button:hover{opacity:.8}
.index-product-bottom .left-bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:38px;font-size:13px}
.index-product-bottom .left-bottom .title{color:#333}
.index-product-bottom .left-bottom .list{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:0}
.index-product-bottom .left-bottom .list a{display:inline-block;vertical-align:top;margin:0 8px 8px;font-size:13px;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-product-bottom .left-bottom .list a:hover{color:#023260}
.index-product-bottom .right .en{font-size:11px;color:#999;text-transform:uppercase}
.index-product-bottom .right .cn{line-height:1;font-size:17px;color:#333;font-weight:600}
.index-product-bottom .right .tel{display:inline-block;vertical-align:middle;font-size:30px;color:#023260}
@media screen and (max-width: 1261px){.index-product-bottom{padding:20px 30px 28px}
.index-product-bottom .left{width:400px}
.index-product-bottom .left-form .box{padding:0 15px;line-height:45px}
.index-product-bottom .left-form input{height:45px;line-height:45px}
.index-product-bottom .left-form button{height:47px;line-height:47px}
.index-product-bottom .left-bottom{margin-top:25px}
.index-product-bottom .right .cn{font-size:15px}
.index-product-bottom .right .tel{font-size:26px}
}
@media screen and (max-width: 1024px){.index-product-bottom{padding:20px 30px 28px}
.index-product-bottom .left{width:320px}
.index-product-bottom .left-form .box{line-height:40px}
.index-product-bottom .left-form .icon{margin-right:10px;font-size:18px}
.index-product-bottom .left-form input{height:40px;line-height:40px}
.index-product-bottom .left-form button{height:42px;line-height:42px}
.index-product-bottom .left-bottom{margin-top:20px}
.index-product-bottom .right .cn{font-size:14px}
.index-product-bottom .right .tel{font-size:22px}
}
@media screen and (max-width: 750px){.index-product-bottom{display:block;margin-top:24px;padding:.225rem .15rem}
.index-product-bottom .left{width:100%}
.index-product-bottom .left-form .box{padding:0 12px}
.index-product-bottom .left-form button{width:80px}
.index-product-bottom .left-bottom{margin-top:15px;font-size:12px}
.index-product-bottom .left-bottom .list a{font-size:12px}
.index-product-bottom .right{margin-top:12px}
.index-product-bottom .right .tel{font-size:20px}
.index-product-bottom .right .en{margin-bottom:3px}
}
.index-case{padding:80px 0}
@media screen and (max-width: 1261px){.index-case{padding:.35rem 0}
}
.index-case-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:45px}
.index-case-top .index-title{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}
.index-case-top .index-title-main{margin-right:30px;-webkit-box-flex:0;-webkit-flex:0 0 230px;-moz-box-flex:0;-ms-flex:0 0 230px;flex:0 0 230px}
.index-case-top .index-title-menu{margin-bottom:5px}
.index-case-top .more{line-height:50px;font-size:17px;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-case-top .more:hover{color:#023260}
@media screen and (max-width: 1600px){.index-case-top .more{font-size:16px;line-height:40px}
}
@media screen and (max-width: 1440px){.index-case-top .index-title-main{-webkit-box-flex:0;-webkit-flex:0 0 200px;-moz-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}
.index-case-top .more{font-size:15px;line-height:36px}
}
@media screen and (max-width: 1200px){.index-case-top .index-title-main{-webkit-box-flex:0;-webkit-flex:0 0 180px;-moz-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px}
}
@media screen and (max-width: 1024px){.index-case-top{display:block;margin-bottom:28px}
.index-case-top .index-title{display:block}
.index-case-top .index-title-main{margin-right:0}
.index-case-top .index-title-menu{margin-bottom:0}
.index-case-top .more{display:none}
}
@media screen and (max-width: 750px){.index-case-top{margin-bottom:20px}
}
.index-case-box{overflow:hidden}
.index-case-box .wp1200{position:relative}
.index-case-box .index-case-prev,.index-case-box .index-case-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:56px;color:#fff;outline:none;cursor:pointer;z-index:8;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-case-box .index-case-prev:hover,.index-case-box .index-case-next:hover{color:#023260}
.index-case-box .index-case-prev{right:-218px}
.index-case-box .index-case-next{left:-218px}
@media screen and (max-width: 1800px){.index-case-box .index-case-prev{right:-200px}
.index-case-box .index-case-next{left:-200px}
}
@media screen and (max-width: 1600px){.index-case-box .index-case-prev,.index-case-box .index-case-next{font-size:40px}
.index-case-box .index-case-prev{right:-120px}
.index-case-box .index-case-next{left:-120px}
}
@media screen and (max-width: 1440px){.index-case-box .wp1200{width:80%;max-width:100%}
.index-case-box .index-case-prev{right:-9%}
.index-case-box .index-case-next{left:-9%}
}
@media screen and (max-width: 1200px){.index-case-box .index-case-prev,.index-case-box .index-case-next{font-size:35px}
.index-case-box .index-case-prev{right:-6%}
.index-case-box .index-case-next{left:-6%}
}
@media screen and (max-width: 1024px){.index-case-box .index-case-prev,.index-case-box .index-case-next{font-size:30px}
}
@media screen and (max-width: 750px){.index-case-box .index-case-prev,.index-case-box .index-case-next{font-size:18px}
}
.index-case-swiper .swiper-slide-visible .bottom{opacity:1}
.index-case-swiper a{position:relative;display:block;width:100%;height:0;padding-bottom:69%;overflow:hidden}
.index-case-swiper a img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.solution-page .contact-box td{line-height:200%; padding:0 20px; border-left:1px solid #f2f2f2}
.index-case-swiper .bottom{position:absolute;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 30px;width:100%;height:108px;line-height:108px;color:#fff;background-color:rgba(0,0,0,0.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:6}
.index-case-swiper .title{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:22px;font-weight:600;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.index-case-swiper .more{margin-left:.15rem;font-size:12px}
.index-case-swiper .more i{display:inline-block;vertical-align:middle;margin-left:4px;font-size:14px}
@media screen and (max-width: 1440px){.index-case-swiper .bottom{height:88px;line-height:88px}
.index-case-swiper .title{font-size:20px}
}
@media screen and (max-width: 1200px){.index-case-swiper .bottom{padding:0 20px;height:75px;line-height:75px}
.index-case-swiper .title{font-size:18px}
}
@media screen and (max-width: 1024px){.index-case-swiper .bottom{height:65px;line-height:65px}
.index-case-swiper .title{font-size:16px}
}
@media screen and (max-width: 1024px){.index-case-swiper .bottom{padding:0 .15rem;height:45px;line-height:45px}
.index-case-swiper .title{font-size:15px}
}
.index-intro{padding-top:130px;background-position:top center;background-repeat:no-repeat;background-size:auto 881px}
.index-intro-box{max-width:100%;color:#000}
.index-intro-box .title{font-size:38px;font-weight:bold}
.index-intro-box .p{margin-top:25px;font-size:14px;line-height:40px;font-weight:300}
.index-intro-box .more{display:block;margin-top:50px;width:108px;height:33px;line-height:33px;text-align:center;font-size:12px;color:#004281;border:1px solid #d1d1d2;border-radius:35px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-intro-box .more:hover{background-color:#023260;border-color:#023260;color:#fff}

@media screen and (max-width: 1440px){.index-intro{background-size:auto 800px}

.index-intro-box .more{margin-top:40px}
}
@media screen and (max-width: 1200px){.index-intro{padding-top:110px;background-size:auto 700px}

.index-intro-box .more{margin-top:30px;width:88px;height:30px;line-height:30px;font-size:12px}
}
@media screen and (max-width: 1024px){.index-intro{padding-top:.45rem;background-size:auto 580px}

}
@media screen and (max-width: 750px){.index-intro{background-size:auto 340px}
.index-intro-box{max-width:100%}
.index-intro-box .title{font-size:24px}
.index-intro-box .p{margin-top:12px;font-size:14px;line-height:24px}
.index-intro-box .more{margin-top:25px}
}
.index-honor{margin:30px 85px 0;padding:45px 50px 120px;text-align:center;background-color:#fff;-webkit-box-shadow:.01rem .04rem .08rem rgba(0,0,0,0.2);box-shadow:.01rem .04rem .08rem rgba(0,0,0,0.2)}
.index-honor-list{margin-bottom:75px;overflow:hidden}
.index-honor-list .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}
.index-honor-list .img{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 135%;
	overflow: hidden
}
.index-honor-list .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.index-honor-list .img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #023260;z-index:2}
.index-honor .p{font-size:17px;line-height:30px;color:#666;overflow:hidden}
.index-honor .more{display:block;margin:36px auto 0;width:110px;height:35px;line-height:35px;text-align:center;font-size:12px;color:#fff;background-color:#023260;border-radius:35px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-honor .more:hover{opacity:.85}
@media screen and (max-width: 1440px){.index-honor{padding-bottom:90px}
.index-honor .p{font-size:16px;line-height:28px}
}
@media screen and (max-width: 1200px){.index-honor{margin:30px 50px 0;padding:45px 40px 70px}
.index-honor .p{font-size:15px;line-height:26px}
.index-honor-list{margin-bottom:40px}
.index-honor .more{margin-top:30px;width:90px;height:32px;line-height:32px;font-size:12px}
}
@media screen and (max-width: 1024px){.index-honor{margin:30px .2rem 0;padding:44px 40px 60px}
.index-honor .p{font-size:14px;line-height:24px}
.index-honor-list{margin-bottom:.225rem}
}
@media screen and (max-width: 750px){.index-honor{padding:.25rem .2rem .3rem}
.index-honor .p{font-size:13px;line-height:22px}
.index-honor .more{margin-top:20px}
}
.index-news{padding:75px 0 120px;overflow:hidden}
@media screen and (max-width: 1261px){.index-news{padding-top:70px}
}
@media screen and (max-width: 1024px){.index-news{padding-bottom:.4rem}
}
@media screen and (max-width: 750px){.index-news{padding-top:.4rem}
}
.index-news-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:45px}
.index-news-top .index-title{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}
.index-news-top .index-title-main{margin-right:30px;-webkit-box-flex:0;-webkit-flex:0 0 430px;-moz-box-flex:0;-ms-flex:0 0 430px;flex:0 0 430px}
.index-news-top .index-title-menu{margin-bottom:5px}
.index-news-top .more{line-height:50px;font-size:17px;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-news-top .more:hover{color:#023260}
@media screen and (max-width: 1600px){.index-news-top .more{font-size:16px;line-height:40px}
}
@media screen and (max-width: 1440px){.index-news-top .more{font-size:15px;line-height:36px}
}
@media screen and (max-width: 1200px){.index-news-top .index-title-main{-webkit-box-flex:0;-webkit-flex:0 0 200px;-moz-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}
}
@media screen and (max-width: 1024px){.index-news-top{display:block;margin-bottom:28px}
.index-news-top .index-title{display:block}
.index-news-top .index-title-main{margin-right:0}
.index-news-top .index-title-menu{margin-bottom:0}
.index-news-top .more{display:none}
}
@media screen and (max-width: 750px){.index-news-top{margin-bottom:20px}

}
.index-news-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 1024px){.index-news-box{display:block}
}
.index-news-recommond{width:425px}
.index-news-recommond a{display:block;color:#fff;background-color:#023260}
.index-news-recommond .img{position:relative;width:100%;height:0;padding-bottom:88.66667%;overflow:hidden}
.index-news-recommond .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.index-news-recommond .info{padding:24px 30px 20px 25px}
.index-news-recommond .title{height:19.2px;line-height:1.2;font-size:16px;font-weight:600;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.index-news-recommond .p{margin-top:7px;height:16.8px;line-height:1.2;font-size:14px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.index-news-recommond .bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:16px}
.index-news-recommond .icon{font-size:20px}
.index-news-recommond .time{font-size:12px}
@media screen and (max-width: 1260px){.index-news-recommond{width:400px}
}
@media screen and (max-width: 1024px){.index-news-recommond{margin-bottom:40px;width:100%}
}
@media screen and (max-width: 750px){.index-news-recommond{margin-bottom:18px}
.index-news-recommond .info{padding:20px .2rem 12px}
.index-news-recommond .bottom{margin-top:12px}
.index-news-recommond .icon{font-size:18px}
}
.index-news-right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index-news-right-box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:50px}
.index-news-right li{border-top:1px solid #dcdcdc}
.index-news-right li:last-child a{padding-bottom:0}
.index-news-right a{display:block;padding:24px 0 14px}
.index-news-right a:hover .title{color:#023260}
.index-news-right a:hover .top{background-color:#023260}
.index-news-right a:hover .time{color:#fff}
.index-news-right .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:22px;background-color:#f2f2f2;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-news-right .img{width:200px;height:130px}
.index-news-right .img img{width:100%;height:100%}
.index-news-right .time{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-news-right .day{font-size:24px;font-weight:600}
.index-news-right .year{margin-top:5px;font-size:14px}
.index-news-right .title{max-height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-news-right .icon{margin-top:10px;font-size:22px;color:#dcdcdc}
@media screen and (max-width: 1260px){.index-news-right-box{margin-left:40px}
.index-news-right a{padding:20px 0 12px}
.index-news-right .top{margin-bottom:18px}
.index-news-right .img{width:165px;height:107px}
.index-news-right .day{font-size:22px}
.index-news-right .year{margin-top:3px;font-size:13px}
}
@media screen and (max-width: 1024px){.index-news-right{margin:0 -15px}
.index-news-right-box{margin:0 15px}
.index-news-right .img{position:relative;width:60%;height:0;padding-bottom:39%}
.index-news-right .img img{position:absolute;top:0;left:0}
}
@media screen and (max-width: 750px){.index-news-right{display:block;margin:0}
.index-news-right-box{margin:0}
.index-news-right-box+.index-news-right-box{margin-top:.2rem}
.index-news-right a{padding:18px 0 10px}
.index-news-right .top{margin-bottom:15px}
.index-news-right .day{font-size:20px}
.index-news-right .year{margin-top:3px;font-size:12px}
.index-news-right .icon{margin-top:6px;font-size:18px}
}
.solution-page{ padding-top:6%}

.solution-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -13px 15px}
.solution-list li{margin-bottom:26px;padding:0 13px;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.solution-list li a{position:relative;display:block;width:100%;height:0;padding-bottom:100%;color:#fff;overflow:hidden}
.solution-list li a:hover .text-box{opacity:0;visibility:hidden}
.solution-list li a:hover .mask-box{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.solution-list li img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.solution-list li .text-box{width:100%;padding:20px 0;background-color:#fff; text-align: center}

.solution-list li h3,.solution-list li .en{line-height:1.2;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.solution-list li h3{height:18.8px;font-size:16px;font-weight:400}
.solution-list li .en{margin-top:3px;height:16.8px;font-size:14px;font-weight:600;text-transform:uppercase}
.solution-list li .more{font-size:12px}
.solution-list li .more i{display:inline-block;vertical-align:middle;margin-left:4px;font-size:14px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.solution-list li .p{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-top:26px;padding-top:18px;line-height:24px;font-size:16px}
.solution-list li .p-box{max-height:138px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-word}
.solution-list li .p:before{content:'';position:absolute;left:0;top:0;height:2px;width:50px;background-color:#fff}
.solution-list li .mask-box{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:60px 30px 30px;background:rgba(0,66,129,0.55);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:6;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:transform .4s;-moz-transition:transform .4s, -moz-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -moz-transform .4s}
.solution-list li .mask-box .more{margin-top:30px}
@media screen and (max-width: 1200px){.solution-list{margin:0 -10px 15px}
.solution-list li{margin-bottom:20px;padding:0 10px}
.solution-list li .text-box{padding:40px 20px 20px}
.solution-list li .text-box .more{margin-top:26px}
.solution-list li h3{height:26.4px;font-size:22px}
.solution-list li .en{height:15.6px;font-size:13px}
.solution-list li .p{margin-top:22px;line-height:22px;font-size:14px}
.solution-list li .p-box{max-height:128px}
.solution-list li .p:before{width:45px}
.solution-list li .mask-box{padding:30px 20px 20px}
.solution-list li .mask-box .more{margin-top:20px}
}
@media screen and (max-width: 1024px){.solution-list li .text-box .more{margin-top:20px}
.solution-list li h3{height:24px;font-size:20px}
.solution-list li .en{height:14.4px;font-size:12px}
.solution-list li .p{margin-top:16px;padding-top:15px;line-height:20px;font-size:12px}
.solution-list li .p-box{max-height:75px;-webkit-line-clamp:3}
.solution-list li .p:before{width:40px;height:1px}
.solution-list li .mask-box{padding-top:20px}
.solution-list li .mask-box .more{margin-top:15px}
}
@media screen and (max-width: 750px){.solution-list{margin:0 -.075rem .12rem}
.solution-list li{margin-bottom:.15rem;padding:0 .075rem;width:50%}
.solution-list li .text-box{padding:.15rem}
.solution-list li .text-box .more{margin-top:15px}
.solution-list li h3{height:19.2px;font-size:16px}
.solution-list li .en{margin-top:2px;height:12px;font-size:10px}
.solution-list li .p{margin-top:12px;padding-top:10px;line-height:18px;font-size:12px}
.solution-list li .p-box{-webkit-line-clamp:2;max-height:46px}
.solution-list li .p:before{width:30px}
.solution-list li .more{font-size:11px}
.solution-list li .more i{font-size:13px}
.solution-list li .mask-box{padding:.15rem .15rem .125rem}
.solution-list li .mask-box .more{margin-top:10px}
}
.case-page{background-color:#f0f0f0}
.case-page .inside-menu .swiper-slide{color:#333;background-color:#fff}
.case-page .inside-menu .swiper-slide:hover,.case-page .inside-menu .swiper-slide.on{color:#fff;background-color:#023260}
.case-page .paged a,.case-page .paged .p_info,.case-page .paged .current{background-color:#fff}
.case-page .paged .current,.case-page .paged a:hover{background:#023260}
.case-recommond{margin-bottom:22px}
.case-recommond a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#fff}
.case-recommond a:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.case-recommond a:hover h3,.case-recommond a:hover .more i{color:#023260}
.case-recommond .img{width:535px;height:306px;overflow:hidden}
.case-recommond .img img{width:100%;height:100%;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.case-recommond .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:64px 30px;min-width:0}
.case-recommond h3{margin-bottom:14px;height:24px;line-height:1.2;font-size:20px;color:#000;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.case-recommond .p{margin-bottom:40px;max-height:72px;line-height:24px;font-size:14px;color:#666;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}
.case-recommond .more{font-size:12px;color:#999}
.case-recommond .more i{display:inline-block;vertical-align:middle;margin-left:4px;font-size:16px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
@media screen and (max-width: 1200px){.case-recommond .img{width:480px;height:275px}
.case-recommond .info{padding-top:50px;padding-bottom:50px}
}
@media screen and (max-width: 1024px){.case-recommond .img{width:400px;height:229px}
.case-recommond .info{padding-top:40px;padding-bottom:20px}
.case-recommond h3{margin-bottom:14px;height:21.6px;font-size:18px}
.case-recommond .p{margin-bottom:32px}
}
@media screen and (max-width: 750px){.case-recommond{margin-bottom:.15rem}
.case-recommond a{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.case-recommond .img{position:relative;width:50%;height:0;padding-bottom:28.59813%}
.case-recommond .img img{position:absolute;top:0;left:0}
.case-recommond .info{padding:2px .15rem 0}
.case-recommond h3{margin-bottom:10px;max-height:40px;line-height:20px;height:auto;font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.case-recommond .p{display:none}
.case-recommond .more i{font-size:13px}
}
.case-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -11px 10px}
.case-list li{margin-bottom:22px;width:33.33333%;padding:0 11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.case-list li a{display:block;height:100%;background-color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.case-list li a:hover{background-color:#023260}
.case-list li a:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.case-list li a:hover h3,.case-list li a:hover .p,.case-list li a:hover .more{color:#fff}
.case-list li .img{position:relative;width:100%;height:0;padding-bottom:79.22078%;overflow:hidden}
.case-list li .img img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.case-list li .info{padding:28px 30px 20px}
.case-list li h3{margin-bottom:16px;height:19.2px;line-height:1.2;font-size:16px;color:#000;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.case-list li .p{margin-bottom:20px;max-height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.case-list li .more{font-size:12px;color:#999;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.case-list li .more i{display:inline-block;vertical-align:middle;margin:-2px 0 0 4px;font-size:16px}
@media screen and (max-width: 1024px){.case-list li .info{padding:24px 20px 20px}
.case-list li h3{margin-bottom:12px}
.case-list li .p{margin-bottom:18px}
}
@media screen and (max-width: 750px){.case-list{margin:0 -.075rem .1rem}
.case-list li{margin-bottom:.15rem;padding:0 .075rem;width:50%}
.case-list li .info{padding:14px .15rem 10px}
.case-list li h3{margin-bottom:8px;max-height:40px;line-height:20px;height:auto;font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.case-list li .p{display:none}
.case-list li .more i{margin-top:-1px;font-size:13px}
}
.news-list li:not(:last-child){border-bottom:1px solid #dcdcdc}
.news-list li:first-child a{padding-top:0}
.news-list li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:30px 0}
.news-list li a:hover .img img{opacity:.8}
.news-list li a:hover h3{color:#023260}
.news-list li a:hover .icon{color:#023260}
.news-list li .img{margin-right:25px;width:430px;height:240px}
.news-list li .img img{width:100%;height:100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.news-list li .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-top:5px;min-width:0}
.news-list li h3{height:31.2px;line-height:1.2;font-size:26px;color:#333;font-weight:600;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.news-list li .p{margin:12px 0 16px;max-height:78px;line-height:26px;font-size:16px;color:#666;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}
.news-list li .bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.news-list li .icon{font-size:22px;color:#dcdcdc;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.news-list li .time{font-size:14px;color:#999}
@media screen and (max-width: 1200px){.news-list li .img{width:380px;height:212px}
.news-list li h3{height:26.4px;font-size:22px}
.news-list li .p{font-size:15px}
.news-list li .icon{font-size:20px}
.news-list li .time{font-size:12px}
}
@media screen and (max-width: 1024px){.news-list li .img{width:320px;height:179px}
.news-list li .p{max-height:72px;line-height:24px;font-size:14px}
}
@media screen and (max-width: 750px){.news-list li a{display:block;padding:.25rem 0 .2rem}
.news-list li .img{position:relative;width:100%;height:0;padding-bottom:55.81395%}
.news-list li .img img{position:absolute;top:0;left:0}
.news-list li .img+.info{padding-top:16px}
.news-list li .info{padding-top:0}
.news-list li h3{height:19.2px;font-size:16px}
.news-list li .p{margin:10px 0 12px;font-size:13px}
}
.job-page{padding-bottom:90px;background-color:#f5f5f5}
.job-page .wp1200{padding:75px 25px 30px;background-color:#fff}
@media screen and (max-width: 1260px){.job-page{padding-bottom:80px}
.job-page .wp1200{margin:0 30px;padding-top:.325rem}
}
@media screen and (max-width: 1024px){.job-page{padding-bottom:0}
.job-page .wp1200{margin:0;padding:.325rem .15rem .4rem}
}
.job-list{padding-bottom:35px}
.job-list li{margin-bottom:25px}
.job-list .hd{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 38px 12px 8px;line-height:1.5;background-color:#f0f1f5;border:1px solid #e6e6e6;border-radius:6px;overflow:hidden;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.job-list .hd.on{background-color:#023260}
.job-list .hd.on .name,.job-list .hd.on .address,.job-list .hd.on .num{color:#fff}
.job-list .hd.on .icon{color:#023260;background-color:#fff;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.job-list .hd:hover .name,.job-list .hd:hover .address,.job-list .hd:hover .num{color:#023260}
.job-list .hd:hover.on .name,.job-list .hd:hover.on .address,.job-list .hd:hover.on .num{color:#fff}
.job-list span{padding:0 8px}
.job-list .name{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:20px;color:#000;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.job-list .address,.job-list .num{width:25%;font-size:16px;color:#666;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.job-list .icon{width:35px;height:35px;line-height:35px;text-align:center;color:#fff;background-color:#023260;border-radius:50%;overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.job-list .bd{display:none;padding:24px 16px 16px}
.job-list .bd-content{font-size:16px;line-height:36px;color:#666}
.job-list .bd-content p{margin-bottom:18px}
.job-list .bd-content img{max-width:100%;height:auto !important}
.job-list .bd-content ul{list-style:disc}
.job-list .bd-content ul li{list-style:disc}
.job-list .bd-content ol{list-style:decimal}
.job-list .bd-content ol li{list-style:decimal}
.job-list .bd-content p{margin-bottom:0}
.job-list .bd-content p+.bd-content-title{padding-top:12px}
.job-list .bd-content-title{margin-bottom:5px;font-size:20px;color:#023260;font-weight:600}
.job-list .mobile-params{display:none;margin-bottom:12px;padding-bottom:12px;line-height:26px;font-size:15px;color:#333;border-bottom:1px dashed #bcbcbc}
@media screen and (max-width: 1200px){.job-list{padding-bottom:30px}
.job-list .hd{padding-right:30px}
.job-list .name{font-size:18px}
.job-list .address,.job-list .num{font-size:14px}
.job-list .icon{width:30px;height:30px;line-height:30px;font-size:15px}
.job-list .bd-content{font-size:14px;line-height:32px}
.job-list .bd-content p+.bd-content-title{padding-top:10px}
.job-list .bd-content-title{font-size:18px}
}
@media screen and (max-width: 1024px){.job-list{padding-bottom:25px}
.job-list .hd{padding:10px 16px}
.job-list .name{font-size:17px}
.job-list .address,.job-list .num{width:20%}
.job-list .bd-content-title{font-size:17px}
}
@media screen and (max-width: 750px){.job-list{padding-bottom:15px}
.job-list li{margin-bottom:15px}
.job-list .hd{padding:8px 12px}
.job-list span{padding:0}
.job-list .name{font-size:15px}
.job-list .address,.job-list .num{display:none}
.job-list .icon{margin-left:10px;width:25px;height:25px;line-height:25px;font-size:13px}
.job-list .bd{padding:14px 12px 12px}
.job-list .bd-content{line-height:30px}
.job-list .bd-content p+.bd-content-title{padding-top:8px}
.job-list .bd-content-title{margin-bottom:3px;font-size:15px}
.job-list .mobile-params{display:block}
}
.contact-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 1024px){.contact-box{display:block}
}
.contact-left{padding-right:30px;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contact-right{width:50%}
@media screen and (max-width: 1024px){.contact-left{padding-right:0;width:100%}
.contact-right{padding-top:30px;width:100%}
.solution-page{ padding-top:1%}
}
.contact-article{max-height:614px;font-size:16px;line-height:36px;color:#666;overflow:hidden}
.contact-article p{margin-bottom:18px}
.contact-article img{max-width:100%;height:auto !important}
.contact-article ul{list-style:disc}
.contact-article ul li{list-style:disc}
.contact-article ol{list-style:decimal}
.contact-article ol li{list-style:decimal}
.contact-article.show{max-height:100%}
.contact-article p{margin-bottom:0}
.contact-article-title{line-height:80px;font-size:30px;color:#111;font-weight:600;border-bottom:1px solid #f0f0f0}
.contact-article-ul{margin-bottom:20px}
.contact-article-ul li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:30px 0;list-style:none !important;border-bottom:1px solid #f0f0f0}
.contact-article-ul li .icon{margin-right:15px;width:60px;height:60px;line-height:60px;text-align:center;border:1px solid #f0f0f0;border-radius:50%}
.contact-article-ul li .icon img{display:inline-block;vertical-align:middle;max-width:30px;max-height:30px}
.contact-article-ul li .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;line-height:22px}
.contact-article .strong-text{font-weight:600;color:#333}
@media screen and (max-width: 1200px){.contact-article{max-height:514px;font-size:15px;line-height:32px}
.contact-article-title{line-height:80px;font-size:26px}
.contact-article-ul{margin-bottom:15px}
.contact-article-ul li{padding:20px 0}
.contact-article-ul li .icon{width:52px;height:52px;line-height:52px}
.contact-article-ul li .icon img{max-width:24px;max-height:24px}
}
@media screen and (max-width: 1024px){.contact-article{max-height:100%}
.contact-article-title{line-height:70px;font-size:24px}
}
@media screen and (max-width: 750px){.contact-article{font-size:14px;line-height:30px}
.contact-article-title{line-height:50px;font-size:20px}
.contact-article-ul{margin-bottom:10px}
.contact-article-ul li{padding:12px 0}
.contact-article-ul li .icon{margin-right:10px;width:46px;height:46px;line-height:46px}
.contact-article-ul li .icon img{max-width:22px;max-height:22px}
.contact-article-ul li .info{line-height:20px}
}
.contact-more{margin:20px 0 0 130px;width:110px;height:32px;line-height:32px;text-align:center;font-size:13px;color:#666;border:1px solid #dcdcdc;background-color:#fefefe;border-radius:32px;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.contact-more:hover{color:#fff;background-color:#023260;border-color:#023260}
@media screen and (max-width: 1024px){.contact-more{display:none}
}

.contact-map{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:640px}
.contact-map-box{width:100%;height:100%}
@media screen and (max-width: 1200px){.contact-map{height:540px}
}
@media screen and (max-width: 1024px){.contact-map{margin-top:40px;height:460px}
}
@media screen and (max-width: 750px){.contact-map{margin-top:.25rem;height:2.5rem}
}
.contact-form{margin-top:.3rem;padding-top:55px;border-top:1px solid #e6e6e6}
.contact-form .input-text{line-height:43px;font-size:13px;color:red}
.contact-form .group3{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 -11px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.contact-form .group3 li{padding:0 11px;width:33.33333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contact-form input,.contact-form textarea{display:block;width:100%;outline:none;background:none;border:none;font-size:13px;color:#666;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contact-form ::-webkit-input-placeholder{color:#999}
.contact-form ::-moz-placeholder{color:#999}
.contact-form :-ms-input-placeholder{color:#999}
.contact-form .input-box,.contact-form .textarea-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:25px;border:1px solid #e6e6e6}
.contact-form .input-box{padding-left:18px}
.contact-form .textarea-box{padding:0 18px}
.contact-form .input,.contact-form .textarea{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.contact-form input{padding-right:18px;height:45px;line-height:43px}
.contact-form textarea{padding:12px 0;line-height:22px;resize:none}
.contact-form .captcha-img{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:45px;margin-right:7px}
.contact-form .captcha-img img{max-height:30px}
.contact-form .submit-btn{display:block;margin:0 auto;width:130px;height:40px;line-height:40px;text-align:center;font-size:13px;color:#fff;background:#023260;border-radius:40px;border:none;outline:none;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;cursor:pointer}
.contact-form .submit-btn:hover{opacity:.8}
@media screen and (max-width: 1024px){.contact-form{padding-top:.225rem}
}
@media screen and (max-width: 750px){.contact-form .input-text{line-height:38px}
.contact-form .group3{display:block;margin:0}
.contact-form .group3 li{padding:0;width:100%}
.contact-form .input-box,.contact-form .textarea-box{margin-bottom:.1rem}
.contact-form input{padding-right:.15rem;height:40px;line-height:38px}
.contact-form textarea{padding:9px 0}
.contact-form .input-box{padding-left:.15rem}
.contact-form .textarea-box{padding:0 .15rem}
.contact-form .captcha-img{height:40px;margin-right:5px}
.contact-form .submit-btn{margin-top:.2rem;width:110px;height:34px;line-height:34px}
}
.product-page{padding:45px 0 90px}
@media screen and (max-width: 1260px){.product-page{padding-bottom:.4rem}
}
@media screen and (max-width: 1024px){.product-page{padding-top:.3rem}
}
.product-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:40px;border:1px solid #f0f0f0;overflow:hidden}
.product-top-menu{margin-bottom:-1px;width:240px}
.product-top-menu.no-init .swiper-wrapper{width:100%;display:block}
.product-top-menu .swiper-wrapper{font-size:0;text-align:center}
.product-top-menu .swiper-slide{display:block;height:auto;padding:13px 15px;line-height:22px;font-size:16px;color:#333;border-bottom:1px solid #f0f0f0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.product-top-menu .swiper-slide.on{color:#fff;background-color:#023260}
.product-top-bd{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;min-height:391px}
.product-top-bd li{display:none;height:100%}
.product-top-bd li:first-child{display:block}
.product-top-bd li .img{height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
@media screen and (max-width: 1200px){.product-top-menu{width:220px}
.product-top-menu .swiper-slide{line-height:20px;font-size:15px}
.product-top-bd{min-height:375px}
}
@media screen and (max-width: 1024px){.product-top-menu{width:190px}
.product-top-menu .swiper-slide{font-size:14px}
}
@media screen and (max-width: 750px){.product-top{display:block;margin-bottom:.275rem;border:1px solid #f0f0f0;overflow:hidden}
.product-top-menu{margin-bottom:0;width:100%;overflow:hidden}
.product-top-menu .swiper-slide{display:inline-block;vertical-align:top;min-width:92px;width:auto;padding:0 .2rem;line-height:40px;border-bottom:none}
.product-top-menu .swiper-slide:not(:last-child){border-right:1px solid #f0f0f0}
.product-top-bd{width:100%;min-height:0}
.product-top-bd li{position:relative;height:0;padding-bottom:41.14583%}
.product-top-bd li .img{position:absolute;top:0;left:0;width:100%}
}
.product-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -.075rem}
.product-list li{margin-bottom:.225rem;padding:0 .075rem;width:33.33333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-list li a{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:55px 49px 30px;height:100%;text-align:center;border:1px solid #e6e6e6;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-list li a:hover .more{color:#fff;background-color:#023260;border-color:#023260}
.product-list li .tag{position:absolute;top:9px;left:-26px;width:90px;height:25px;line-height:25px;font-size:13px;color:#fff;-webkit-transform:rotate(-50deg);-moz-transform:rotate(-50deg);-ms-transform:rotate(-50deg);transform:rotate(-50deg);z-index:2}
.product-list li .tag-hotsale{background-color:#023260}
.product-list li .tag-recommond{background-color:#ff9100}
.product-list li h3{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0 -19px;line-height:1.3;font-size:20px;color:#333}
.product-list li .img{position:relative;margin:15px 0 12px;width:100%;height:0;padding-bottom:61.42857%;overflow:hidden}
.product-list li .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.product-list li .more{margin:0 auto;width:104px;height:33px;line-height:33px;font-size:13px;color:#666;border:1px solid #dcdcdc;border-radius:33px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
@media screen and (max-width: 1200px){.product-list li h3{font-size:18px}
}
@media screen and (max-width: 1024px){.product-list li a{padding:40px 20px 20px}
.product-list li h3{margin:0;font-size:16px}
.product-list li .more{width:90px;height:28px;line-height:28px;font-size:12px}
}
@media screen and (max-width: 750px){.product-list li{width:50%}
.product-list li a{padding:.25rem .15rem .15rem}
.product-list li .tag{top:4px;left:-23px;width:70px;height:20px;line-height:20px;font-size:12px;-webkit-transform:rotate(-50deg) scale(0.9);-moz-transform:rotate(-50deg) scale(0.9);-ms-transform:rotate(-50deg) scale(0.9);transform:rotate(-50deg) scale(0.9)}
.product-list li h3{font-size:14px}
.product-list li .img{margin:15px 0 12px}
.product-list li .more{width:75px;height:24px;line-height:24px;font-size:12px}
}
.product-detail{padding:80px 0}
.product-detail .wp1200{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.product-detail-img{position:relative;padding:0 0 70px 140px;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-detail-right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:50px;min-width:0}
.product-detail-right .title{margin-bottom:18px;padding-bottom:20px;line-height:1.4;font-size:34px;color:#333;font-weight:600;border-bottom:1px solid #e6e6e6}
.product-detail-right .share-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px;padding-top:30px;border-top:1px solid #e6e6e6}
.product-detail-right .share-box .text{font-weight:600;color:#333}
.product-detail-right .share-box.bdshare-button-style0-16 a{float:none;margin:0 0 0 5px}
@media screen and (max-width: 1600px){.product-detail-right .title{font-size:32px}
}
@media screen and (max-width: 1440px){.product-detail-img{padding:0 0 50px 135px}
.product-detail-right{margin-left:60px}
.product-detail-right .title{margin-bottom:12px;padding-bottom:16px;font-size:26px}
.product-detail-right .share-box{margin-top:25px;padding-top:25px}
}
@media screen and (max-width: 1200px){.product-detail-img{padding-left:110px}
.product-detail-right{margin-left:50px}
.product-detail-right .title{font-size:24px}
}
@media screen and (max-width: 1024px){.product-detail{padding:.35rem 0}
.product-detail .wp1200{display:block}
.product-detail-img{padding:0 0 0 150px;width:100%}
.product-detail-right{display:block;margin-left:0;margin-top:.3rem}
}
@media screen and (max-width: 750px){.product-detail-img{padding-left:0}
.product-detail-right .title{margin-bottom:9px;padding-bottom:12px;font-size:17px}
.product-detail-right .share-box{margin-top:18px;padding-top:16px;font-size:13px}
.product-detail-right .share-box.bdshare-button-style0-16 a{margin-left:4px}
}
.product-content{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-right:-8px;font-size:14px;line-height:30px;color:#666}
.product-content p{margin-bottom:15px}
.product-content img{max-width:100%;height:auto !important}
.product-content ul{list-style:disc}
.product-content ul li{list-style:disc}
.product-content ol{list-style:decimal}
.product-content ol li{list-style:decimal}
.product-content p{margin-bottom:0}
.product-content .content-scroller{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.product-content .wp{padding-right:8px}
.product-content .iScrollIndicator{background:#ccc !important}
.product-content .h4,.product-content .p{padding-left:24px}
.product-content .h4{position:relative;font-size:14px;color:#333;font-weight:bold}
.product-content .h4:before{content:'';position:absolute;top:12px;left:0;width:8px;height:8px;background-color:#000;border-radius:50%}
.product-content .p+.h4{margin-top:15px}
@media screen and (max-width: 1024px){.product-content{margin-right:0}
.product-content .content-scroller{position:relative;height:auto;-ms-touch-action:auto !important;touch-action:auto !important}
.product-content .wp{padding-right:0}
}
@media screen and (max-width: 750px){.product-content .h4,.product-content .p{padding-left:16px}
.product-content .h4:before{top:12px;width:6px;height:6px}
.product-content .p+.h4{margin-top:8px}
}
.product-btn{display:block;margin:30px 0 0 24px;width:135px;height:35px;line-height:35px;text-align:center;font-size:13px;color:#fff;background-color:red;border-radius:3px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.product-btn:hover{background-color:#023260}
@media screen and (max-width: 1200px){.product-btn{width:110px;height:32px;line-height:32px}
}
@media screen and (max-width: 750px){.product-btn{margin:12px 0 0 16px;width:96px;height:28px;line-height:28px;font-size:12px}
}
.jqzoom{cursor:crosshair}
.zoomdiv{position:absolute;top:50% !important;left:0;margin-top:-200px;width:400px;height:400px;border:1px solid #e6e6e6;background:#fff;display:none;text-align:center;z-index:8889;overflow:hidden}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;border:1px solid #e6e6e6;background:rgba(255,255,255,0.5)}
.product-gallery{position:absolute;top:0;left:0;width:100%;height:100%}
.product-gallery-box{position:relative;width:100%;height:0;padding-bottom:123.91304%}
.product-gallery li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:#fff}
.product-gallery li .jqzoom{position:relative;max-width:100%;max-height:100%;overflow:hidden}
.product-gallery li .jqzoom img{max-width:460px;max-height:570px}
@media screen and (max-width: 1260px){.product-gallery-box{padding-bottom:90%}
.product-gallery .jqzoom img{max-width:100%;max-height:100%}
}
@media screen and (max-width: 1024px){.product-gallery-box{padding-bottom:90%}
}
@media screen and (max-width: 750px){.product-gallery-box{padding-bottom:61.33333%}
}
.product-thumbs{position:absolute;top:0;left:0;bottom:70px;width:120px;padding:50px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-thumbs .thumbs-prev,.product-thumbs .thumbs-next{position:absolute;left:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:50px;color:#e6e6e6;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;outline:none;cursor:pointer;z-index:99}
.product-thumbs .thumbs-prev i,.product-thumbs .thumbs-next i{font-size:32px}
.product-thumbs .thumbs-prev i:before,.product-thumbs .thumbs-next i:before{display:inline-block;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.product-thumbs .thumbs-prev:hover,.product-thumbs .thumbs-next:hover{color:#023260}
.product-thumbs .thumbs-prev{top:0}
.product-thumbs .thumbs-next{bottom:0;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}
.product-thumbs-box{height:100%;overflow:hidden}
.product-thumbs-box .swiper-slide{border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.product-thumbs-box .swiper-slide .img{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
.product-thumbs-box .swiper-slide-thumb-active{border-color:#023260}
@media screen and (max-width: 1440px){.product-thumbs{padding:45px 0;bottom:50px}
.product-thumbs .thumbs-prev,.product-thumbs .thumbs-next{height:45px}
.product-thumbs .thumbs-prev i,.product-thumbs .thumbs-next i{font-size:24px}
}
@media screen and (max-width: 1200px){.product-thumbs{padding:36px 0;width:100px}
.product-thumbs .thumbs-prev,.product-thumbs .thumbs-next{height:36px}
.product-thumbs .thumbs-prev i,.product-thumbs .thumbs-next i{font-size:22px}
}
@media screen and (max-width: 1024px){.product-thumbs{bottom:0;width:140px}
}
@media screen and (max-width: 750px){.product-thumbs{position:relative;bottom:auto;width:100%;margin-top:10px;padding:0 24px}
.product-thumbs .thumbs-prev,.product-thumbs .thumbs-next{position:absolute;top:0;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:24px;height:100%}
.product-thumbs .thumbs-prev i,.product-thumbs .thumbs-next i{font-size:16px}
.product-thumbs .thumbs-prev i:before,.product-thumbs .thumbs-next i:before{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.product-thumbs .thumbs-next{right:0;left:auto;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.product-thumbs-box{width:100%;height:auto}
.product-thumbs-box .swiper-slide .img{height:0;padding-bottom:66.10169%}
}
.product-related{padding:28px 0 85px;background-color:#f5f5f5}
.product-related-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid #e6e6e6}
.product-related-title h3{font-size:24px;font-weight:600;color:#333}
.product-related-title .more{font-size:15px;color:#999;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.product-related-title .more:hover{color:#023260;text-decoration:underline}
.product-related-swiper{overflow:hidden}
.product-related-swiper li{background-color:#fff}
.product-related-swiper li a{display:block;padding:0;height:100%;text-align:center;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.product-related-swiper li a:hover{border-color:#023260}
.product-related-swiper li a:hover h3{color:#023260}
.product-related-swiper li h3{margin-bottom:12px;height:24px;line-height:1.2;padding:15px;font-size:20px;color:#333;font-weight:600;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.product-related-swiper li .img{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden}
.product-related-swiper li .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.product-related .related-pagination{margin-top:20px;text-align:center}
.product-related .related-pagination .swiper-pagination-bullet{margin:0 5px;background-color:#fff;opacity:1;outline:none}
.product-related .related-pagination .swiper-pagination-bullet-active{background-color:#023260}
@media screen and (max-width: 1440px){.product-related-swiper li h3{font-size:18px}
}
@media screen and (max-width: 1024px){.product-related{padding:.325rem 0 .35rem}
.product-related-title h3{font-size:22px}
.product-related-title .more{font-size:13px}
.product-related-swiper li h3{font-size:16px}
}
@media screen and (max-width: 750px){.product-related-title{padding-bottom:15px;margin-bottom:20px}
.product-related-title h3{font-size:16px}
.product-related-title .more{font-size:12px}
.product-related-swiper li h3{margin-bottom:8px;height:16.8px;font-size:14px}
.product-related .related-pagination{margin-top:12px}
.product-related .related-pagination .swiper-pagination-bullet{margin:0 4px}
}
.popup-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:9990}
.product-popup{display:none;position:fixed;top:50%;left:0;padding:0 .35rem;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:9999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-popup-box{position:relative;height:0;padding-bottom:61.42857%;overflow:hidden}
.product-popup-swiper{position:absolute;top:0;left:0;width:100%;height:100%}
.product-popup-swiper img{width:100%;height:100%}
.product-popup .popup-prev,.product-popup .popup-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:.35rem;height:100%;color:#fff;z-index:999;outline:none;cursor:pointer}
.product-popup .popup-prev i,.product-popup .popup-next i{font-size:.2rem}
.product-popup .popup-next{left:0}
.product-popup .popup-prev{right:0}
.solution-detail{}
.solution-detail .wp1200{padding:0px 25px 0;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.solution-detail-top{padding-bottom:10px;text-align:center;border-bottom:1px solid #e6e6e6}
.solution-detail-top h2{font-weight:600;line-height:1.4;font-size:40px;color:#000}
.solution-detail-top .time{font-size:14px;color:#999}
@media screen and (max-width: 1260px){.solution-detail{padding-top:0}
.solution-detail .wp1200{padding-right:.15rem;padding-left:.15rem}
.solution-detail-top{padding-bottom:45px}
.solution-detail-top h2{font-size:34px}
.solution-detail-top .time{font-size:13px}
}
@media screen and (max-width: 1024px){.solution-detail .wp1200{padding-top:.3rem}
.solution-detail-top{padding-bottom:.2rem}
.solution-detail-top h2{font-size:30px}
.solution-detail-top .time{font-size:12px}
}
@media screen and (max-width: 750px){.solution-detail-top h2{margin-bottom:2px;font-size:20px}
}
.solution-article{padding:35px 0 25px;font-size:14px;line-height:24px;color:#666}
.solution-article p{margin-bottom:12px}
.solution-article img{max-width:100%;height:auto !important}
.solution-article ul{list-style:disc}
.solution-article ul li{list-style:disc}
.solution-article ol{list-style:decimal}
.solution-article ol li{list-style:decimal}
.solution-article p{margin-bottom:15px}
@media screen and (max-width: 1024px){.solution-article{padding:25px 0 20px}
}
@media screen and (max-width: 750px){.solution-article{padding:20px 0 15px}
.solution-article p{margin-bottom:10px}
}
.solution-paged{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:36px 0;font-size:14px;border-top:1px solid #e6e6e6}
.solution-paged a{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;color:#999;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.solution-paged a:hover{color:#023260}
.solution-paged a+a{margin-left:20px;text-align:right}
.solution-paged .title{font-size:14px;color:#666}
@media screen and (max-width: 1024px){.solution-paged{padding:30px 0}
}
@media screen and (max-width: 750px){.solution-paged{display:block;padding:16px 0}
.solution-paged a{display:block;line-height:28px}
.solution-paged a+a{text-align:left;margin-left:0}
}
.honor-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}
.honor-list li{margin-bottom:30px;padding:0 15px;width:33.33333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.honor-list li .a-box{display:block;text-align:center;border:1px solid #e6e6e6}
.honor-list li .img{position:relative;width:100%;height:0;padding-bottom:63.15789%;background-color:#f0f0f0;overflow:hidden}
.honor-list li .img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:-moz-calc(100% - .15rem);max-width:calc(100% - .15rem);max-height:-moz-calc(100% - .15rem);max-height:calc(100% - .15rem)}
.honor-list li h3{padding:13px 15px;line-height:22px;font-size:16px;color:#000;border-top:1px solid #e6e6e6}
@media screen and (max-width: 1200px){.honor-list li h3{line-height:20px;font-size:15px}
}
@media screen and (max-width: 1024px){.honor-list{margin:0 -10px 10px}
.honor-list li{margin-bottom:20px;padding:0 10px}
.honor-list li h3{line-height:18px;font-size:14px}
}
@media screen and (max-width: 750px){.honor-list{margin:0 -.075rem .1rem}
.honor-list li{margin-bottom:.15rem;padding:0 .075rem;width:50%}
.honor-list li h3{padding:9px .1rem;font-size:13px}
}
.about-article{font-size:16px;line-height:30px;color:#666;overflow:hidden}
.about-article p{margin-bottom:15px}
.about-article img{max-width:100%;height:auto !important}
.about-article ul{list-style:disc}
.about-article ul li{list-style:disc}
.about-article ol{list-style:decimal}
.about-article ol li{list-style:decimal}
.about-article p{margin-bottom:15px}
@media screen and (max-width: 1024px){.about-article{font-size:15px}
}
@media screen and (max-width: 750px){.about-article{font-size:14px;line-height:28px}
.about-article p{margin-bottom:10px}
}
.culture-icon-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}
.culture-icon-list li{position:relative;margin-bottom:40px;padding:0 50px;max-width:448px;width:33.33333%;list-style:none !important;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.culture-icon-list li:not(:first-child):before{content:'';position:absolute;top:18px;bottom:24px;left:0;width:1px;background-color:#f0f0f0}
.culture-icon-list li .icon{margin:0 auto 15px;width:84px;height:84px;line-height:84px;border:1px solid #e6e6e6;border-radius:50%;overflow:hidden}
.culture-icon-list li .icon img{display:inline-block;vertical-align:middle;max-width:40px;max-height:40px}
.culture-icon-list li .title{font-size:22px;color:#333;font-weight:600}
.culture-icon-list li p{margin-bottom:0;line-height:1.5;font-size:14px;color:#666}
@media screen and (max-width: 1200px){.culture-icon-list{margin-bottom:0}
.culture-icon-list li{padding:0 40px}
.culture-icon-list li .title{font-size:20px}
}
@media screen and (max-width: 1024px){.culture-icon-list{margin:0 -.15rem .05rem}
.culture-icon-list li{margin-bottom:.15rem;padding:0 .15rem}
.culture-icon-list li .icon{margin-bottom:12px;width:72px;height:72px;line-height:72px}
.culture-icon-list li .icon img{max-width:34px;max-height:34px}
.culture-icon-list li .title{font-size:18px}
}
@media screen and (max-width: 750px){.culture-icon-list li .icon{margin-bottom:6px;width:50px;height:50px;line-height:50px}
.culture-icon-list li .icon img{max-width:24px;max-height:24px}
.culture-icon-list li .icon:before{top:.15rem;bottom:.18rem}
.culture-icon-list li .title{font-size:14px}
.culture-icon-list li p{font-size:12px}
}
.culture-intro-list li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:70px;list-style:none !important;background-color:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.culture-intro-list li:nth-child(odd) .img{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-box-ordinal-group:3;-ms-flex-order:2;order:2}
.culture-intro-list li .img{position:relative;width:61.66667%;height:0;padding-bottom:32.16667%;overflow:hidden}
.culture-intro-list li .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.culture-intro-list li .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.culture-intro-list li .info-title{margin-bottom:12px;font-size:30px;color:#333;font-weight:600}
.culture-intro-list li .info-p{line-height:24px;font-size:14px;color:#666}
@media screen and (max-width: 1200px){.culture-intro-list li{margin-bottom:60px}
.culture-intro-list li .info-title{font-size:26px}
}
@media screen and (max-width: 1024px){.culture-intro-list li{margin-bottom:.25rem}
.culture-intro-list li .info{padding:20px 30px}
.culture-intro-list li .info-title{margin-bottom:9px;font-size:22px}
}
@media screen and (max-width: 750px){.culture-intro-list li{display:block}
.culture-intro-list li .img{width:100%;padding-bottom:52.16216%}
.culture-intro-list li .info{padding:.2rem}
.culture-intro-list li .info-title{margin-bottom:6px;font-size:18px}
}
.culture-gallery{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -.075rem}
.culture-gallery li{margin-bottom:.15rem;padding:0 .075rem;width:50%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.culture-gallery li img{width:100%}
.culture-worker{padding-top:45px}
.culture-worker-title{margin-bottom:24px;font-size:30px;color:#333;font-weight:bold}
.culture-worker-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}
.culture-worker-list li{margin-bottom:20px;padding:0 10px;width:25%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.culture-worker-list li img{width:100%}
@media screen and (max-width: 1200px){.culture-worker{padding-top:30px}
.culture-worker-title{font-size:26px}
}
@media screen and (max-width: 1024px){.culture-worker{padding-top:.1rem}
.culture-worker-title{font-size:24px}
}
@media screen and (max-width: 750px){.culture-worker-title{margin-bottom:15px;font-size:20px}
.culture-worker-list{margin:0 -.075rem}
.culture-worker-list li{margin-bottom:.15rem;padding:0 .075rem;width:50%}
}
.about-box1{padding-bottom:85px}
.about-box1 p{margin-bottom:0}
.about-box1-title{margin-bottom:12px;line-height:1.4;font-weight:600;font-size:38px;color:#333}
@media screen and (max-width: 1440px){.about-box1-title{font-size:32px}
}
@media screen and (max-width: 1200px){.about-box1{padding-bottom:.35rem}
.about-box1-title{font-size:28px}
}
@media screen and (max-width: 1024px){.about-box1-title{font-size:26px}
}
@media screen and (max-width: 750px){.about-box1-title{margin-bottom:8px;font-size:20px}
}
.about-box2{padding:50px 0 30px;background-color:#f8f8fa}
.about-box2-title{line-height:1.4;font-size:30px;color:#333;font-weight:600}
.about-box2-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -11px}
.about-box2-list li{margin-top:25px;padding:0 11px;width:33.33333%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.about-box2-list li .img{position:relative;width:100%;height:0;padding-bottom:72.72727%;overflow:hidden}
.about-box2-list li .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.about-box2-list li .title{margin:24px 0 10px;font-size:24px;color:red}
.about-box2-list li p{margin-bottom:0;line-height:24px}
@media screen and (max-width: 1440px){.about-box2-title{font-size:28px}
.about-box2-list li .title{font-size:22px}
}
@media screen and (max-width: 1200px){.about-box2-title{font-size:26px}
.about-box2-list li .title{margin:20px 0 6px;font-size:19px}
.about-box2-list li p{line-height:23px}
}
@media screen and (max-width: 1024px){.about-box2-title{font-size:24px}
.about-box2-list li .title{margin:16px 0 4px;font-size:17px}
.about-box2-list li p{line-height:22px;font-size:14px}
}
@media screen and (max-width: 750px){.about-box2{padding:.3rem 0 .3rem}
.about-box2-title{font-size:20px}
.about-box2-list{display:block;margin:0}
.about-box2-list li{margin-top:.225rem;padding:0;width:100%}
.about-box2-list li .title{margin-top:12px}
.about-box2-list li p{line-height:20px;font-size:13px}
}
.about-box3{padding:80px 0 120px}
.about-box3 p{margin-bottom:0}
@media screen and (max-width: 1200px){.about-box3{padding:.325rem 0 .4rem}
}
.about-history{padding:55px 0;background-color:#f8f8fa;overflow:hidden}
.about-history-title{margin-bottom:70px;font-size:36px;color:#333;font-weight:600}
.about-history-box{position:relative}
.about-history-box:after{content:'';position:absolute;top:260px;left:-moz-calc((1200px - 100vw) / 2);left:calc((1200px - 100vw) / 2);right:-moz-calc((1200px - 100vw) / 2);right:calc((1200px - 100vw) / 2);height:18px;background:url(../images/line3.png) center center repeat-x;background-size:auto 100%}
.about-history-swiper{position:relative;overflow:hidden;z-index:6}
.about-history-swiper li{text-align:center}
.about-history-swiper .img{position:relative;width:100%;padding-bottom:100%;height:0;border-radius:50%;overflow:hidden}
.about-history-swiper .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.about-history-swiper .title{position:relative;padding:90px 0 12px;font-size:26px;color:#000}
.about-history-swiper .title:before{content:'';position:absolute;left:50%;margin-left:-5px;top:54px;width:10px;height:10px;background-color:red;border-radius:50%}
.about-history-swiper p{font-size:14px;line-height:22px;color:#333}
.about-history .history-next,.about-history .history-prev{position:absolute;top:75px;font-size:46px;color:#000;outline:none;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;cursor:pointer}
.about-history .history-next:hover,.about-history .history-prev:hover{color:#023260}
.about-history .history-next{left:-130px}
.about-history .history-prev{right:-130px}
@media screen and (max-width: 1600px){.about-history .history-next{left:-100px}
.about-history .history-prev{right:-100px}
}
@media screen and (max-width: 1440px){.about-history-title{margin-bottom:60px;font-size:32px}
.about-history .history-next,.about-history .history-prev{font-size:40px}
.about-history .history-next{left:-60px}
.about-history .history-prev{right:-60px}
}
@media screen and (max-width: 1300px){.about-history .wp1200{padding:0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.about-history-box:after{top:244px;left:-moz-calc((1120px - 100vw) / 2);left:calc((1120px - 100vw) / 2);right:-moz-calc((1120px - 100vw) / 2);right:calc((1120px - 100vw) / 2)}
}
@media screen and (max-width: 1260px){.about-history .wp1200{padding:0 .3rem;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.about-history-box:after{top:-moz-calc((100vw - 120px - 4 * 48px) / 5 + 58px);top:calc((100vw - 120px - 4 * 48px) / 5 + 58px);left:-.3rem;right:-.3rem}
.about-history .history-next,.about-history .history-prev{font-size:32px}
.about-history .history-next{left:-.25rem}
.about-history .history-prev{right:-.25rem}
}
@media screen and (max-width: 1200px){.about-history-title{margin-bottom:.25rem;font-size:28px}
.about-history-box:after{top:-moz-calc((100vw - 120px - 4 * 40px) / 5 + 39px);top:calc((100vw - 120px - 4 * 40px) / 5 + 39px);height:16px}
.about-history .history-next,.about-history .history-prev{margin-top:-15px;top:-moz-calc((100vw - 120px - 4 * 48px) / 10);top:calc((100vw - 120px - 4 * 48px) / 10);font-size:28px}
.about-history-swiper .title{padding:65px 0 8px;font-size:22px}
.about-history-swiper .title:before{top:36px}
}
@media screen and (max-width: 1024px){.about-history{margin-bottom:-.4rem}
.about-history-title{font-size:26px}
.about-history-box:after{top:-moz-calc((100vw - 120px - 3 * 30px) / 4 + 30px);top:calc((100vw - 120px - 3 * 30px) / 4 + 30px);height:14px}
.about-history .history-next,.about-history .history-prev{top:-moz-calc((100vw - 120px - 3 * 30px) / 8);top:calc((100vw - 120px - 3 * 30px) / 8)}
.about-history-swiper .title{padding-top:55px;font-size:20px}
.about-history-swiper .title:before{top:30px;margin-left:-4px;width:8px;height:8px}
.about-history-swiper p{font-size:13px;line-height:20px}
}
@media screen and (max-width: 750px){.about-history{padding:.325rem 0 .35rem}
.about-history-title{font-size:22px}
.about-history-box:after{top:-moz-calc((100vw - .6rem - 24px) / 2 + 16px);top:calc((100vw - .6rem - 24px) / 2 + 16px);height:12px}
.about-history .history-next,.about-history .history-prev{margin-top:-.1rem;top:-moz-calc((100vw - .6rem - 7vw) / 4);top:calc((100vw - .6rem - 7vw) / 4);font-size:.21rem}
.about-history-swiper .title{padding-top:34px;font-size:18px}
.about-history-swiper .title:before{top:16px}
.about-history-swiper p{font-size:12px;line-height:18px}
}
.join-title{line-height:1.2;text-align:center;font-size:50px;font-weight:600;color:red}
.join-title .title-line{position:relative}
.join-title .title-line:after{content:'';position:absolute;bottom:-4px;left:6px;right:6px;height:9px;background:url(../images/line1.png) left center repeat-x;background-size:auto 100%}
@media screen and (max-width: 1440px){.join-title{font-size:42px}
.join-title .title-line:after{bottom:-3px;height:7px}
}
@media screen and (max-width: 1200px){.join-title{font-size:38px}
}
@media screen and (max-width: 1024px){.join-title{font-size:30px}
.join-title .title-line:after{height:6px}
}
@media screen and (max-width: 750px){.join-title{font-size:22px}
.join-title .title-line:after{height:4px}
}
.join-description{text-align:center;line-height:1.6;font-size:20px}
@media screen and (max-width: 1440px){.join-description{font-size:18px}
}
@media screen and (max-width: 1024px){.join-description{font-size:17px}
}
@media screen and (max-width: 750px){.join-description{font-size:16px}
}
.join-box1{padding:90px 0;background-color:#fff}
.join-box1 .join-title{color:red}
.join-box1 .join-description{margin-top:6px;color:#333}
.join-box1 .p{margin:25px auto 50px;max-width:980px;text-align:center}
.join-box1-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -13px}
.join-box1-list li{margin-top:26px;padding:0 13px;width:25%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-box1-list .a-box{height:100%;background-color:red}
.join-box1-list .img{position:relative;width:100%;height:0;padding-bottom:85.71429%;overflow:hidden}
.join-box1-list .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.join-box1-list .info{padding:10px 15px 12px;line-height:1.5;font-size:14px;color:#fff}
.join-box1-list .title{font-size:20px}
.join-box1-list p{margin-bottom:0}
@media screen and (max-width: 1200px){.join-box1{padding:.35rem 0}
.join-box1 .p{margin-bottom:30px}
.join-box1-list{margin:0 -10px}
.join-box1-list li{margin-top:20px;padding:0 10px}
.join-box1-list .info{font-size:13px}
.join-box1-list .title{font-size:18px}
.join-box1-list p{margin-bottom:0}
}
@media screen and (max-width: 1024px){.join-box1 .p{margin:16px 0 20px}
.join-box1-list{margin:0 -6px}
.join-box1-list li{margin-top:12px;padding:0 6px}
.join-box1-list .info{padding-left:12px;padding-right:12px;font-size:12px}
.join-box1-list .title{margin-bottom:2px;font-size:16px}
}
@media screen and (max-width: 750px){.join-box1 .p{margin:12px 0 15px}
.join-box1-list{margin:0 -.075rem}
.join-box1-list li{width:50%;margin-top:.15rem;padding:0 .075rem}
.join-box1-list .info{padding:10px 12px;font-size:12px}
.join-box1-list .title{font-size:15px}
}
.join-box2{padding:85px 0 60px;background-color:#c90100}
.join-box2 .join-title{margin-bottom:35px;color:#fff}
.join-box2-wp+.join-box2-wp{margin-top:60px}
.join-box2-img{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}
.join-box2-img li{margin-bottom:20px;padding:0 10px;width:50%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-box2-img li img{width:100%}
.join-box2-img .group2{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 -10px}
.join-box2-img .group2-item{padding:0 10px;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width: 1200px){.join-box2{padding:.325rem 0 .3rem}
.join-box2-wp+.join-box2-wp{margin-top:40px}
}
@media screen and (max-width: 1024px){.join-box2 .join-title{margin-bottom:30px}
.join-box2-img{margin:0 -6px}
.join-box2-img li{margin-bottom:12px;padding:0 6px}
.join-box2-img .group2{margin:0 -6px}
.join-box2-img .group2-item{padding:0 6px}
}
@media screen and (max-width: 750px){.join-box2 .join-title{margin-bottom:20px}
.join-box2-wp+.join-box2-wp{margin-top:.3rem}
.join-box2-img{display:block;margin:0}
.join-box2-img li{margin-bottom:.15rem;padding:0;width:100%}
.join-box2-img .group2{margin:0 -.075rem}
.join-box2-img .group2-item{padding:0 .075rem}
}
.join-condition{padding:85px 0 60px}
.join-condition .join-title{margin-bottom:35px;color:#333}
.join-condition-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -13px}
.join-condition-list li{margin-bottom:26px;padding:0 13px;width:25%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-condition-list .a-box{text-align:center;height:100%;background-color:red}
.join-condition-list .img{position:relative;width:100%;height:0;padding-bottom:85.71429%;overflow:hidden}
.join-condition-list .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.join-condition-list p{margin-bottom:0;padding:14px 15px;line-height:22px;font-size:16px;color:#fff}
@media screen and (max-width: 1200px){.join-condition{padding:.35rem 0 .3rem}
.join-condition-list{margin:0 -10px}
.join-condition-list li{margin-bottom:20px;padding:0 10px}
.join-condition-list p{font-size:15px}
}
@media screen and (max-width: 1024px){.join-condition .join-title{margin-bottom:30px}
.join-condition-list{margin:0 -6px}
.join-condition-list li{margin-bottom:12px;padding:0 6px}
.join-condition-list p{padding:10px 12px;line-height:20px;font-size:14px}
}
@media screen and (max-width: 750px){.join-condition .join-title{margin-bottom:20px}
.join-condition-list{margin:0 -.075rem}
.join-condition-list li{width:50%;margin-bottom:.15rem;padding:0 .075rem}
.join-condition-list p{padding:10px;font-size:13px}
}
.join-process{padding:85px 0;background-color:#c90100}
.join-process .join-title{margin-bottom:35px;color:#fff}
.join-process-list{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}
.join-process-list:before{content:'';position:absolute;top:25px;left:50px;right:50px;height:1px;background:url(../images/line2.png) left center repeat-x}
.join-process-list li{position:relative;max-width:120px;text-align:center;list-style:none !important}
.join-process-list li:not(:last-child):before{content:'\e697';position:absolute;left:-moz-calc(1200px / 6 + 20px);left:calc(1200px / 6 + 20px);top:10px;font-family:'iconfont';font-size:14px;color:#fff}
.join-process-list .icon{margin:0 auto;width:50px;height:50px;line-height:50px}
.join-process-list .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.join-process-list .title{margin:12px 0 2px;line-height:1.5;font-size:20px;color:#fff}
.join-process-list .en{line-height:1.2;font-size:12px;color:#e5e5e5;text-transform:capitalize}
@media screen and (max-width: 1200px){.join-process{padding:.35rem 0}
.join-process-list:before{top:22px}
.join-process-list li:not(:last-child):before{top:8px;left:-moz-calc((100vw - .3rem) / 6 + 20px);left:calc((100vw - .3rem) / 6 + 20px)}
.join-process-list .icon{width:46px;height:46px;line-height:46px}
.join-process-list .title{font-size:18px}
}
@media screen and (max-width: 1024px){.join-process .join-title{margin-bottom:30px}
.join-process-list .icon{width:40px;height:40px;line-height:40px}
.join-process-list .title{margin-bottom:0;font-size:16px}
}
@media screen and (max-width: 750px){.join-process .join-title{margin-bottom:20px}
.join-process-list:before{top:16px;left:25px;right:25px}
.join-process-list li{max-width:90px}
.join-process-list li:not(:last-child):before{left:-moz-calc((100vw - .3rem) / 6 + 15px);left:calc((100vw - .3rem) / 6 + 15px);top:2px;font-size:13px}
.join-process-list .icon{width:32px;height:32px;line-height:32px}
.join-process-list .title{margin-top:8px;font-size:14px}
.join-process-list .en{font-size:10px}
}
.join-honor{padding:85px 0;background-color:#fff}
.join-honor .join-title{color:#333}
.join-honor .join-description{color:#666}
.join-honor-img{margin-top:52px;text-align:center}
@media screen and (max-width: 1200px){.join-honor{padding:.35rem 0}
.join-honor-img{margin-top:40px}
}
@media screen and (max-width: 750px){.join-honor-img{margin-top:20px}
}
.join-advantage{padding:85px 0;background-color:#c90100}
.join-advantage .join-title,.join-advantage .join-description{color:#fff}
.join-advantage-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:15px -10px 0}
.join-advantage-list li{margin-top:20px;padding:0 10px;width:33.33333%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-advantage-list .a-box{height:100%;text-align:center;background-color:#fff}
.join-advantage-list .img{position:relative;width:100%;height:0;padding-bottom:80.25974%;overflow:hidden}
.join-advantage-list .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.join-advantage-list p{margin-bottom:0;padding:14px 15px;line-height:22px;font-size:16px;color:#333}
@media screen and (max-width: 1200px){.join-advantage{padding:.35rem 0}
.join-advantage-list p{font-size:15px}
}
@media screen and (max-width: 1024px){.join-advantage{padding:.35rem 0}
.join-advantage-list{margin:15px -6px 0}
.join-advantage-list li{margin-top:12px;padding:0 6px}
.join-advantage-list p{padding:10px 12px;line-height:20px;font-size:14px}
}
@media screen and (max-width: 750px){.join-advantage-list{margin:10px -.075rem 0}
.join-advantage-list li{width:50%;margin-top:.15rem;padding:0 .075rem}
.join-advantage-list p{padding:10px;font-size:13px}
}
.join-box7{padding-top:80px;background-color:#f5f5f5}
.join-box7-title{margin-bottom:30px;line-height:1.2;font-size:42px;color:#d80000;font-weight:600}
.join-box7-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.join-box7-top .left{width:600px;line-height:24px;font-size:16px}
.join-box7-top .left p{margin-bottom:12px}
.join-box7-top .right{margin-top:65px}
.join-box7-top .right-name{font-size:16px;color:#666}
.join-box7-top .right-name .iconfont{display:inline-block;vertical-align:middle;margin-right:10px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;font-size:14px;background-color:#023260;border-radius:50%}
.join-box7-top .right-tel{margin-top:10px;font-weight:600;font-size:36px;color:#333}
.join-box7-img{margin-top:100px;text-align:center}
@media screen and (max-width: 1200px){.join-box7{padding-top:.35rem}
.join-box7-title{font-size:38px}
.join-box7-top .right{margin-top:50px}
.join-box7-top .right-tel{font-size:32px}
}
@media screen and (max-width: 1024px){.join-box7-title{margin-bottom:25px;font-size:30px}
.join-box7-top .left{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;width:auto;max-width:600px;font-size:15px}
.join-box7-top .right{margin:40px 0 0 40px}
.join-box7-top .right-tel{margin-top:6px;font-size:26px}
.join-box7-img{margin-top:.4rem}
}
@media screen and (max-width: 750px){.join-box7-title{margin-bottom:10px;font-size:22px}
.join-box7-top{display:block}
.join-box7-top .left{font-size:14px}
.join-box7-top .right{margin:20px 0 0}
.join-box7-top .right-tel{margin-top:4px;font-size:20px}
}
.join-apply{padding:85px 0 90px}
.join-apply-title{margin-bottom:35px;text-align:center;font-size:36px;color:#333;font-weight:600}
.join-apply-form .input-text{line-height:50px;font-size:14px;color:#333}
.join-apply-form .input-text em{color:red;font-style:normal}
.join-apply-form .group3{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 -15px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.join-apply-form .group3 li{padding:0 15px;width:33.33333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-apply-form input,.join-apply-form textarea,.join-apply-form select{display:block;width:100%;outline:none;background:none;border:none;font-size:14px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-apply-form .input-box,.join-apply-form .textarea{margin-bottom:30px;background-color:#f0f0f0}
.join-apply-form .input-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-left:15px}
.join-apply-form .input,.join-apply-form .select{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.join-apply-form input{padding:0 15px 0 12px;height:50px;line-height:50px}
.join-apply-form textarea{padding:12px 15px;line-height:22px;resize:none;overflow:auto}
.join-apply-form .select{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative}
.join-apply-form .select:before{content:'\e71b';position:absolute;right:16px;top:0;line-height:50px;font-family:'iconfont';font-size:14px;color:#666;z-index:0}
.join-apply-form select{position:relative;display:block;padding:0 45px 0 12px;height:50px;line-height:50px;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
.join-apply-form select::-ms-expand{display:none}
.join-apply-form .captcha-img{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:50px;margin-right:10px}
.join-apply-form .captcha-img img{max-height:30px}
.join-apply-form .submit-btn{display:block;margin:0 auto;width:130px;height:40px;line-height:40px;text-align:center;font-size:13px;color:#fff;background:#023260;border-radius:40px;border:none;outline:none;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;cursor:pointer}
.join-apply-form .submit-btn:hover{opacity:.8}
@media screen and (max-width: 1200px){.join-apply{padding-top:.35rem}
.join-apply-title{font-size:32px}
.join-apply-form .group3{margin:0 -10px}
.join-apply-form .group3 li{padding:0 10px}
.join-apply-form .input-box,.join-apply-form .textarea{margin-bottom:20px}
}
@media screen and (max-width: 1024px){.join-apply{padding-bottom:.35rem}
.join-apply-title{margin-bottom:30px;font-size:26px}
.join-apply-form .group3 li{width:50%}
}
@media screen and (max-width: 750px){.join-apply-title{margin-bottom:20px;font-size:22px}
.join-apply-form .input-text{line-height:42px;font-size:13px}
.join-apply-form .group3{display:block;margin:0}
.join-apply-form .group3 li{padding:0;width:100%}
.join-apply-form input,.join-apply-form textarea,.join-apply-form select{font-size:13px}
.join-apply-form .input-box,.join-apply-form .textarea{margin-bottom:.15rem}
.join-apply-form .input-box{padding-left:.15rem}
.join-apply-form input{padding:0 .15rem 0 8px;height:42px;line-height:42px}
.join-apply-form textarea{padding:.09rem .15rem}
.join-apply-form .select:before{right:10px;line-height:42px;font-size:13px}
.join-apply-form select{padding:0 30px 0 8px;height:42px;line-height:42px}
.join-apply-form .captcha-img{height:42px;margin-right:5px}
.join-apply-form .submit-btn{width:110px;height:34px;line-height:34px}
}


/*# sourceMappingURL=maps/style.css.map */

/*# sourceMappingURL=maps/style.css.map */




