@charset "utf-8";



/* CSS Document */

body,

html {

    margin: 0px;

    padding: 0px;

}



body {

    overflow-x: hidden;

    font-size: 14px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    font-family: 'pingfang SC', "Source Han Sans CN", helvetica, arial, verdana, tahoma, sans-serif;

}

.show_pro .container ul li{
    list-style: disc;
}

.content .text ul li{
    list-style: disc;
}

@font-face {

    src: url(../fonts/MOOLBOR.TTF);

    font-family: MOOLBOR;

}



:after,

:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body,

p,

h1,

h2,

h3,

h4 {

    margin: 0px;

}



ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}



li {

    list-style: none;

}



img {

    border: none;

    vertical-align: middle;

}



a {

    text-decoration: none;

    color: #3c3c3c;

}



a:hover {

    text-decoration: none;

}



i {

    font-style: normal;

}



input {

    margin: 0px;

    padding: 0px;

}



button {

    margin: 0px;

    padding: 0px;

    outline: none;

}



.clearfix:before,

.clearfix:after {

    display: table;

    content: "";

}



.clearfix:after {

    clear: both;

}



.clearfix {

    *zoom: 1;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



a:hover {

    text-decoration: none;

    color: #000;

}



.w100 {

    width: 100%;

}







address,

em,

i {

    font-style: normal;

}



img {

    max-width: 100%;

}



.ta {

    text-align: center;

}



.tl {

    text-align: left;

}



.tr {

    text-align: right;

}



.pa {

    position: absolute;

}



.pr {

    position: relative;

}



.over {

    overflow: hidden;

}



.ma {

    margin: 0 auto;

}



.over>img:hover {

    transform: scale(1.1);

}



.over>img {

    cursor: pointer;

    transition: all 0.6s;

}



.swiper-button-next,

.swiper-button-prev,

.swiper-pagination-clickable .swiper-pagination-bullet,

textarea,

input:focus {

    outline: none;

    resize: none;

}



.bl {

    display: block;

}



.ib {

    display: inline-block;

}



.line1 {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.line2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.line3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.trans {

    transition: all .6s;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -o-transition: all .6s;

}



p {

    margin: 0;

    padding: 0;

    list-style-type: none;

}







/* 手机导航 */

.phone {

    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);

    display: none;

    top: 0;

    background: #fff;

    z-index: 999;

    width: 100%;

    /* padding: 10px 0px; */

    line-height: 60px;

    position: fixed;

    left: 0;

    right: 0;

}



.index_a {

    display: inline-block;

}



.phone .wid {

    float: left;

}



.phone .wid>a {

    display: inline-block;

}



.color_dao .iconfont {

    color: #fe7506;

    font-size: 1.875rem;

    margin: 0 5px;

}



.color_dao {

    line-height: 35px;

}



.color_dao .daohang_sp {

    position: relative;

    top: -7px;

    font-size: 1.5625rem;

}



.color_a {

    font-size: 1.5625rem;

    position: relative;

    top: -7px;

}



/* 分页 */

#page {

    clear: both;

    height: 40px;

    margin: 0 auto;

    text-align: center;

    display: table;

    margin-top: 20px

}



#page li {

    float: left;

    padding: 5px 14px;

    border: 1px solid #CCCCCC;

    margin-right: 6px;

    color: #666;

    font-size: 12px;

    list-style: none;

}



#page li:hover {

    border: 1px solid #4471c4;

}



#page li:hover a {

    color: #4471c4

}



#page li a {

    color: #666

}



#page li.active {

    border: 1px solid #4471c4;

    background-color: #4471c4;

    color: #FFFFFF

}



#page li.active a {

    color: #fff

}



#page .thisclass {

    background-color: #4471c4;

    color: #FFFFFF

}

















/* siteFunctions */

#phone_nav span,

.seaarch_phone span {

    font-size: 1.125rem;

    padding: 0 0 0 10px;

    margin-left: 15px;

    display: inline-block;

    line-height: 40px;

}



#siteFunctions {

    position: fixed;

    top: 0;

    right: -100%;

    width: 100%;

    bottom: 0;

    height: 100%;

    z-index: 10;

    background-color: #fff;

    z-index: 9999;

}



#siteFunctions .inner {

    position: relative;

    overflow-y: auto;

    background-color: #fff;

    padding: 0 0 50px;

    height: 100vh;

}



#siteFunctions .hd {

    position: relative;

    height: 60px;

    overflow: hidden;

    border-bottom: #dcdcdc 1px solid;

    padding: 0px 5vw;

    line-height: 60px;

}



#siteFunctions .hd .lang a {

    display: inline-block;

    line-height: 44px;

    height: 44px;

    font-size: 1.3rem;

    padding: 0;

    color: #999;

    text-transform: uppercase;

}



