@font-face {
    font-family: "Poppins-Bold";
    src: url("/static/font/Poppins-Bold.woff2") format("woff2"),
         url("/static/font/Poppins-Bold.woff") format("woff"), 
         url("/static/font/Poppins-Bold.ttf") format("truetype"),
         url("/static/font/Poppins-Bold.eot") format("embedded-opentype"), 
         url("/static/font/Poppins-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-Regular";
    src: url("/static/font/Poppins-Regular.woff2") format("woff2"),
         url("/static/font/Poppins-Regular.woff") format("woff"),
         url("/static/font/Poppins-Regular.ttf") format("truetype"),
         url("/static/font/Poppins-Regular.eot") format("embedded-opentype"),
         url("/static/font/Poppins-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;/* font-size:calc(100vw / 7.5);*/    -webkit-tap-highlight-color:rgba(0,0,0,0);}
body {
    margin: 0;
    font-family: "Poppins-Regular",Arial,sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #f5f5f5;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out 0.2s;
    -moz-transition: opacity 0.2s ease-in-out 0.2s;
    -ms-transition: opacity 0.2s ease-in-out 0.2s;
    -o-transition: opacity 0.2s ease-in-out 0.2s;
    transition: opacity 0.2s ease-in-out 0.2s;
    max-width: 1920px;
    margin: 0 auto;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden],template {display:none;}
a {background-color:transparent;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;-moz-outline-style:none;}
a:active,a:hover {outline:0;text-decoration:none;}
a:focus {text-decoration:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
b,strong {font-weight:bold;}
ol,ul {margin:0;padding:0;list-style:none;}
img {border:0;vertical-align:middle;max-width:100%;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
pre {overflow:auto;}
dl,dd,h1,h2,h3,h4,h5,h6,p {margin:0;font-weight:normal;}
button,input,optgroup,select,textarea {margin:0;font:inherit;color:inherit;font-family:inherit;line-height:inherit;outline:none;}
button {overflow:visible;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0;}
input {line-height:normal;outline:none;}
input[type="checkbox"],input[type="radio"] {padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset {padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend {padding:0;border:0;}
textarea {overflow:auto;}
optgroup {font-weight:bold;}
table {border-spacing:0;border-collapse:collapse;}
td,th {padding:0;}
.container::after,.clearfix::after {content:'';height:0;display:block;clear:both;}
.container {margin:auto;min-height:1px;width:100%;max-width:1400px;}
.headerSJ {display:block;position:fixed;left:0px;top:0px;box-shadow:0px 1px 10px rgba(0,0,0,0.2);z-index:9999;width:100%;background-color:#fff;padding:0px 0px;}
.headerSJ .headerSC {padding:0px 6px;height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.headerSJ .logo img {height:50px;}
.headerSJ .navbar {position:relative;padding:7px 10px;margin-right:0px;background-color:transparent;background-image:none;border:none;border-radius:4px;outline:none;}
.headerSJ .navbar .icon-bar {display:block;width:22px;height:2px;border-radius:1px;background-color:#333;}
.headerSJ .navbar .icon-bar + .icon-bar {margin-top:4px;}
.headerSJ .navwrap {position:fixed;top:0px;left:-50%;width:50%;height:100%;z-index:1100;background-color:#545454;opacity:0;}
.headerSJ .navwrap .nav {padding:10px 5% 0px 5%;}
.headerSJ .navwrap .nav li {line-height:42px;border-bottom:1px solid #676565;padding:0px 5%;}
    .headerSJ .navwrap .nav li a {
        display: block;
        color: #fff;
        font-size: 16px;
        font-family:"Poppins-Bold";
    }
.headerSJ .navbg {position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1001;display:none;}
.headerSJ .navbg .closeSJ {position:absolute;right:20px;top:20px;}
.headerSJ .navwrap .nav .SJbod {display:none;}
.headerSJ .navwrap .nav .SJbod dd a {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        font-family:"Poppins";
    }
.headerSJ .navwrap .nav .plus a {background:url(../images/plus.png) right center no-repeat;}
.headerSJ .navwrap .nav .minus a {background:url(../images/minus.jpg) right center no-repeat;}
.headerSJ .navwrap .nav .lan .SJtit a {display:inline-block;}
.headerSJ .navwrap .nav .lan .SJtit span {color:#fff;font-size:16px;display:inline-block;padding:0px 5px;}
.wrapper {padding-top:60px;overflow:hidden;}
.commonP {position:absolute;left:0;bottom:0;z-index:9;width:100%;text-align:center;}
.commonP .swiper-pagination-bullet {background:#ff8200;margin:0 6px;}
.commonP2 .swiper-pagination-bullet {background:#fff;opacity:1;margin:0 6px;}
.commonP .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ff8200;}
.fp-tableCell {display:table-cell;vertical-align:middle;width:100%;height:100%;}
#fullpage .section,.fp-tableCell {height:auto !important;}
.bannerPm {bottom:20px;font-size:0;}
.bannerPm .swiper-pagination-bullet {width:20px;height:2px;border-radius:unset;}
.ind_sec1,.ind_sec2,.ind_sec3 {padding:20px 0;background:#fff;}
.ind_sec2 {background:#f2f2f2;}
.container {width:100%;padding-left:3%;padding-right:3%;}
.ind_sec2_tit {position:static;width:100%;/* height:25vh;*/          margin-bottom:0;padding:15px 0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
.common_tit {text-align:center;position:relative;z-index:9;margin:auto;padding-bottom:10px;}
.common_tit h3.blod {font-family:"Poppins-Bold";font-weight:bold;}
.common_tit h4 {font-size:30px;color:#fff;margin-top:20px;}
.common_tit h3 {font-size:20px;line-height:40px;color:#0a0a0a;position:relative;font-family:"Poppins-Bold";}
.common_tit h3:before {content:'';position:absolute;bottom:0;left:0;right:0;margin:auto;width:58px;height:2px;background-color:#ea5404;}
.ind_sec1_inner {width:100%;height:25vh;float:none;margin:10px auto;position:relative;}
.ind_sec1_box {font-size:14px;line-height:28px;}
.ind_sec2_bg {width:100%;height:100%;position:relative;overflow:hidden;z-index:3;}
.ind_sec2_bg img {object-fit:cover;height:100%;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.ind_sec1_inner:hover .ind_sec2_bg img {opacity:0;}
.ind_sec2_bg video {position:absolute;top:0;left:0;z-index:-1;}
.ind_sec2_txt {position:absolute;left:0;right:0;margin:auto;top:49.5%;text-align:center;z-index:5;}
.ind_sec2_txt {position:absolute;top:0;text-align:center;z-index:5;height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
.ind_sec2_txt img {width:40px;}
.ind_sec2_txt h3 {font-size:16px;font-weight:bold;line-height:36px;color:#fff;opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all 1s ease-in-out 0.8s;-moz-transition:all 1s ease-in-out 0.8s;-ms-transition:all 1s ease-in-out 0.8s;-o-transition:all 1s ease-in-out 0.8s;transition:all 1s ease-in-out 0.8s;}
.ind_sec2_txt h6 {font-size:12px;line-height:24px;color:#fff;opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all 1s ease-in-out 1s;-moz-transition:all 1s ease-in-out 1s;-ms-transition:all 1s ease-in-out 1s;-o-transition:all 1s ease-in-out 1s;transition:all 1s ease-in-out 1s;}
.ind_sec1.active .ind_sec2_txt h3,.ind_sec1.active .ind_sec2_txt h6,.ind_sec2.active .ind_sec2_txt .common_btn {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
#video_model {position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;display:none;}
#video_model .mask {position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);}
#video_model .video {position:absolute;left:0;right:0;margin:auto;top:0;width:80%;max-width:960px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:9;background:#252525;}
#video_model .video .close {position:absolute;right:-50px;top:0;width:40px;z-index:99999;cursor:pointer;}
#video_model .video_inner {width:100%;padding:10px;overflow:hidden;position:relative;}
#video_model .video_inner video {display:block;width:100%;outline:none;}
#video_model .video_inner .video_inner_mask {position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
#video_model .video_inner .video_inner_mask img {cursor:pointer;}
.ind2l {width:100%;}
    .ind2l .card_box:first-child {
        width: calc(100% - 22px);
    }
    .ind2l .card_box {
        margin-left: 10px;
        width: calc(50% - 16px);
        margin-top: 20px;
        float: left;
    }
.ind2l .card_box .card {position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #dee2e6;border-radius:5px;width:100% !important;height:20Vh;}
.img-hover {transition:all .3s;}
.img-hover:hover {transform:translateY(-6px);box-shadow:0 1rem 3rem rgb(0 0 0 / 18%);}
.ind2l .card_box .card .pt-4 {padding-top:10px;padding-left:10px;color:#fff;width:100%;position:absolute;z-index:1;}
.stretched-link::after {position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";}
.ind2l .card_box .card:after {content:"";top:0;left:0;right:0;position:absolute;height:100%;width:100%;opacity:1;background:linear-gradient(to bottom,rgba(35,32,46,.39) 40%,rgba(34,31,46,.38) 35%,rgba(42,38,55,.36) 60%,rgba(183,181,190,.08) 100%);border-radius:5px;}
.ind3l ul li {display:block;margin:10px auto 16px;width:100%;}
.ind3l ul li:after {display:table;content:'';width:100%;}
.ind3l ul li .img {width:30%;float:left;}
.ind3l ul li .img img {width:100%;display:block;}
.ind3l ul li .ind3l_text h3 {color:#f49c0f;margin:5px 0;}
.ind3l ul li .ind3l_text {text-align:left;width:calc(70% - 3%);float:right;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.ind3l ul li .ind3l_text h1 {font-size:14px;}
.ind3l ul li .ind3l_text h3,.ind3l ul li .ind3l_text h6 {font-size:12px;}
.footer {background:#545454;}
.footer_i > p {font-size:12px;color:#c8c8c8;opacity:0.6;text-align:center;padding:10px 0;border-top:1px solid #2d3b4d;}
.banner,.inner_banner {position:relative;}
.common_tit2 {text-align:center;margin-bottom:20px;}
.common_tit2 h3 {font-size:26px;font-weight:bold;line-height:34px;color:#595656;position:relative;font-family:"Poppins-Bold";}
.common_tit2 h3 {font-size:22px;line-height:28px;font-family:"Poppins-Bold";margin-bottom:20px;}
.common_tit2 h3::before {content:'';position:absolute;bottom:0;left:0;right:0;margin:auto;width:58px;height:2px;background-color:#ea5404;}
.common_tit2 h3::after {content:'';display:block;width:122px;height:1px;background-color:#ddd;margin:10px auto 0;}
.common_tit2 h6 {font-size:18px;line-height:24px;color:#595656;margin-top:10px;}
.common_tit2 h6 {font-size:15px;line-height:18px;}
.about,.about_hon {background:#fff;padding:3vh 0;}
.news {
    background: #f5f5f5
}
.about_hon {/*background:#f5f5f5*/}
.about_honor {}
.about_honor ul li {margin-bottom:20px;background:#f7f7f7;}
.about_honor ul li .about_sec7_img {position:relative;}
.about_honor ul li .about_sec7_img:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:solid 3px transparent;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.about_honor ul li p {font-family:"Poppins";height:66px;line-height:66px;padding:0 22px 0 12px;background-color:#f7f7f7;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;font-size:16px;color:#232323;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;position:relative;}
.about_honor ul li a:hover p {background-color:#ea5404;color:#fff;}
.about_honor ul li a:hover .about_sec7_img:after {border-color:#ea5404;}
.about_i h4 {font-size:24px;font-weight:bold;color:#003369;}
.about_i h4::after {content:'';width:20px;height:2px;background-color:#cccccc;margin:12px 0;display:block;}
.about_i h6 {font-size:18px;line-height:24px;color:#444444;}
.about_i p {margin-top:0px;font-size:14px;line-height:24px;color:#565656;}
.about_i img {display:block;width:100%;}
.zrc-brand-list-0418 ul {width:100%}
.zrc-brand-list-0418 .main {background:url('/static/aot/static/image/brand-C.png') no-repeat top;background-size:contain;min-height:350px;}
.zrc-brand-list-0418 ul li {float:left;width:20%;text-align:center;}
.zrc-brand-list-0418 ul li a {margin-bottom:10px;display:block;}
.course-list {}
.course-list li {padding:0;font-size:14px;padding-left:18px;padding-bottom:20px;width:100%;line-height:1.6;position:relative;}
.course-list li .g0 {font-size:20px;font-family:"beba";color:rgb(255,130,1);position:relative;margin-bottom:5px;transition:.5s ease-in-out;}
.course-list li .g0:after {position:absolute;height:10px;width:10px;border:2px solid rgb(255,130,1);content:"";left:-23px;top:15px;transition:.5s ease-in-out;bottom:0;margin:auto;box-sizing:border-box;border-radius:50%;}
.course-list li p {position:relative;padding-left:10px;box-sizing:border-box;}
.course-list li p:after {content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:rgb(255,130,1);left:0;top:11px;}
.course-list li:before {position:absolute;transition:.5s ease-in-out;content:"";width:1px;left:0;height:100%;top:0;background:#dddddd;}
.line2 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;height:48px;line-height:24px;}
.page_sj {width:130px;height:40px;background:#ff8200;color:#fff;display:block;margin:0 auto;line-height:40px;margin:30px auto;text-align:center;}
.course-list li:after {clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.news_list li a {display:block;background:#fff;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.news_list li a .img {overflow:hidden;}
.news_list li a .img img {-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.news_list li a .text {padding:20px;}
.news_list li {margin-top:20px;}
.news_list li a .text h6 {font-size:14px;color:#999999;position:relative;padding-left:25px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.news_list li a .text h6::before {content:'';position:absolute;top:0;bottom:0;left:0;margin:auto;width:14px;height:2px;background-color:#ff8200;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.news_list li a .text h4 {font-size:16px;font-weight:bold;line-height:30px;color:#444444;height:60px;margin-top:10px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.news_list li a .text h5 {font-size:14px;line-height:24px;height:48px;margin-top:16px;color:#888888;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.news_list li a:hover {background:#ff8200;}
.news_list li a:hover .img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.news_list li a:hover .text h6::before {background:#fff;}
.news_list li a:hover .text h6,.news_list li a:hover .text h4,.news_list li a:hover .text h5 {color:#fff;}
.news_detail_i {background:#fff;padding:20px;}
.news_detail_t {text-align:center;padding:10px 0;}
.news_detail_t h1 {font-size:20px;line-height:32px;color:#333333;font-family:"Poppins-Bold";}
.news_detail_t h6 {font-size:14px;line-height:25px;color:#aaaaaa;margin-top:10px;}
.news_detail_t h6 span {margin-right:28px;}
.news_detail_t h6 span:last-child {margin-right:0;}
.news_detail_m {border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:20px 0;font-size:14px;line-height:24px;color:#666;}
.news_detail_m img {display:block;width:100%;}
.news_detail_b {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:10px 0;}
.news_detail_b a {position:relative;width:60px;height:60px;border:solid 2px #ebebeb;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:34px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.news_detail_b a:hover {border-color:#ff8200;}
.news_detail_b a:last-child {margin-right:0;}
.news_detail_b a.prev img {-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);transform:rotateZ(180deg);}
.news_detail_b a span {position:absolute;left:0;width:100%;bottom:-28px;text-align:center;font-size:14px;color:#888;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.news_detail_b a:hover span {opacity:1;visibility:visible;}
.news_detail_b a {width:48px;height:48px;}
.join-box {padding:55px 0 74px;background:#f9f9f9;width:100%;box-shadow:0 0 10px rgba(0,0,0,.1)}
.join-box .w1400 {width:92%;margin:0 auto;}
.join-box h2 {font-size:36px;color:#000;line-height:54px;text-align:center;margin-bottom:45px}
.join-box form {width:100%;padding-bottom:30px}
.join-box .text {width:30%;float:left;height:57px;background:#fff;padding:0 1.4%;line-height:57px;margin-right:.4%;font-size:14px;color:#666;border:0}
.join-box .text::-webkit-input-placeholder {color:#666}
.join-box .text:-moz-placeholder {color:#666}
.join-box .text::-moz-placeholder {color:#666}
.join-box .text:-ms-input-placeholder {color:#666}
.join-box select {width:30%;height:57px;padding:0 1.4%;line-height:57px;margin-right:.4%;font-size:14px;color:#666;border:0;float:left;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/ab38.png) no-repeat 95% center}
.join-box .submit {width:8%;float:right;height:57px;line-height:57px;background:#ff8200 url(../images/ab37.png) no-repeat center;border:0;transition:background .3s}
.join-box .title {overflow:hidden;color:#fff;background:#b4b4b4;font-size:16px;padding:0 0px;line-height:50px;height:50px}
.join-box .title p {text-align:center;float:left;width:20%}
.join-box ul {border:1px solid #efefef;border-top:0;padding-bottom:52px;background:#fff}
.join-box li {background:#fff;padding:0 3.5%}
.join-box li .tit {font-size:14px;line-height:60px;height:60px;cursor:pointer;overflow:hidden;border-bottom:1px solid #efefef}
.join-box li .tit.on p:last-child {color:#ff8200}
.join-box li .tit p {float:left;width:20%;text-align:center}
.join-box li .in {padding:20px;background:#f5f5f5;display:none}
.join-box li .in.on {display:block}
.join-box li .in .top dd {float:left;width:25%;font-size:14px;line-height:22px;margin-bottom:3px}
.join-box li .in .top dd span {color:#666}
.join-box li .in .bot h1 {font-size:16px;color:#333}
.join-box li .in .bot dl dd {color:#777;font-size:12px;line-height:26px}
.join-box li .in .bot > div {float:left;width:46%;margin-right:4%}
.join-box li .in .bot {margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding-bottom:20px}
.join-box li .in .link {padding-top:17px}
.join-box li .in .more {display:none;text-align:center;line-height:40px;color:#fff;background:#ff8200;margin-top:10px;font-size:16px;}
.join-box li .in .link img {margin-right:3%}
.join-box li .in .link .box-img {width:160px}
.join-box li .in .more.on {display:block;width:150px}
.join-box li .in .more:hover {background:#ff8200}
.join-box {padding:25px 0 30px}
.join-box h2 {font-size:22px;line-height:28px;margin-bottom:20px; font-family: "Poppins-Bold";}
.join-box .text,.join-box select,.join-box .submit {height:35px;line-height:35px}
.join-box form {padding-bottom:10px}
.join-box ul {padding-bottom:20px}
.join-box li .in .more {display:block}
.join-box li .in .more.on {display:none;font-size:14px}
.join-box .text,.join-box select {width:80%;margin-right:0;margin-bottom:10px}
.join-box select:nth-child(3) {width:80%}
.join-box .submit {width:18%}
.join-box .title p {width:33%}
.join-box li .tit p {width:33%}
.join-box li .in .top dd {width:100%}
.join-box li .in .link .box-img {width:100%;margin-top:10px}
.f-cb {zoom:1;}
.f-cb:after {display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.join3_con {}
.join3_con .apply_i_inp {
    padding-left: 110px;
    position: relative;
    margin-top: 25px;
}
.join3_con .apply_i_inp p {
    position: absolute;
    left: 0;
    line-height: 50px;
}
.join3_con .apply_i_textarea {
    padding-left: 110px;
    position: relative;
    margin-top: 25px;
}
.join3_con .apply_i_textarea p {
    position: absolute;
    left: 0;
    line-height: 50px;
}
.join3_con .apply_i_inp label {
    margin-top: 0;
}
.join3_con .apply_i_inp label input,
.join3_con .apply_i_inp label select {
    margin-top: 0;
}
.join3_con .apply_i_textarea textarea {
    padding: 22px 28px;
    height: 220px;
}.apply_i {
     background: #fff;
     padding: 2px 5px;
     margin-top: 5px;
 }.join3_con .apply_i_textarea, .join3_con .apply_i_inp {
      padding-left: 0px;
      padding-top: 30px;position: relative;margin-top: 25px;
  }.apply_i_inp label {
       display: block;
       float: none;
       width:100%;
        
       margin-top: 20px;
   }
  .join3_con .apply_i_inp label {
       margin-top: 20px;
   }.apply_i_inp label input, .apply_i_inp label select {
        display: block;
        width: 100%;
        height: 50px;
        background-color: #f5f5f5;
        border-radius: 3px;
        border: solid 1px #dcdcdc;
        margin-top: 10px;
        padding: 0 20px;
        color: #999999;
    }.join3_con .apply_i_textarea p, .join3_con .apply_i_inp p {
         position: absolute;
         left: 0;
         top: 0;
     }.join3_con .apply_i_textarea {
          padding-left: 110px;
          position: relative;
          margin-top: 25px;
      }.join3_con .apply_i_textarea, .join3_con .apply_i_inp {
           padding-left: 0px;
           padding-top: 0px;margin-top: 0px;
       }.apply_i p {
            font-size: 14px;
            color: #666666;
        }.apply_i_textarea label {
             margin-top: 32px;
             display: block;
         }.apply_i_textarea .textarea {
              margin-top: 10px;
              position: relative;
          }textarea {
               overflow: auto;
           }.apply_i_textarea .textarea textarea {
                height: 180px;
                background-color: #f5f5f5;
                border-radius: 3px;
                border: solid 1px #dcdcdc;
                padding: 30px;
                line-height: 30px;
                font-size: 14px;
                color: #999999;
                width: 100%;
                resize: none;
            }.join3_con .apply_i_textarea textarea {
                 padding: 22px 28px;
                 height: 220px;
             }
.common_btns {
    display: inline-block;
    width: 96%;
    border: 0;
    font-size: 16px;
    padding: 15px 2%;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: 'Poppins';
    background: rgb(255,130,1);
    color: #fff;
    width: 100%;
}
.common_btn {
    display: block;
    overflow: hidden;
    position: relative;
    height: 50px;
    line-height: 50px;
    background: #ff8200;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 130px;
}.apply_i .common_btn {
                   width: 180px;
                   border-radius: 3px;
                   margin: 68px auto 0;
               }.apply_i .common_btn {
                    margin-top: 40px;
                }.common_btn span {
                     z-index: 1;
                     display: block;
                     position: relative;
                 }.common_btn::after {
                      content: '';
                      position: absolute;
                      top: 0;
                      right: 0;
                      height: 100%;
                      width: 140%;
                      background: #000000;
                      opacity: 0;
                      transition: all 0.4s ease-in-out;
                      -webkit-transition: all 0.4s ease-in-out;
                      -moz-transition: all 0.4s ease-in-out;
                      -ms-transition: all 0.4s ease-in-out;
                      -o-transition: all 0.4s ease-in-out;
                      transform: translateX(100%) skew(0deg);
                      -webkit-transform: translateX(100%) skew(0deg);
                      -moz-transform: translateX(100%) skew(0deg);
                      -ms-transform: translateX(100%) skew(0deg);
                      -o-transform: translateX(100%) skew(0deg);
                  }.contact_us { padding: 20px;}
.contact_us ul li{ display: block;width: 100%; margin-bottom: 10px;}
.contact_us ul li img{ width: 2.5rem;float: left;}
    .contact_us ul li div {
        float: left;
        padding-left: 1rem;
        width: calc(100% - 3.5rem);
    }
.contact_us ul li div h1{ font-size: 18px;font-family:"Poppins";}
#map{ height: 360px;width: 100%;}
.pro_list li{ margin-bottom: 20px;}
    .pro_list li .card-pro {
        padding: 20px 10px 8px;
    } .pro_list .card-pro img {
          display: block;
          margin: auto;
          border-radius: 10px;
      }
        .pro_list a .card-pro p {
            font-size: 16px;
            color: #333333;
            text-align: center;
            margin-top: 32px;
        }
.pro_list li {
    border-bottom: 1px solid #ececec;
}
.pro_list li a {
    display: block;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pro_detailt {
    padding: 15px 2%;
    background: url('/static/aot/static/image/proshow_bg_02.jpg') no-repeat bottom right;
    background-size: cover;
}
    .pro_detailt h6{ margin-top: 10px;}
    .pro_detailt h6 img {
        width: 8rem;
    }
.pro_detailf{ 
     background: url(/static/aot/static/image/proshow_bg_05.jpg) no-repeat top;
    background-size: cover; padding: 5% 2%;}
    .pro_detailf .proshow-1:before {
        content: '';
        display: block;
        width: 100%;
        height: 40px;
        background: #ffa400
    }
    .pro_detailf .proshow-1:after {
        display: block;
        content: '';
        width: 100%;
    }
    .pro_detailf .proshow-1 {
        background-color: rgb(255 255 255 / 60%);
    }
        .pro_detailf .proshow-1 .con {
            padding: 10px 5px;
        }
            .pro_detailf .proshow-1 .con:after {
                content: '';
                display: table;
                width: 100%;
            }
    .pro_detailf .common_tit20{ margin-top: 20px;}
.pro_detailf .conul{ font-size: 12px;}
    .pro_detailf .Ordering ul {
        margin-bottom: 20px;
        border-top: 1px solid #e5e5e5;
    }
        .pro_detailf .Ordering ul:last-child {
            margin-bottom: 0px;
        }
        .pro_detailf .Ordering ul:nth-child(-n+1) {
            border-top: 1px solid #e5e5e5;
        }
    .pro_detailf .conul ul li {
        width: 100%;
        float: left;
        line-height: 35px;
        border-bottom: 1px solid #e5e5e5;
        box-sizing: border-box;
        font-style: normal;
        position: relative;
        background: rgb(248 248 248 / 80%);
    }
        .pro_detailf .conul ul li em {
            width: 40%;
            display: inline-block;
            float: left;
            padding-left: 5px;
            height: 100%;
            font-style: normal;
            background-color: rgb(248 248 248 / 80%);
          
        }
        .pro_detailf .conul ul li i, .pro_detailf .conul ul li div{
            width: 60%;
            border-left: 1px solid #e5e5e5; display: inline-block;
            padding-left: 5px;
            height: 100%;
            font-style: normal;
            background-color: rgb(255 255 255 / 80%);/*position: absolute;*/
        }
    .pro_detailf .Ordering ul li em {
        width: 20%;
        border-right: none;
    }
    .pro_detailf .Ordering ul li {
        background-color: rgb(248 248 248 / 80%);
    }
        .pro_detailf .Ordering ul li i {
            width: 80%;
            position: relative;
            border-left: 1px solid #e5e5e5;
        }