*{margin: 0;padding: 0;border: 0;font-family: "Microsoft YaHei","Helvetica Neue",Helvetica, Arial, sans-serif, '微软雅黑';}
/*清楚浮动*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}
a,a:hover,a:active,a:-webkit-any-link{
    text-decoration: none;
    outline: none;
    cursor: pointer;
    color: initial;
}
.iconfont{
    font-size: inherit;
    line-height: 1;
    vertical-align: middle;
}
html,body{
    background: #fff;
    color: #333;
    font-size: 20px;
    -webkit-text-size-adjust:none;
}
input, button, textarea {-webkit-appearance: none;outline: #fff;}
img{max-width: 100%}

select::-ms-expand {
    display: none;
}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}  /* Mozilla Firefox 19+ */
input:-moz-placeholder{color:#999;}    /* Mozilla Firefox 4 to 18 */
input:-ms-input-placeholder{color:#999;}  /* Internet Explorer 10-11 */
textarea::-webkit-input-placeholder{color:#999;}
textarea::-moz-placeholder{color:#999;}   /* Mozilla Firefox 19+ */
textarea:-moz-placeholder{color:#999;}    /* Mozilla Firefox 4 to 18 */
textarea:-ms-input-placeholder{color:#999;}  /* Internet Explorer 10-11 */
h1{
    font-size: .9rem;
    font-weight:500;
    /*color:rgba(0,157,228,1);*/
    line-height: 1.5;
    margin-bottom: .5rem;
}
h2{
    font-size: .8rem;
    font-weight:500;
    margin: .375rem;
}
.home{
    background: url('http://q.card-ar.com/lyb%2Fimg%2Findex-bg@2x.png') no-repeat bottom;
    background-size: cover;
    height: 100vh;
    overflow: auto;
    text-align: center;
}
.news{
    background: url('http://q.card-ar.com/lyb%2Fimg%2Fnew-bg@2x.png') no-repeat bottom;
    background-size: cover;
    height: 100vh;
    overflow: auto;
    text-align: center;
}
.background_list{
    background: url('http://q.card-ar.com/lyb%2Fimg%2Fmarket-bg@2x.png') no-repeat bottom;
    background-size: cover;
    height: 100vh;
    overflow: auto;
}
.background_aps{
    background: url('http://q.card-ar.com/lyb%2Fimg%2Fw01@2x.png') no-repeat top,url('http://q.card-ar.com/lyb%2Fimg%2Fw02@2x.png') no-repeat bottom;
    background-size: 100%;
    height: 100vh;
    overflow: auto;
}
.background_Manufacturing{
    background: #cbc7c8 url(http://q.card-ar.com/lyb%2Fimg%2FManufacturing.png) no-repeat top;
    background-size: 100%;
    height: 100vh;
    overflow: auto;
}
.menu{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 2rem);
    height: 1rem;
    background-color:rgba(3,7,10,.4) ;
    z-index: 100;
    padding: .5rem 1rem;
    line-height: 1;
}
.menu_child .absolute{
    width: 8rem;
    background:rgba(3,7,10,.4);
    right: -1rem;
    top: 4px;
}
.menu_child a{
    display: block;
    color: #fff;
    text-align: center;
    font-size: .8rem;
    padding: .5rem;
    border-top: 1px solid rgba(255, 255 ,255 ,.5);
}
.background_list .menu{
    /*position: relative;*/
    /*background-color:rgba(3,7,10,.77) ;*/
}
.background_list .menu .absolute{
    /*background-color:rgba(3,7,10,.77) ;*/
}
.menu img{
    max-height: 1rem;
}
.product_list .icon_list{
    /*margin: 3%;*/
}
.icon_list .icon_color{
    border:1px solid;
    display: inline-block;
    text-align: center;
    font-size: .7rem;
    padding: 1rem 0rem;
    width: calc(100% - .1rem);
    height: 4.2rem;
    overflow: hidden;
    float: left;
}
.icon_list a{
    display: inline-block;
    width: calc(44% - 2px);
    margin: 3%;
}
.icon_list .icon_color>div{
    max-width: 5.3rem;
    margin: auto;
}
.icon_list img{
    height: 50%;
}

.product_list .icon_list>div *{
    /*color: rgba(0,157,228,1);*/
}
.content{
    font-size: .7rem;
    line-height: 1.1rem;
}
.icon_title{
    width: calc(100% - 3rem);
    margin: .375rem;
    display: inline-block;
    padding: .5rem 1.5rem .5rem .75rem;
    text-align: center;
    color: #fff;
    float: left;
    font-size: .7rem;
    font-weight: 300;
}
.category_list .icon_title{
    width: calc(50% - 2.25rem);
    padding: 0 .75rem;
    height: 2rem;
    line-height: 1.2;
}
.download_icon{
    width: .6rem;
    vertical-align: middle;
    position: absolute;
    right: .75rem;
    top: calc(50% - .3rem);
}
.logo{
    margin: 2rem 0;
}
.home_icon_box{
    min-width: 16rem
}
.home_icon_box a{
    display: inline-block;
    border: 1px solid transparent;
    vertical-align: middle;
}
.home_icon{
    width: 5rem;
    height: 6rem;
    display: inline-block;
    overflow: hidden;
    transform: rotate(120deg);
    margin: -.8rem 0;
}
.home_icon>div{
    width: 5rem;
    height: 6rem;
    overflow: hidden;
    transform: rotate(-60deg);
}
.home_icon>div>div{
    width: 5rem;
    height: 6rem;
    overflow: hidden;
    transform: rotate(-60deg);
}
.home_icon>div>div>div{
    color: #fff;
    /*margin: 1.9rem auto;*/
    font-size: .8rem;
    height: 6rem;
    -webkit-display:flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
}
.home_icon img{
    height: 1rem;
}
.home_icon_box .home_icon.home_icon0>div>div{
    background-color: transparent;
}
.home_icon_box .home_icon.home_icon1>div>div{
    background-color: #425563
}
.home_icon_box .home_icon.home_icon2>div>div{
    background-color: #009DE4
}
.home_icon_box .home_icon.home_icon3>div>div{
    background-color: #F4831F
}
.home_icon_box .home_icon.home_icon4>div>div{
    background-color: #81C443
}
.product_list{
    border-bottom: 1px solid #DBDBDB;
    font-size: .65rem;
    padding: .75rem;
    line-height: 1.7;
}
.product_parent a:last-child .product_list{
    border: 0;
}
.product_list .product_title{
    font-size: .7rem;
    line-height: 1.2rem;
}
.top_parent{
    color: #fff;
    font-size: .7rem;
    padding: .5rem .75rem;
    line-height: 1.5;
}
.top_parent span{
    display: block;
    font-size: .6rem;
}
.language{
    margin: .5rem;
    color: #009DE4;
    font-size: .7rem;
}
.language a{
    color: #009DE4;
    font-size: .7rem;
    display: inline-block;
    padding: 0 .2rem;
}
.advisory_page .logo_icon{
    width: 8rem;
    margin: 1rem auto .5rem;
}
.advisory{
    border:3px solid rgba(66,85,99,1);
    margin: .75rem;
}
.advisory_top{
    background-color: #425563;
    color: #fff;
    padding: .75rem;
    font-size: .7rem;
}
.advisory_form{
    margin: .25rem 0 1rem;
}
.advisory .input{
    color: #424652;
    padding: .25rem .75rem;
    font-size: .7rem;
}
.advisory .input input[type=text], .advisory .input input[type=tel]{
    width: calc(100% - 1rem);
    padding: 0 .5rem;
    height: 2rem;
}
.advisory .input textarea{
    width: calc(100% - 1rem);
    padding: .3rem .5rem;
}
.advisory .input div{
    min-height:2rem;
    border:1px solid rgba(66,85,99,1);
    margin: .25rem 0;
}
.advisory .input select{
    height: 2rem;
    outline: #fff;
    background: #fff url("http://q.card-ar.com/lyb%2Fimg%2Fselect.png") no-repeat center right;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background-size: auto 20%;
    padding: .5rem;
    width: calc(100% - 0rem);
}
.advisory_button{
    width: 7rem;
    height: 2rem;
    background:rgba(3,126,180,1);
    color: #fff;
    font-size: .6rem;
    margin: auto;
    line-height: 2rem;
}
.search_box{
    border: 1px solid #425563;
    margin: .75rem;
    height: 2rem;
}
.search_box .search_icon{
    height: .7rem;
    margin: .7rem .5rem;
    vertical-align: middle;
}
.search_box input[type=text]{
    vertical-align: middle;
    height: 1.5rem;
    width: calc(100% - 3rem);
    margin-left: .75rem;
}
.search .search_list .list_title{
    background-color: #EFF0F1;
    padding: .75rem;
    color: #425563;
    font-size: .7rem;
}
.search .search_list .category_title{
    padding: .75rem 1.55rem .75rem .75rem;
    color: #fff;
    font-size: .7rem;
    border-bottom: 1px solid #fff;;
}
.search .search_list .category_title img{
    height: 1rem;
    right: .75rem;
    top: calc(50% - .5rem);
}
.contact{
    border: 1px solid #425563;
    margin: .75rem;
    padding: .5rem;
    color: #425563;
    font-size: .8rem;
    text-align: center;
    vertical-align: sub;
}
.contact img{
    vertical-align: sub;
    height: 1rem;
}
.file_qiniu{
    display: inline-block;
    position: relative;
    color: #425563;
    font-size: .6rem;
    margin: .5rem .75rem;
}
.file_qiniu input[type=file]{
    opacity: .01;
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.file_qiniu>div{
    background-color: #425563;
    color: #fff;
    border-radius:5px;
    font-size: .6rem;
    padding: .5rem 1rem;
    margin-right: .75rem;
}
.file_qiniu>div img{
    height: .6rem;
    vertical-align: middle;
    margin-top: -.2rem;
}
.file_qiniu>span{
    line-height: 3;
}
.banner{
    width: 100vw;
    padding-bottom: 60%;
    position: relative;
}
.banner div.inline{
    width: 100vw;
    padding-bottom: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.Vision{
    border: 2px solid #82C341;
}
.Mission{
    border: 2px solid #F58220;
}
.Vision>div:first-child,.Mission>div:first-child{
    height: 2.5rem;
    background: #F4FFE9;
    text-align: center;
    font-weight: 600;
    color: #82C341;
    line-height: 2.5rem;
}
.Mission>div:first-child{
    background: #FFF4EB;
    color: #F58220;
}
.Mission>div:nth-child(2){
    background: #F58220;
    color: #FFF;
    /*line-height: 2rem;*/
    font-size: .7rem;
    text-align: center;
    padding: .5rem;
}
.Vision>div:nth-child(2),.Mission>div:nth-child(3){
    padding: .75rem;
    font-size: .7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #425563;
    line-height: 1.1rem;
}
.Mission>div:nth-child(3){
    color:#F58220;
}
.Mission>div:nth-child(3) li div{
    display: inline-block;
    width: calc(100% - 1rem);
    vertical-align: top;
    margin: 0 0 .5rem;
}
.Vision>div:first-child img,.Mission>div:first-child img{
    vertical-align: middle;
    margin-top: -.25rem;
}
.Overview_button>div{
    margin: 1rem .75rem;
    background: #009DE4;
    line-height: 2.3rem;
    display: block;
    font-size: .8rem;
    color: #fff;
    text-align: center;
}
#allmap{width:100%;height:100vh;}
.map_div{
    font-size: .6rem;
    color: #788380;
    overflow: auto;
}
.map_div>div:nth-child(2){
    padding:.5rem 0;border-bottom: 1px solid #eee;font-size: .7rem
    /*margin-bottom: .5rem;*/
    /*text-align: center;*/
}
.map_div>div:nth-child(2) img{
    margin-right: .3rem;
    height: .6rem;
}
.map_div .map_list{
    border-bottom: 1px solid #eee;
    color: #0595E6;
    line-height: 2.5;
}
.map_div .map_list:last-child{
    border: none;
}
.map_div .map_list>div{
    width: 33%;
    display: inline-block;
}
.map_div .map_list>div:nth-child(2){
    text-align: center;
}
.map_div .map_list>div:nth-child(3){
    text-align: right;
}
.overview_cate{
    padding: .5rem;
}
.overview_cate>a{
    width: calc(50% - 1.1rem);
    margin: .5rem;
    float: left;
    position: relative;
    line-height: 0;
    border: 1px solid #FFFFFF;
    display: block;
    box-shadow: 0 0 5px #999;
}
.overview_cate>a img{
    width: 100%;
}
.overview_cate>a>div{
    position: absolute;
    width: calc(100% - .0rem);
    left: 0rem;
    bottom: 0rem;
    background: rgba(0,0,0,.22);
    line-height: 1.2;
    color: #fff;
    text-align: center;
    font-size: .7rem;
    padding: .4rem 0;
}
.aps .aps_title{
    font-size: .9rem;margin: 1rem;
    font-weight: 500;
}
.aps .aps_care{
    margin: .75rem;
    padding: .7rem 1.7rem .7rem .7rem;
    background: #009DE4;
    color: #fff;
    font-size: .8rem;
    box-shadow: 4px 6px 0px rgba(0, 157, 228, .25);
    position: relative;
    text-align: left;
}
.contact_us .contact_file{
    border: 1px solid #425563;
}
.contact_us .contact_file .contact_file_text{
    font-size: .7rem;
    display: block;
    margin: .75rem .75rem 0;
    line-height: 1rem;
}
.contact_us .contact_list{
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.1rem;
    padding: .4rem 0;
    border-bottom: 1px dashed #D9D9D9;
}
.contact_us .contact_list:last-child{
    border-bottom: 0;
}
.contact_us .contact_list>div:first-child{
    font-size: .9rem;
    color: #009DE4;
    line-height: 1.2rem;
    font-weight: 500;
    padding: .2rem 0;
}
.contact_us .contact_list td{
    min-width: 1.8rem;
    vertical-align: top;
    padding: .2rem 0;
}
.contact_us .contact_list td:first-child{
    text-align: right;
}
.contact_us .contact_form{
    padding: 1.25rem .75rem;
    border: 1px #D9D9D9;
    border-style: dashed none dashed none;
}
.contact_us .contact_form .advisory_button{
    margin-top: 1rem;
}
.background_Manufacturing .logo{
    width: 45%;
    margin-left: 47%;
    padding: 8% 0% 0;
}
.Manufacturing_list{
    margin: 3rem .5rem .5rem;
    text-align: center;
}
.Manufacturing_list>a{
    margin: .5%;
    width: 49%;
    display: inline-block;
    position: relative;
    float: left;
}
.Manufacturing_list>a>div{
    position: absolute;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 1px;
    width: 100%;
    left: 0;
    font-size: .8rem;
    line-height: 1.1rem;
    bottom: calc(50% - .5rem);
}
.Manufacturing_list.en>a>div{
    font-size: .65rem;
    line-height: 1rem;
    bottom: calc(50% - 1.3rem);
}
.Manufacturing_list>a>img:last-child{
    position: absolute;
    width: 1.2rem;
    left: calc(50% - .6rem);
    bottom: 14%;
}
.manufacturing .relative{
    line-height: 0;
}
.manufacturing_title{
    font-size: .9rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.3rem;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
}
.manufacturing_menu{
    width: 28%;
    float: left;
}
.manufacturing_menu>a{
    font-size: .6rem;
    font-weight: 500;
    line-height: .9rem;
    height: 3rem;
    background: #F4F4F4;
    border-bottom: 3px solid #fff;
    text-align: center;
}
.manufacturing_menu>a.active{
    color: #009DE4;
    background: #fff;
}
.manufacturing_menu>div:first-child{
    font-size: .5rem;
    font-weight: 500;
    line-height: .9rem;
    color: #FFFFFF;
    height: 2rem;
    background: #425563;
}
.manufacturing_content{
    width: 72%;
    display: inline-block;
}
.manufacturing_content .manufacturing_icon{
    padding: 1rem;
    line-height: 0;
}
.manufacturing_content .manufacturing_icon>div{
    width: calc(50% - 1rem);
    padding: .5rem;
    display: inline-block;
}
.manufacturing_goods{
    font-size: .65rem;
    font-weight: 400;
    line-height: 1.1rem;
}
.manufacturing_goods .title{
    height: 1rem;
    background: #E8F5FF;
    padding: .5rem .75rem;
    font-weight: 500;
    color: #425563;
    line-height: .9rem;
}
.manufacturing_advantage{
    line-height: 0;
}
.manufacturing_advantage>a{
    position: relative;
    text-align: right;
    display: block;
    margin: .75rem 0;
}
.manufacturing_advantage>a>div{
    width: 33%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #009DE4;
    font-size: .6rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: .9rem;
}
.manufacturing_advantage>a>div>div{
    width: 5rem;
}
.manufacturing_advantage img{
    width: 66%;
}
.manufacturing_advantage img.icon{
    width: 1.2rem;
    position: absolute;
    top: calc(50% - .6rem);
    right: .75rem;
}
.aps .aps_icon_box{
    text-align: center;
    line-height: 0;
    margin-top: -.2rem;
}
.aps .aps_icon_box>div{
    margin: -.8rem 0;
}
.aps .aps_icon_box>div:first-child{
    margin: 0 0 .3rem;
}
.aps .aps_icon_box>div:last-child{
    margin: 0;
}
.aps .aps_icon_box>div:last-child img{
    width: 50%;
}
.aps .aps_icon_big{
    width: 7.8rem;
    height: 8.7rem;
    background: url("http://q.card-ar.com/lyb%2Fimg%2Fa01@2x.png") no-repeat;
    background-size: cover;
    font-size: .8rem;
    font-weight: 500;
    color: #455866;
    line-height: 1rem;
}
.aps .aps_icon_big.bule{
    background: url("http://q.card-ar.com/lyb%2Fimg%2Fa02@2x.png") no-repeat;
    background-size: cover;
    color: #fff;
}
.aps .aps_icon_box>div:last-child .aps_icon_big{
    font-size: .4rem;
    font-weight: 500;
    color: #2268A4;
    line-height: .55rem;
}
.aps .aps_icon{
    width: 4.7rem;
    padding: 0 .5rem;
    height: 6.3rem;
    background: url("http://q.card-ar.com/lyb%2Fimg%2Fa03@2x.png") no-repeat;
    background-size: cover;
    font-size: .65rem;
    font-weight: 500;
    color: #fff;
    line-height: .8rem;
    margin: -.2rem;
}
.aps .aps_icon_box>div>div{
    vertical-align: middle;
}
.news_detail {
    background: #F0F0F0;
    min-height: 100vh;
    font-size: .7rem;
    font-weight: 500;
    color: #455866;
    line-height: 1rem;
}
.news_detail a{
    background: #009BE2;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.26);
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1rem;
    padding: .5rem;
    display: block;
}
.news_detail_content{
    background: #fff;
    padding: .5rem;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.26);
    border-radius: 4px;
}
.waiting{
    text-align: center;
    font-size: .9rem;
    font-weight: 400;
    color: #6C7C9D;
    line-height: 1.5rem;
}
.waiting img{
    width: 8rem;
    margin-top: calc(50vh - 7rem);
}
.red{color: #F33535}
.color1{color: #81C443;border-color: #81C443;}
.color2{color: #FF7A00;border-color: #FF7A00;}
.color3{color: #8C1DEE;border-color: #8C1DEE;}
.color4{color: #6a8499;border-color: #6a8499;}
.color5{color: #09B8C5;border-color: #09B8C5;}
.color6{color: #00A3E4;border-color: #00A3E4;}
.color7{color: #1600E4;border-color: #1600E4;}
.color8{color: #F30E0E;border-color: #F30E0E;}

.color1 .icon_title, .colorBg1{background-color: #81C443;}
.color2 .icon_title, .colorBg2{background-color: #FF7A00;}
.color3 .icon_title, .colorBg3{background-color: #8C1DEE;}
.color4 .icon_title, .colorBg4{background-color: #6a8499;}
.color5 .icon_title, .colorBg5{background-color: #09B8C5;}
.color6 .icon_title, .colorBg6{background-color: #00A3E4;}
.color7 .icon_title, .colorBg7{background-color: #1600E4;}
.color8 .icon_title, .colorBg8{background-color: #F30E0E;}

.colorBgOpacity1{background-color: #4EAD36;}
.colorBgOpacity2{background-color: #FAAE4C;}
.colorBgOpacity3{background-color: #7C1ED0;}
.colorBgOpacity4{background-color: #506c82;}
.colorBgOpacity5{background-color: #08ABB7;}
.colorBgOpacity6{background-color: #0A93CA;}
.colorBgOpacity7{background-color: #291D9D;}
.colorBgOpacity8{background-color: #841111;}

.margin75{margin: .75rem}
.margin375{margin: .375rem}
.bg_black{background-color: rgba(0,0,0,.5)}
.bg_white{background-color: #fff}
.cursor{cursor: pointer}
.relative{position: relative}
.absolute{position: absolute}
.fixed{position: fixed}
.div_middle{top:50%;left: 50%}
.div_full{width: 100%;height: 100%;top: 0;left: 0;}
.center{text-align: center}
.middle{vertical-align: middle}
.top{vertical-align: top}
.oh{overflow: hidden}
.oa{overflow: auto}
.bold{font-weight: bold}
.fl{float: left}
.fr{float: right}
.tl{text-align: left}
.tr{text-align: right}
.middleBox{
    -webkit-display:flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
}
.load_more{
    margin: .5rem;
    cursor: pointer;
    text-align: center;
    font-size: .7rem;
    color: #999;
}
.alert_box{
    position:fixed;
    left: 50%;
    width: 10rem;
    margin-left: -6rem;
    bottom: 50%;
    background: rgba(0, 0, 0, .9);
    border-radius: 1em;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: .8em;
    z-index: 1001;
}
.confirm_box {
    position: fixed;
    left: 50%;
    width: 10rem;
    margin-left: -5.5rem;
    bottom: 50%;
    background: #fff;
    border-radius: 5px;
    /*color: #666;*/
    box-shadow: 0 0 10px #ccc;
    text-align: center;
    /*padding: 1rem;*/
    font-size: .8em;
    z-index: 1001;
}
.confirm_box div{
    padding: 1.5rem .5rem 1rem;
}
.confirm_box div.confirm_box_close{
    color: #3770DB;
    padding: .5rem;
    border-top: 1px solid #eee;
}
.inline{display: inline-block}
.hide{display: none}
.show{display: block}
.m_show,.m_inline {display: none}