@font-face {
    font-family: 'sis';
    src: url('../font/SourceHanSansCN-Bold.otf');
}
@font-face {
    font-family: 'sih';
    src: url('../font/SourceHanSansCN-Medium.otf');
}
.clear:after{
    content:"";
    display: block;
    clear: both;
}
.sjddingbu{display: none;}
.top{
    width:100%;
    height:35px;
    line-height: 35px;
    overflow: hidden;
    background:#f6f6f6;
}
.sou{
    padding-left: 20px;
    border-left: 1px solid #e5e4e4;
}
.top_left{
    width: 50%;
    float:left;
    display: flex;
}
.top_left ul li{
    float:left;
    line-height:35px;
    font-size:14px;
    color:#6a6a6a;
    padding-right:9px;
}
.top_left ul .tell{
    background:url(../images/t_03.png) left center no-repeat;
    padding-left:28px;
}
.top_left ul .email{
    background:url(../images/t_05.png) left center no-repeat;
    padding-left:28px;
}
.top_right{
    float:right;
}
.search{
    float:left;
    width:124px;
    height:18px;
    padding-top:6px;
}
.search .top_text{
    width:90px;
    background: url(../images/search_03.png) left center no-repeat;
    height: 18px;
    padding-left: 6px;
    float:left;
    border:none;
    color:#fff;
}
.search .top_button{
    width:28px;
    background: url(../images/search_03.png) right center no-repeat;
    height: 18px;
    cursor: pointer;
    border:none;
    float:left;
}
.sou input{
    border: 1px solid #e5e4e4;
}
.sou button{
    background: transparent;
    border: 1px solid #e5e4e4;
}
.top_right a{
    float:left;
    line-height:35px;
    color:#6a6a6a;
    font-size:14px;
    padding-left:15px;
}
.banshi{
    width:100%;
    height:5px;
    background: url(../images/tiao.png) no-repeat;
}
.banshi:after{
    content:"";
    display: block;
    clear: both;
}
.banshi a{
    /*padding:5px 0;*/
    display: inline-block;
    color:#ef353d;
    /*height: 20px;*/
    /*line-height: 20px;*/
    float: right;
}

.banshi a em.huixian{
    color:#c2c2c2;
}

