<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
*{margin: 0;padding: 0;list-style: none;word-wrap:break-word;font-style: normal;}
html{font-size:20px;}
html,body{
    height: 100%;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td  {margin: 0;padding: 0;}
body{font-size:0.6rem;margin:0 auto; background:#fff;overflow-x:hidden;}
body,button, input, select, textarea{font-family: "Helvetica Neue", Helvetica, STHeiTi,\5FAE\8F6F\96C5\9ED1; font-size:0.6rem;color:#303030;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family:Helvetica,\5fae\8f6f\96c5\9ed1; }
/*small { font-size: 0.6rem; }*/
/*div{font-size:0.6rem;}*/
img{font-size:0;}
ul, ol { list-style: none;  font-size:0.6rem;}
li,div,dt,a,span,input,textarea,select,label{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a { text-decoration: none; color:#303030}
a:hover { text-decoration: none;}
legend { color: #303030; } /* for ie6 */
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; outline:none;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #b0b0b0;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #b0b0b0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #b0b0b0;}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
table { border-collapse: collapse; border-spacing: 0; }
.container{
    width:1200px;display:
    block;margin:0 auto;position:
    relative;
    font-size: 0;
}
.goTop{z-index:111;position: fixed;left: 50%;margin-left: 605px;bottom: 50px;display: none;}
.goTop p{border-radius: 6px;text-align: center;cursor: pointer;display: block;z-index: 1000;line-height: 60px;width: 60px;height: 60px;border:1px solid #ff8700;color: #ff8700;background: #fff;}
.goTop p:hover{background: #ff8700;color: #fff;}
.goTop p span{font-size: 30px;}
.city{
    background:#000;
    line-height: 39px;
}
.city label{
    display: inline-block;
    color: #8F8F8F;
    font-size: 15px;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
}
.city p{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.city p a{color:#fff;font-size: 13px;padding: 0 20px;border-left: 1px solid #8F8F8F;} 
.city p a:hover{
    color:#FFC408;
}
.header{
    padding: 15px 0;
    display: block;
    background: #FFC408;
}
.header .logo{/* float: left; */display: inline-block;vertical-align: middle;}
.header .logo img{display:block;height: 60px;}
.header .nav{display: inline-block;vertical-align: bottom;float: right;margin-top: 15px;}
.header li{display: inline-block;vertical-align: middle;}
.header li a{color: #fff;display:block;position: relative;height: 30px;line-height: 30px;font-size: 16px;padding: 0 20px;/* border-bottom: 6px solid transparent; *//* letter-spacing: 2px; */margin:0 20px;border-radius:15px;}
.header li.on a,
.header li.on a:hover{color:#FFC408;background:#fff;}
.header li a:hover{color:#FFC408;background:#fff;}
.header li a:after{
    display:
    block;
    content:
    '';
    clear:
    both;
    width:1px;
    height:30px;
    background:#CC940D;
    position:
    absolute;
    left: -20px;
    top:50%;
    margin-top:-15px;
}
.header li:first-child a:after{
    background:transparent;
}
.imgs{font-size:0;}
.imgs img{
    width:100%;
}

.understand li{/* padding:60px 0px; */}
.pageWidth{
    font-size: 0;
}
.understand li .image{width: 50%;display: inline-block;vertical-align: top;}
.understand li .image img{width: 100%;/* height:450px; */}
.understand li .info{width: 50%; letter-spacing:1px;display: inline-block;vertical-align: top;position: relative;}
.understand li .info p{margin:30px;}
.understand li .info img{ font-size:24px; line-height:44px; font-weight:bold;max-width: 100%;}
.understand li a{line-height: 50px;font-size: 17px;font-weight:bold;color: #000; background:#FFD048;margin-top: 100px;display: block;width: 260px;text-align: center;}
.understand li a:hover{
    opacity:.85;
}
.understand li .info:after{
    display:
    block;
    content:
    '';
    clear:
    both;
    width: 20px;
    height: 20px;
    background:#fff;
    transform: rotate(45deg);
    position:
    absolute;
    
    top:50px;
}
.understand li .info.f-r:after{left: -10px;}
.understand li .info.f-l:after{
    right:-10px;
}
.desc{
    font-size: 13px;
    color:#ABABAB;
    text-transform: uppercase;
    line-height:26px;
    padding: 20px 150px;
    text-align:
    center;
}
.part{position:relative;}
.part img{width:100%;}
.part a{line-height: 48px;font-size: 18px;color: #000; background:#FFD048;margin-top: 30px;display: block;width: 220px;text-align: center;position: absolute;bottom: 40px;left: 50%;margin-left: -110px;}
.mySwiper img{width:100%;}
.part a:hover{
    opacity:.9;
}
.bottom{
    background: url(/Templates/Default/images/NewPC/bot_bg.jpg) no-repeat center center;
    padding: 50px 0;
}
.bottom .bot_log{
    display: inline-block;
    vertical-align: middle;
}
.bottom .bot_log img{
    height: 100px;
}
.bottom p{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 50px;
    height: 100px;
}
.bottom p label{
    color: #fff;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}
.bottom p a{margin-left: 30px;display: inline-block;}
.bottom p a img{
    /* height: 36px; */
}
.footer{
    background: #000;
    padding: 30px 0;
}
.footer h4{
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    font-weight: 100;
    margin-bottom: 30px;
}
.footer h4 span{
    color: #AD0100;
    padding-right: 5px;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
}
.footer ul{
    font-size: 0;
}
.footer li{
    display: inline-block;
    vertical-align: top;
    width: 20%;
}
.footer li label{
    color: #BB4444;
    font-size: 18px;
    margin-right: 30px;
    display: block;
}
.footer li a{
    color: #FFFFFF;
    font-size: 14px;
    display: block;
    line-height: 50px;
    border-bottom: 1px dashed #7E7E7E;
    margin-right: 30px;
}
.footer li a:hover{
    color:#CDA202;
}
.footer .icons{
    font-size: 0;
    margin: 50px 0;
}
.footer .icons a{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    /* width: 14.2%; */
    text-align: center;
    margin-right: 55px;
}
.footer .icons a:hover{
    opacity:.85;
}
.footer .icons a img{
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}
.footer .bot_desc{margin:30px 0;}
.footer .bot_desc .left{
    display: inline-block;
    vertical-align: top;
    width: 700px;
}
.footer .bot_desc .left img{
    display: inline-block;
    /* height: 60px; */
    margin-right: 13px;
    vertical-align: middle;
}
.footer .bot_desc .info{
    display: inline-block;
    vertical-align: middle;
    width: 500px;
}
.footer .bot_desc .info p{
    font-size: 15px;
    /* display: inline-block; */
    /* vertical-align: middle; */
    color: #FFFFFF;
    display: block;
    margin-bottom: 10px;
    line-height: 24px;
}
.footer .bot_desc .info span{
    font-size: 14px;
    padding: 5px 0;
    display: block;
    line-height: 22px;
    color: #4F4F4F;
}
.footer .copyright{
    text-align: right;
    margin-top: 50px;
}
.footer .copyright a{
    text-align: right;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    margin-left: 27px;
    line-height: 28px;
}
.footer .copyright a img{
    display: inline-block;
    vertical-align: middle;
    height: 21px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.footer .copyright a:hover{
    opacity:.9;
}
.scrollTop{
    text-align: center;
    border-bottom: 1px solid #616161;
    margin: 20px 50px;
    padding: 20px;
    color: #676767;
    font-size: 15px;
    line-height: 23px;
    cursor:pointer;
}
.scrollTop i{
    display: block;
    color: #616161;
    font-size: 18px;
}
.scrollTop:hover,.scrollTop:hover i{
    color:#FFC408
}
.Imgpart{
    /* padding: 50px 0; */
}
.Imgpart .part{
    margin-top: 50px;
}
.title{
    margin: 0 50px;
    margin-top: 50px;
}
.title img{}
/*BrainGain*/
.recruiting{
    margin: 50px;
}
.recruiting ul{
    font-size: 0;
    margin-left: -64px;
}
.recruiting li{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.recruiting li .box{
    margin-left: 64px;
}
.recruiting li .box img{
    max-width: 100%;
    margin: 30px 0;
}
.recruiting li .box i{
    font-size: 18px;
}
.recruiting li .box h2{
    font-size: 25px;
    line-height: 64px;
}
.recruiting li .box p{
    font-size: 18px;
    line-height: 40px;
}
.recruiting li .box p span{
    display: block;
    font-size: 16px;
    line-height: 44px;
    border-bottom: 1px solid #4C4C4C;
    color: #616161;
}
.recruiting li .box .contact{margin-top:50px;}
.recruiting li .box .contact label{
    font-size: 26px;
    position:
    relative;
    padding-left: 28px;
    font-weight: 550;
    line-height: 44px;
    height: 44px;
    display: block;
}
.recruiting li .box .contact label:after{
    display:block;
    content:'';
    clear:both;
    width:16px;
    height:16px;
    background:#FF0100;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;margin-top:-8px;
}
.recruiting li .box .contact span{
    font-size: 16px;
    color: #616161;
    margin-left: 28px;
    display: block;
    line-height: 24px;
    margin-top: 15px;
}
.recruiting li .box .contact span a{
    color: #FF0100;
    font-weight: 550;
}

.ArtBox{
    margin: 50px;
    position: relative;
    padding: 0 50px;
}
.ArtBox ul{
    font-size: 0;
    margin-left: -64px;
}
.ArtBox li{
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.ArtBox li .box{
    margin-left: 64px;
}
.ArtBox li .box .sub_title{
    margin:40px 0 0;
}
/*.ArtBox li .box .title img{*/
/*    max-width: 100%;*/
/*}*/
.ArtBox .box .text{
    position: relative;
    margin-top: 20px;
}
.ArtBox .box .text img{
    max-width: 100%;
}
.ArtBox li .box .text .tit{
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center;
    width: 100%;
}
.ArtBox li .box .text .tit h2{
    font-size: 65px;
    color: #fff;
    line-height: 180px;
}
.ArtBox p{
    position:absolute;
   top:50%;
}
.ArtBox p img{
    width:35px;
}
.Number{
    background: #C31A1A;
    padding: 30px 50px;
    font-size: 0;
    text-align: center;
}
.Number h5{
    display: inline-block;
    vertical-align: top;
    /* width: 50%; */
    margin: 0 40px;
}
.Number h5 b{
    font-size: 160px;
    color: #fff;
    margin-right: 40px;
    height: 125px;
    line-height: 125px;
    display: inline-block;
    vertical-align: middle;
}
.Number h5 label{
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    color: #fff;
    /* letter-spacing: 7px; */
    font-weight: 110;
    text-align: left;
}
.Number h5 label em{
    font-size: 56px;
    color: #fff;
    line-height: 77px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.Number p{
    display: inline-block;
    vertical-align: middle;
    /* width: 50%; */
}
.Number p span{
    font-size: 35px;
    color: #fff;
    display: block;
    line-height: 75px;
    text-align: left;
}
.Number p i{
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #fff;
    margin-right: 60px;
    line-height: 57px;
}
.list{
    margin: 50px;
}
.list ul{
    font-size: 0;
}
.list li{
    width: 33.33%;
    display: inline-block;
    vertical-align: middle;
}
.list .box{
    margin-left: 30px;
    display: block;
    padding: 30px;
    min-height: 500px;
    margin-bottom: 30px;
    position: relative;
    border-radius: 8px;
}
.list .box label{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}
.list .box em{
    font-size: 20px;
    display: block;
    color: #fff;
    line-height: 42px;
    margin-bottom: 60px;text-transform: uppercase;
}
.list .box p{
    font-size: 22px;
    display: block;
    color: #fff;
    line-height: 41px;
    margin-top: 10px;
}
.list .box b{
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 85px;
}
.more{
    margin: 0 50px 50px;
}
.more p{
    font-size: 0;
}
.more p label{
    text-align: center;
    width: 33.333%;
    position:relative;
    display: inline-block;
    vertical-align: middle;
}
.more p label:after{
    display:block;
    content:'';
    clear:both;
    width:1px;
    height:60px;
    background:#8A8A8A;
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-30px;
}
.more p label:first-child:after{
    background:transparent;
}
.more p label span{
    font-size: 15px;
    color: #CBCBCB;
    text-align: left;
    display: inline-block;
    line-height: 32px;
}
.more p label span em{
    font-weight:bold;
    font-size:24px;
}
.more p label span b{
    color: #000;
    font-size: 24px;
}
.more p label a{
    line-height: 53px;
    background: #FECD28;
    color: #000;
    font-size: 15px;
    width: 220px;
    display: inline-block;
}
.more p label img{max-width:100%;}

.cards{
    margin: 50px;
}
.cards ul{}
.cards li{
    margin-bottom: 60px;
}
.cards li .card{
    box-shadow: 20px 30px 50px 0px rgb(0 0 0 / 60%);
    overflow: hidden;
    font-size: 0;
    padding: 30px 0;
}
.cards li .card p{}
.cards li .card p img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.cards li .card .link{
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin: 20px 3%;
    height: 80px;
}
.cards li .card .link label{
    background: #000;
    color: #C5C7C5;
    font-size: 32px;
    padding: 5px 30px;
    line-height: 52px;
    display: inline-block;
    letter-spacing: 4px;
}
.cards li .card .link a{
    border-left: 2px solid #000;
    float: right;
    width: 500px;
    line-height: 80px;
    text-align: center;
}
.cards li .card .link a span{
    color: #2F3CF4;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}
.cards li .card .link a img{
    display: inline-block;
    vertical-align: middle;
    height: 33px;
    margin-right: 7px;
}
.cards li .card .link a:hover{
    opacity:.85;
}
.sub_title{
    font-size: 27px;
    font-weight: bold;
    color: #000;
    line-height: 50px;
    text-align: left;
    margin-top: 40px;
    margin: 50px 50px 0;
}
.sub_title span{
    color: #F04A27;
    font-size: 29px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin-right: 5px;
}

.xdh{
    margin: 50px;
}
.xdh ul{
    margin-left: -50px;
    font-size: 0;
}
.xdh li {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    /* text-align: center; */
    /* min-height: 600px; */
}
.xdh li .box{
    margin-left: 50px;
    position:
    relative;
    display: block;
    min-height: 600px;
}
.xdh.xdh1 li:nth-child(2) .box:before{
    display:
    block;
    content:
    '';
    clear:
    both;
    width:2px;height:100%;
    position:
    absolute;
    right: -25px;
    top:0;
    background:#919191;
}
.xdh.xdh1 li:nth-child(2) .box:after{
    display:
    block;
    content:
    '';
    clear:
    both;
    width:2px;height:100%;
    position:
    absolute;
    left: -25px;
    top:0;
    background:#919191;
}
.xdh li .box p{
}
.xdh .sub_title{margin:40px 0 0;font-size: 22px;}
.xdh li .box p span{
    display: block;
    font-size: 15px;
    text-align: left;
    color: #0A070B;
    line-height: 32px;
    margin-top: 15px;
}
.xdh li .box .img{text-align: center;}
.xdh li .box .img img{
    max-width: 100%;
}
.xdh li .box .text{}
.xdh li .box .text label{
    text-align: left;
    color: #0A070B;
    font-size: 15px;
    padding: 0 15px;
    line-height: 26px;
    margin-top: 20px;
    display: block;
}
.xdh li .box .text label span{
    font-size: 28px;
    display: block;
    line-height: 60px;
    letter-spacing: 1px;
}
.xdh li .box .text label span b{}



























</pre></body></html>