
html{background:#fff;color:#000;font-size:62.5%}
/*10÷16=62.5%*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,th,td,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button, input, select, textarea{ font-size:100%;}
body,input,textarea,button,select{font-family:SimHei,"Microsoft YaHei",simsun,sans-serif}


ul, ol { list-style:none; }
a { text-decoration:none;color:#333!important;}
a:hover { text-decoration:underline;}

img { border:0; width:100%;display:block;height:100%}
input,textarea,button,select,a{outline:0 none;border: none;}
input,textarea,select,option{border:none;outline:none;background:rgba(0,0,0,0);font-weight:bold;}
textarea{resize:none}
input::placeholder {color:#999;}
table { border-collapse:collapse; border-spacing:0;}

img,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,details,menu{display:block}

/*flex start*/
.space-between{
    display: flex;
    justify-content: space-between;
}

.column{
    display: flex;
    flex-direction: column;
}

.flexRow{
    display: flex;
    flex-direction: row;
}

.flexCenter{
    display: flex;
    align-itmes:center;
}

/*flex end*/

/*font-size start*/

body, html {height: 100%;}
@media only screen and (min-width: 300px){
    html {
        font-size: 32%!important;
    }
}

@media only screen and (min-width: 576px){
    html {
        font-size: 32%!important;
    }
}
@media only screen and (min-width: 768px){
    html {
        font-size: 32%!important;
    }
}
@media only screen and (min-width: 992px){
    html {
        font-size: 47%!important;
    }
}
@media only screen and (min-width: 1200px){
    html {
        font-size: 62.5%!important;
    }
}
/*font-size*/

/*header start*/
.nav-brand{
    height:5.2rem;
    width:14.4rem;
}
.navbar{
    height:8rem;
}
.nav-item{
    font-size: 2.4rem;
    margin-left:4rem;
    white-space:nowrap;
    line-height:1.6rem;
    margin-top:1rem;
    text-align: left;
}

.selected{
    border-bottom: .2rem solid #1f4ea2;
    text-align: left;
}

.selected a{
    color:#1f4ea2!important;
}

.nav-link{
    color:#333 !important;
    padding:0rem 0rem 1rem 0rem !important;
    font-weight:500;
}

/*header end*/

/*main start*/
@media (min-width: 1200px) {
    .container {
        max-width: 1534px !important;
    }
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 35px !important;
    padding-left: 35px !important;
}
.bg-light{
    background:#f2f2f2 !important;
}


.serveImage{
    margin-bottom: 4rem!important;
    border:none!important;
}

.cooperationImage{
    margin-top: 4rem!important;
}

/*product pages title start*/
.wan_title{
    color:#333;
    font-size:6rem;
    margin-top:11%;
    margin-bottom: 2.5%;
    text-align: center;
    font-weight:bold;
}

.wan_titleText{
    color:#999;
    font-size:3.8rem;
    line-height:4rem;
    width:71%;
    font-weight:normal;
    margin:auto;
}


@media only screen and (min-width: 300px){
    .wan_title{
        font-size:4.5rem;
    }
    .wan_titleText{
        font-size:3rem;
    }
}

@media only screen and (min-width: 576px){
}
@media only screen and (min-width: 768px){
}
@media only screen and (min-width: 992px){
    .wan_title{
        font-size:5rem;
    }
}
@media only screen and (min-width: 1200px){
    .wan_title{
        font-size:6rem;
    }
    .wan_titleText{
        font-size:3.8rem;
        line-height:4rem;
    }
}

/*product pages title end*/



/*main end*/





/*footer start*/
.footer{
    height:7.5rem;
    width:100%;
    background:#f2f2f2;
    font-size: 2rem;
    text-align: center;
    padding-top:.5rem;
}

.footer p{
    margin-top:2rem;
}

@media (min-width: 300px) {
    .footerSpace {
        margin-top:6rem;
    }
}
@media (min-width: 576px) {
    .footerSpace {
        margin-top:7rem;
    }
}


@media (min-width: 768px) {
    .footerSpace {
        margin-top:7rem;
    }
}
@media (min-width: 992px) {
    .footerSpace {
        margin-top:8rem;
    }
}

@media (min-width: 1200px) {
    .footerSpace {
        margin-top:15rem;
    }
}
/*footer end*/