.banshi a.jigou{
    margin-left: 15px;
}
/*.banshi .head-inner{padding:0 20px;}*/
.banshi p{display: inline-block;color:#fff;}
.banshi p span i{color:#909090;vertical-align: middle;}
.banshi p span {
    font-size:11px;
    font-family:MyriadPro-Regular;
    font-weight:400;
    color:rgba(111,111,111,1);
}
.banshi .threetb{
    margin-left: 20px;
}
.banshi .threetb i{
    font-size: 15px;
    display: inline-block;
    margin: 0 auto;
    color: #c2c2c2;
    /* background: #f5f5f5; */
    border-radius: 100%;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    line-height: 25px;
}
.banshi .threetb a{
    color:#c2c2c2;
}
.banshi .threetb ul li img{
    margin-right: 5px;
}
.banshi .threetb ul li{
    display: none;
}
.banshi .threetb ul li:after{
    content:"";
    display: block;
    clear: both;
}
.banshi .threetb ul li.active{
    display: block;
}
.banshi .threetb ul li{
    position: relative;
}
.lang{
    position: absolute;
    top:43px;
}

/*头部*/
.revi-header:after,.h-list:after{
    content:"";
    display: block;
    clear: both;
}
.clearfix{
    display: block;
}
.h-lg{
    width: 25%;
    margin: 8px auto;
}
.revi-logo-img {
    /*width: 300px;*/
    /*padding-right: 60px;*/
    /*border-right: 1px solid #742427;*/
    display: inline-block;
    vertical-align: top;
    box-sizing: content-box;
}
.revi-logo-img img{
    max-width: 100%;
    margin: 10px 0;
}
.h-txt{
    display: inline-block;
    margin-left: 60px;
}
.h-txt p:first-child{
    font-size: 30px;
    font-family: 'sis';
    color: #1e1e1e;
    margin-bottom: 26px;
}
.h-txt p:last-child{
    font-size: 20px;
    color: #3a3a3a;
    font-family: 'sih';
}

.h-nav{
    width: 70%;
    margin-left: 5%;
    float: right;
    /*padding: 30px 0;*/
}
.h-list{
    margin-bottom: 0;
}
.h-list>ul>li{
    float: left;
    width: 12.5%;
    /*padding:20px 0;*/
    position: relative;
}
.h-list>ul>li a.denglu{
    border: 1px solid #f3642d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 20px;
    padding: 5px 11px;
    margin: 21px auto;
    width: 70%;
    color:#f3642d;
}
.h-list>ul>li a.zhuce{
    /*border:1px solid #f3642d;*/
    background: linear-gradient(to right,#fecf20,#f99815,#f35e0a);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 20px;
    padding: 5px 11px;
    margin: 21px auto;
    width: 70%;
    color:#fff;
}
.h-list>ul>li:hover a.zhuce{color:#fff;}
.h-list>ul>li>a{
    height:fit-content;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: #3a3a3a;
    padding: 11px 0;
    margin: 15px 0;
}
.h-list>ul>li:first-child>a{
    border-left:0;
}
.h-list>ul>li>a span{
    font-size: 12px;
}
.h-list>ul>li.active>a span,.h-list>ul>li:hover>a span{
    color: #fff;
}

.h-list>ul>li.active>a,.h-list>ul>li:hover>a{
    color: #2a938c;
    /*border-bottom:1px solid #ef353d;*/
}
.h-list>ul>li span{
    display: block;
    width: 0%;
    transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    height:7px;
    background: transparent;
    background-size: 100% 100%;
}
.h-list>ul>li.active span,.h-list>ul>li:hover span{
    /*border-bottom:1px solid #ef353d;*/
    width: 100%;
    height: 7px;
    background: url("../images/tiao.png") no-repeat;
    transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    background-size: 100% 100%;
    display: block;
}
.tou-ph{
    display: none;
}
.xl-s{
    position: absolute;
    left: 0;
    right: 0;
    top: 77px;
    background: #fff;
    z-index: 99;
    display: none;
}
.xl-list{
    padding:10px;
}
.xl-list li{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-bottom:1px solid #ccc ;
}
.xl-list li:last-child{
    border-bottom: 0;
}
.xl-list li a{
    font-size: 14px;
    color: #333;
}
.xl-list li:hover a{
    color:#2a938c;
}
/*.xl-list li:hover{*/
    /*background: #2a938c;*/
/*}*/
/*.xl-list li.active a{*/
    /*color: #bf2f2e;*/
/*}*/
/*.xl-list li:hover a{*/
    /*color: #bf2f2e;*/
/*}*/

/*底部*/
.foot{
    background: #3A3B3E;
}
.foot_top{
    padding-top: 35px;
    border-bottom: 1px solid #4C4C50;
}
.foot_lf{
    float: left;
    width: 75%;
}
.dizhis{
    display: flex;
    justify-content: space-between;
}
.dizhis li{width: 33%;}
.dizhis li b{
    float: left;
    /*margin: 20px auto;*/
    display: inline-block;
    width: 73px;
    height: 70px;
    background: url(../images/dizhi_03.png) no-repeat;
}
.dizhis li:nth-child(2) b{
    background: url(../images/dizhi_05.png) no-repeat;
}
.dizhis li:nth-child(3) b{
    background: url(../images/dizhi_07.png) no-repeat;
}
.dizhis li div.ew{
    padding-left: 73px;
}
.dizhis li div.ew h4{
   color:#cbcbcb;
    margin: 5px 0;
    font-size: 16px;
}
.dizhis li div.ew p{
    color:#cbcbcb;
    font-size: 15px;
}
.foot_list{
    margin-bottom: 27px;
}
.foot_list a{
    /*font-family: "宋体";*/
    font-size: 14px;
    /*margin-right: 20px;*/
    border-left: 1px solid #b3b3b3;
    display: inline-block;
    width: 12%;
    text-align: center;
    color:#cbcbcb;
}
.foot_list a:first-child{border-left: 0;}
.foot_list a:hover{
    color:#2a938c;
    /*background: linear-gradient(to right,#fecf20,#fdc01d,#f99815,#f35e0a);*/
    /*-webkit-background-clip: text;*/
    /*background-clip: text;*/
    /*color: transparent;*/
}
.foot_lf p{
    font-size: 16px;
    color: #b3b3b3;
    margin-bottom: 15px;
}
.foot_rt{
    float: left;
    width: 25%;
}
.wei_img{
    float: left;
    width: 50%;
    text-align: center;
}
.wei_img img{
    display: block;
    width:auto;
    height:auto;
    margin: 0 auto;
}
.wei_img p{
    text-align: center;
    color: #b3b3b3;
    line-height: 30px;
}
.foot_tel{
    float: right;
    margin-left: 5%;
    width: 50%;
}
.foot_tel h4{
    font-size: 16px;
    color: #B2B2B2;
}
.foot_tel h5{
    color:#B2B2B2;
    padding-left: 30%;
    margin-top: 10px;
}
.foot_tel h4 span{
    font-size: 26px;
    background:linear-gradient(to right,#fecf20,#fdc01d,#f99815,#f35e0a);
    -webkit-background-clip: text;
    background-clip:text;
    color: transparent;
    /*font-family: Arvo;*/
    margin-left: 15px;
}
.foot_tel p{
    padding-left: 76px;
    color: #CBCBCB;
    font-size: 14px;
}
.foot-bottom{
    padding: 30px 0;
}
.foot-bottom p{
    font-size: 12px;
    color: #b3b3b3;
    text-align: center;
    /*font-family: "宋体";*/
}

/*底部*/
.foot{
    background-color: #333333;
    /*padding: 30px 0;*/
}
.foot .inner{
    /*overflow: hidden;*/
}
.ft-lf{
    float: left;
    width: 800px;
}
.ft-mid{
    float: left;
    width: 300px;
}
.ft-rt{
    float: left;
    width: 100px;
}
.ft-lf>ul{
    overflow: hidden;
}
.ft-lf>ul>li{
    float: left;
    width: 20%;
    padding: 0 20px;
}
.ft-lf ul li h2{
    font-size: 14px;
    font-family: '宋体';
    color: #fff;
    margin-bottom: 18px;
}
.ft-lf ul li h2:after{
    content: '';
    display: block;
    margin-top: 5px;
    height: 2px;
    width: 88px;
    background-color: #555555;
}
.ft-ls li a{
    font-family: '宋体';
    color: #fff;
    line-height: 24px;
}
.ft-ls li a:hover{
    color: #e15153;
}
.ft-mid{
    padding: 0 30px;
    height: 280px;
    border-left:1px solid #555555 ;
    border-right:1px solid #555555 ;
}
.ft-mid h2{
    font-size: 14px;
    font-family: '宋体';
    color: #fff;
    margin-bottom: 18px;
}
.ft-mid h2:after{
    content: '';
    display: block;
    margin-top: 5px;
    height: 2px;
    width: 88px;
    background-color: #555555;
}
.ft-mid p{
    font-family: '宋体';
    color: #fff;
    line-height: 24px;
}
.ft-rt{
    padding-left: 20px;
}
.ft-rt p{
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 12px;
}
.ft-rt p b{
    font-weight: normal;
    transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    display: block;
}

/**/
.ftb{
    background-color: #742427;
    padding: 18px 0;
}
.ftb p{
    color: #fff;
    text-align: center;
    padding: 0 15px;
}

@media screen and (max-width: 1199px) {
    .foot_lf { width: 75%;}
    .foot_rt { width: 25%;}
    .wei_img{width: 50%;}
    .foot_tel{width: 55%;}
    .foot_tel h4{font-size: 14px;}
    .foot_tel h4 span{font-size: 22px;}
    .h-lg {
        width: 23%;
    }
    .h-nav{
        width:75%;
        margin-left: 0;
    }
    .revi-logo-img img {
        margin: 15px 0;
    }
    .dizhis li div.ew p {
        color: #cbcbcb;
        font-size: 13px;
    }
}


@media screen and (max-width: 1023px){
    .sjddingbu{display: block;}
    .sjddingbu a{font-size: 13px;}
    .m_logo img {
        max-width: 60%;
    }
    .tou{
        display: none;
    }
    .h-nav{
        display: none;
    }

    .tou-ph{
        padding:10px 0;
        display: block;
        width: 95%;
        margin:0 auto;
    }
    .tou-ph:after{
        content: '';
        display: table;
        clear: both;
    }

    .tou-ph{
        padding: 10px 0;
    }
    .xl-s{
        top: 40px;
    }
    .revi-search-bar{
        float: right !important;
        margin-left: 0;
    }
    .top-nav li{
        display: none;
    }
    .top-nav li:first-child,.top-nav li:nth-child(2),.top-nav li:nth-child(3){
        display: block;
    }
    .tou-ph .iconBack-title {
        float: left;
        line-height: 35px;
        /*overflow: hidden;*/
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 43%;
        /*margin-left: -10px;*/
    }
    .tou-ph .menu2 {
        background: url(../images/iconMenu.png) no-repeat 0px 5px;
        -webkit-background-size: 40%;
        -moz-background-size: 40%;
        background-size: 40%;
        background-position: right;
        height: 40px;
        float: right;
        width: 60px;
    }
    .tou-ph .anniu.active .menu2{
        background: url(../images/gb.png) no-repeat 0px 5px;
        -webkit-background-size: 35%;
        -moz-background-size: 35%;
        background-size: 35%;
        background-position: right;
    }
    .tou-ph {
        padding: 5px 0;
    }
    .top-nav li a{
        font-size: 12px;
    }
    .top-nav li{
        line-height: 30px;
    }
    .top p{
        line-height: 30px;
    }
    .top{
        padding: 0 10px;
    }
    .revi-logo-img{
        padding-right: 20px;
        width: 90px;
    }
    .revi-logo-img img{
        width: 100%;
    }
    .h-lg{
        margin-left: 10px;
    }
    .h-txt{
        display: inline-block;
        margin-left: 20px;
    }
    .h-txt p:first-child{
        font-size: 26px;
        margin-bottom: 15px;
    }
    .h-txt p:last-child{
        font-size: 16px;
    }
    .tou{
        padding: 0 10px;
    }
    .h-sou h4{
        margin-bottom: 4px;
    }
    .h-list ul li a span{
        display: none;
    }
    /**/
    body{
        position: relative;
        right: 0;
        transition: all linear .5s;
    }
    .navlist_mo{
        display: block;
        position:fixed;
        top: 0;
        right: -50%;
        bottom: 0;
        width: 50%;
        background-color: #212020;
        transition: all linear .5s;
        overflow-y: auto;
    }
    .navlist_mo>li{
        background-color: #212020;
    }
    .navlist_mo>li>a{
        color:#ffffff;
        display: block;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        padding:20px 0;
        padding-left: 20px;
        transition: all .5s;
        position: relative;
    }
    .navlist_mo>li>a:hover{
        color: #2a938c;
    }
    .navlist_mo>li.active>a{
        color: #2a938c;
    }
    .navlist_mo>li a:after{
        top: 1.4rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navlist_mo>li a.sj:after{
        content: "";
        display: block;
        position: absolute;
        left: 128px;
        top: 24px;
        width: 9px;
        height: 9px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transition: all .3s ease 0s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navlist_mo>li.active a.sj:after{
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 30px;
    }
    .navlist_mo>li .abm_nav{
        display: none;
        height: 0;
        transition: all .5s;
    }
    .navlist_mo>li.active .abm_nav{
        display: block;
        height: auto;
    }
    .navlist_mo>li .abm_nav li{
        background-color: #080808;
    }
    .navlist_mo>li .abm_nav li.active a{
        color: #2a938c;
    }
    .navlist_mo>li .abm_nav li a{
        color:#ffffff;
        display: block;
        font-size: 14px;
        line-height: 20px;
        padding:12px 0;
        padding-left: 30px;
        transition: all .5s linear;
        -moz-transition: all .5s linear;
        -webkit-transition: all .5s linear;
    }
    .navlist_mo>li .abm_nav li:hover a{
        color:#2a938c;
    }
    .foot_lf{
        display: none;
    }
    .foot_rt {
        width: 100%;
        text-align: center;
    }
    .foot_top{
        padding:0 0 20px 0;
    }
    .foot-bottom{
        text-align: center;
        padding:30px 0 0 0;
    }
    .ft-lf{
        display: none;
    }
    .ft-mid{
        width: 50%;
        height: auto;
        border-left: none;
    }
    .ft-rt{
        width: 50%;
    }
    .ft-rt p{
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
    }
    .foot_top {
        display: none;
    }
    .foot-bottom {
        padding: 20px 0 20px 0;
    }
}
@media screen and (max-width: 767px){
    .sjddingbu{display: block;}
    .sjddingbu .top_left{display: none;}
    .sjddingbu a{font-size: 13px;}
    .tou-ph {
        padding: 0;
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    .m_logo img {
        max-width: 100%;
    }
    .revi-search-ipt{
        width: 200px;
    }
    .revi-search-bar{
        width: 260px;
    }
    .tou-ph .menu2{
        background: url(../images/iconMenu.png) no-repeat 0px 5px;
        -webkit-background-size: 40%;
        background-size: 40%;
        background-position: right;
    }
    .tou-ph a.active .menu2{
        background: url(../images/gb.png) no-repeat 0px 5px;
        -webkit-background-size: 40%;
        background-position: right;
        background-size: 40%;
    }
    .tou-ph .iconBack-title {
        width: 50%;
    }
    .foot_top {
        padding-top: 15px;
    }
    .foot_tel{
        display: none;
    }
    .wei_img {
        width: 50%;
        text-align: center;
    }
    .foot-bottom{
        padding:30px 0 0 0;
    }
    .liuyans{
        display: block;
    }
    .liuyan{
        display: none;
    }
    .foot_top {
        display: none;
    }
    .foot-bottom {
        padding: 20px 0 20px 0;
    }
    .foot {
         padding: 0;
    }
}
@media screen and (max-width: 600px){
    .ft-mid{
        float: none;
        width: 100%;
        border-right: none;
        padding: 0 15px;
        /*margin-bottom: 15px;*/
    }
    .ft-rt{
        width: 100%;
    }
    .ft-rt p{
        display: inline-block;
        padding-left: 0px;
        padding-right: 8px;
    }
    .ft-rt{
        padding-left: 15px;
        display: none;
    }
    .foot{
        padding: 0;
    }
}

.yqlj{
  width: 100%;
  height: 100%;
  padding: 40px;
  border-bottom: 1px solid #cccccc;
}
.yqlj h5{
  font-size: 18px;
  color: #cccccc;
  margin-bottom: 25px;
}
.yqlj ul{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.yqlj ul li{
  float: left;
  margin-right: 30px;
  margin-bottom: 25px;
  overflow: hidden;
}
.yqlj ul li a{
  color: #cccccc;
  font-size: 14px;
}