#siteFunctions .hd .lang a.active {

    color: #e36610;

}



#siteFunctions .hd .lang a+a {

    margin-left: 20px;

}



#siteFunctions .bt-close {

    position: absolute;

    right: 5vw;

    top: 16px;

    display: block;

    width: 1.8rem;

    height: 1.8rem;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#siteFunctions .bt-close span {

    position: absolute;

    top: -9999px;

    left: -9999px;

}



#siteFunctions .bt-close::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -1px;

    width: 100%;

    height: 2px;

    background-color: #222;

    display: block;

}



#siteFunctions .bt-close::after {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -1px;

    width: 2px;

    height: 100%;

    background-color: #222;

    display: block;

}



.mobMenu {

    padding: 0 5vw;

}



.mobMenu a,

.mobMenu span {

    display: block;

    color: #222;

}



.mobMenu>li {

    border-bottom: #dcdcdc 1px solid;

}



.mobMenu>li>a {

    position: relative;

    font-size: 16px;

    padding: 18px 12px;

    color: #000;

    display: block;

    font-weight: 500;

}



.mobMenu>li>a::before {

    content: '';

    position: absolute;

    top: 50%;

    right: 12px;

    display: block;

    width: 13px;

    height: 1px;

    background-color: #000;

}



.mobMenu>li>a::after {

    content: '';

    position: absolute;

    top: 50%;

    right: 18px;

    margin-top: -6px;

    display: block;

    width: 1px;

    height: 13px;

    background-color: #000;

}



.mobMenu>li.active>a::before {

    background-color: #e36610;

}



.mobMenu>li.active>a::after {

    display: none;

}



.mobMenu>li>.subDepth {

    padding: 0 12px 15px;

}



.mobMenu>li>.subDepth>li>a {

    color: #666;

    font-size: 1rem;

    line-height: 28px;

    display: block;

}



.mobMenu>li>.subDepth>li+li {

    margin-top: 10px;

    line-height: 28px;

}



.mobMenu>li.active>a::before {

    background-image: url('http://www.nowcos.com/202101/chn/asset/images/aw_bot2.png');

}



/* 搜素 */



.searchbox {

    padding: 15px;

    box-shadow: 0 0 7px 0 #cfcfcf;

    background: #fff;

    width: 100%;

    top: 93px;

    border-top: 2px solid #e36610;

    text-align: center;

    z-index: 44;

    position: fixed;

}



.displaynone {

    display: none;

}



.searchs {

    max-width: 600px;

    margin: 0 auto;

}



.clearfix {

    zoom: 1;

}



.searchs .sertext {

    display: block;

    padding: 0;

    outline: 0;

    padding-left: 12px;

    width: 78%;

    float: left;

    border: 1px solid #cdcdcd;

    color: #a2a2a2;

    font-size: 1rem;

    height: 52px;

    line-height: 52px;

    transition: 0.4s;

    box-sizing: border-box;

}



.serbtn {

    padding: 0;

    margin: 0;

    border: none;

    outline: 0;

    width: 22%;

    float: right;

    height: 52px;

    text-align: center;

    line-height: 52px;

    background: #e36610;

    color: #fff;

    font-size: 15px;

    cursor: pointer;

    transition: 0.44s;

}



/* 搜索结束 */



.phone_footer {

    display: none;

}







@media screen and (max-width:1440px) {



    body,

    html {

        font-size: 14px;

    }

}







@media(max-width:990px) {

    body {

        padding: 60px 0;

    }



    .index_pcnav {

        display: none;

    }



    .phone {

        display: block;

    }



    .mobile-foot {

        display: block;

    }



    .footer {

        display: none;

    }



    .searchbox {

        top: 60px;

    }



    .searchs .sertext,

    .serbtn {

        height: 44px;

        line-height: 44px;

    }





    /* 手机端尾部 开始*/

    .phone_footer {

        display: block;

    }



    .phone_footer_ul li {

        width: 25%;

        float: left;

        text-align: center;

        border-right: 1px solid rgba(255, 255, 255, .37);

    }



    .phone_footer_ul li a {

        padding: 10px 0;

    }



    .phone_footer {

        background: #000;

        color: #fff;

        position: fixed;

        bottom: 0;

        left: 0;

        width: 100%;

        z-index: 1000;



    }



    .phone_footer_ul li .iconfont {

        font-size: 20px;

        padding-top: 7px;

    }



    .phone_footer_ul li a {

        color: #fff !important;

    }



    /* 手机端尾部结束 */

}







@media screen and (max-width: 767px) {

    #siteFunctions {

        display: block;

    }

}



.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

    background:  #e36610;

    border-color: #e36610;

}

.pagination>li>a, .pagination>li>span {

    color: #333;

}