@import "bootstrap.min.css";@import "animate.min.css";@import "public.youacacia.min.css";
/*redefine global*/
:root{
    --FEY-color-4972BF:#4972BF;
    --FEY-font-size-100:5.208vw ;
}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:var(--FEY-color-4972BF)}
::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background:var(--FEY-color-4972BF,#da0a20);border-radius:1px}
::-webkit-scrollbar-thumb:vertical{background:var(--FEY-color-4972BF,#da0a20);border-radius:0;border:none}
::-webkit-scrollbar-thumb:horizontal{background:var(--FEY-color-4972BF,#da0a20);border-radius:0;border:none}
::-webkit-scrollbar{width:4px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:var(--FEY-color-4972BF,#da0a20)}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background:var(--FEY-color-4972BF,#da0a20);border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background:var(--FEY-color-4972BF,#da0a20)}
::-webkit-scrollbar-corner:vertical{background:var(--FEY-color-4972BF,#da0a20)}
@font-face {
    font-family: 'SourcehanSansCn';
    /* Project id 2779080 */
    src: url('../fonts/SourcehanSansCn-Regular.eot');
    /* IE9 */
    src: url('../fonts/SourcehanSansCn-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourcehanSansCn-Regular.woff2') format('woff2'), url('../fonts/SourcehanSansCn-Regular.woff') format('woff'), url('../fonts/SourcehanSansCn-Regular.ttf') format('truetype'), url('../fonts/SourcehanSansCn-Regular.svg') format('svg');
}
body{font-family: SourcehanSansCn}
/*main*/
.main-title-en{font-size: var(--FEY-font-size-100);color: var(--FEY-color-black);opacity: .03;text-transform: uppercase;line-height: 1}
.main-title{position: relative}
.main-title-cn{position: absolute;left: 0;top: 0;width: 100%;display: flex;align-items: center;justify-content: center;height: 100%;font-size: var(--FEY-font-size-40);color: var(--FEY-color-4972BF);font-weight: 900}
.main-title-cn span{position: relative;padding: 0 30px}
.main-title-cn span:before,.main-title-cn span:after{position: absolute;top: 50%;background: url(../images/icon_1.png) no-repeat center;width: 82px;height: 38px;content: "";margin-top: -19px;background-size: contain}
.main-title-cn span:before{left: -82px}
.main-title-cn span:after{right: -82px}
@media(max-width: 992px){
    #main .container{padding: 0 15px}
    .main-title-cn span:before,.main-title-cn span:after{width: 50px}
    .main-title-cn span:before{left: -50px}
    .main-title-cn span:after{right: -50px}
}
@media(max-width: 760px){
    #main .container{padding: 0 10px;}
    .main-title-en{font-size: var(--FEY-font-size-50)}
    .main-title-cn{font-size: var(--FEY-font-size-26)}
    .main-title-cn span{padding: 0 20px}
    .main-title-cn span:before,.main-title-cn span:after{width: 30px}
    .main-title-cn span:before{left: -30px}
    .main-title-cn span:after{right: -30px}
}
@media(max-width: 320px){
    .main-title-en{font-size: var(--FEY-font-size-40)}
    .main-title-cn{font-size: var(--FEY-font-size-20)}
}
/*about*/
.about{margin-top: 80px}
.about-text{margin-top: 50px;font-size: var(--FEY-font-size-40);color: var(--FEY-color-333);text-indent: calc(2*var(--FEY-font-size-40));line-height: calc(2*var(--FEY-font-size-40))}
@media(max-width: 760px){
    .about{margin-top: 50px}
    .about-text{margin-top: 20px;font-size: var(--FEY-font-size-16);text-indent: calc(2*var(--FEY-font-size-16));line-height: calc(2*var(--FEY-font-size-16))}
}
@media(max-width: 320px){
    .about{margin-top: 30px;}
    .about-text{margin-top: 10px;font-size: var(--FEY-font-size-12);text-indent: calc(2*var(--FEY-font-size-12));line-height: calc(2*var(--FEY-font-size-12))}
}
/*service*/
.service{margin-top: 120px}
.service-list{margin-top: 70px}
.service-item{margin-bottom: 40px;display: flex;}
.service-item:nth-child(2n){direction: rtl}
.service-img{width: 50%}
.service-text{width: 50%;background-color: #f5f5f5;background-repeat: no-repeat;background-position: right 18px top 20px;background-size:7.55vw auto;padding: 0 1.823vw;display: flex;align-items: center;flex-direction: row;flex-wrap: wrap}
.service-title{font-size: var(--FEY-font-size-50);color: var(--FEY-color-333);font-weight: 700;margin-bottom: 5px}
.service-summary{font-size: var(--FEY-font-size-30);line-height: 2;color: var(--FEY-color-666)}
.service-content{width: 100%;text-align: left}
.service-item:nth-child(2n) .service-content{direction: ltr}
@media(max-width: 760px){
    .service{margin-top: 50px}
    .service-list{margin-top: 30px}
    .service-item{margin-bottom: 20px}
    .service-text{background-position: right 15px top 10px}
    .service-title{font-size: var(--FEY-font-size-20);margin-top: 2vw}
    .service-summary{font-size: var(--FEY-font-size-12);line-height: 1.6}
}
@media(max-width: 320px){
    .service{margin-top: 30px}
    .service-list{margin-top: 20px}
    .service-item{margin-bottom: 15px}
    .service-title{font-size: var(--FEY-font-size-16)}
    .service-summary{font-size: 1rem}
}
/*code*/
.code-title img{max-width: 32.76vw}
.code-subtitle{font-size: var(--FEY-font-size-40);color: var(--FEY-color-black)}
.code-box{margin-top: 60px;display: flex;margin-bottom: 50px}
.code-item{flex: 1}
.code-img{width: 33.35vw;max-width: 362px}
.code-info{margin-top: 50px;font-size: var(--FEY-font-size-40);color: var(--FEY-color-black);font-weight: 400}
@media(max-width: 760px){
    .code{margin-top: 30px}
    .code-title img{max-width: none;max-height: 50px}
    .code-subtitle{font-size: var(--FEY-font-size-18)}
    .code-box{margin-top: 40px}
    .code-img{max-width: 400px;width: 40vw}
    .code-info{margin-top: 20px;font-size: var(--FEY-font-size-16)}
}
@media(max-width: 320px){
    .code{margin-top: 20px}
    .code-title img{max-height: 40px}
    .code-subtitle{font-size: var(--FEY-font-size-14)}
    .code-info{font-size: var(--FEY-font-size-12)}
}
/* copyright */
.foot-copy{
    text-align: center;
}
.foot-copy p{
    font-size: var(--FEY-font-size-16);
    line-height: 2;
}