﻿

@charset "utf-8";  .xn_brand{display:none}

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top;width:100%;}
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {    padding-top: 60px; -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-text-size-adjust: none;}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
html{font-size: 62.5%;}




.logo {width:130px; height:60px; text-align:center;float:left;     z-index: 10;}
.logoimg {     width: 130px;}

.eah_right{    display: flex;    align-items: center;}
.nav_yyqh {    float: left;    margin-right: 0.22rem;}
.nav_yyqh >a{color: #333;font-size: 0.4rem;}
.nav_search {    float: left;    margin-right: 0.4rem;    height: 60px;    transition: all .5s;    position: relative;    display: flex;    flex-flow: row wrap;    justify-content: center;    align-items: center;}
.nav_search>.nav_icon svg {    width: 22px;    height: 22px;    transition: all .5s;    fill: #666;}
.nav_icon:after {content: "";    position: absolute;    width: 100%;    height: 2px;    left: 0;    bottom: 0;    background: #1E50E6;    transition: all .5s;    opacity: 0;}
.nav_icon.show svg{    fill: #1E50E6;}
.nav_icon.show:after{    opacity: 1;}

.nav_m {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: #333;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    height: 20px;
    opacity: 0.7;
    padding: 0;
}

.nav_m_box {
    width: 25px;
    height: 20px;
    display: inline-block;
    position: relative;
}


.nav_m_buttom,.nav_m_buttom::before,.nav_m_buttom::after{
        width: 25px;
        height: 2px;
        background: #222;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
        transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    }
.nav_m_buttom {
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    display: block;
    top: 50%;
    margin-top: -2px;
}
    .nav_m_buttom::before {
        top: -8px;
            content: "";
    display: block;
    }
    .nav_m_buttom::after {
                bottom: -8px;
            content: "";
    display: block;
    }

#ea_h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 6%;
border-bottom: 1px solid #e6e6e6;
    z-index: 9;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    height: 60px;
box-sizing: border-box;
}
.active.nav_m .nav_m_buttom{
background-color: transparent !important;
    transform: rotateY(-180deg);
    }
.active.nav_m .nav_m_buttom::after {
            transform: translate3d(0, -8px, 0) rotate(-45deg);
    background: #222;
    }
.active.nav_m .nav_m_buttom::before {
        transform: translate3d(0, 8px, 0) rotate(45deg);
    background: #222;
        }


.ovh{overflow: hidden;}
.nav_con {
    display: none;
    width: 100%;
    top: 60px;
    left: 0px;
    z-index: 1;
    height: calc(100vh - 45px);
    padding: 30px 0 45px;
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-sizing: border-box;
}




.xn_mn_1_wrap {width:100%; height:1.375rem; overflow: hidden;background:#262626;}
.xn_mn_1_wrap ul { width: 100%; }
.nav_con>ul{    overflow-y: auto;    height: 100%;}
.nav_con>ul>li {   position: relative;    width: 100%;    line-height: 60px;    border-bottom: 1px solid #d1d1d1;float: left;}
.nav_con>ul>li>a{   display: block;    padding-left: 5%;    position: relative;    color: #333;    transition: all .3s ease;    font-size: 0.426rem;}
.nav_con>ul>li.nav_xl>a{display: inline-block;    float: left;}
.nav_con>ul>li.nav_xl:after{content: "";    display: block;    width: 20px;    height: 20px;    line-height: 20px;    text-align: center;    background-size: 100% auto;    position: absolute;    right: 6.4%;    top: 20px;    background: url(https://rc0.zihu.com/g5/M00/3D/20/CgAGbGhkrfSAEUEcAAAB--vhoNs204.svg);    background-repeat: no-repeat;    background-position: 50% 50%;    background-size: 20px auto;    transform: rotate(0);    transform-origin: center center;    transition: all .3s ease-in-out;}
.nav_con>ul>li.nav_xl.show:after{    transform: rotate(-180deg);}
.nav_con>ul>li.nav_xl>ul {    width: 100%;    float: left;    display: none;    line-height: 40px;    padding: 0 6%;  box-sizing: border-box;}
.nav_con>ul>li.nav_xl>ul>li>a {    color: #666;    font-size: 0.426rem;    display: block;}





.xn_index_mba_1_wrap{position:relative; overflow:hidden; }
.xn_index_mba_1_main{width:100%;margin:0 auto;overflow: hidden;}
.xn_index_mba_1_ul{overflow: hidden;position: relative;}
.xn_index_mba_1_li{float: left;background:#fff;}
.xn_index_mba_1_li img{width: 100%; background-color:#fff;height:calc(100vh - 60px);object-fit:cover;}
.xn_index_mba_1_lights{width:1.5625rem;right:0rem;position: absolute;bottom:0.234375rem;text-align: center;}
.xn_index_mba_1_lights span{display: inline-block;margin-right:0.09375rem; width:0.1875rem; height:0.1875rem; border-radius:50%;background:transparent;border:0.03125rem solid #FFF; cursor: pointer;}
.xn_index_mba_1_lights .xn_index_mba_1_lightsCurr{background:#00a2de !important;border-color:#00a2de ;border:0.03125rem solid #00a2de; }





@-webkit-keyframes fadeInUp {    
  0% {        
    opacity: 0;        
    -webkit-transform: translateY(20px);        
    transform: translateY(20px);    
  }    
  100% {        
    opacity: 1;        
    -webkit-transform: translateY(0);        
    transform: translateY(0);    
  }
}
@keyframes fadeInUp {    
  0% {        
    opacity: 0;        
    -webkit-transform: translateY(20px);        
    -ms-transform: translateY(20px);        
    transform: translateY(20px);    
  }    
  100% {        
    opacity: 1;        
    -webkit-transform: translateY(0);       
    -ms-transform: translateY(0);       
    transform: translateY(0);   
  }}
.animated { opacity: 0;      -webkit-backface-visibility: hidden;    -moz-backface-visibility: hidden;    -ms-backface-visibility: hidden;    backface-visibility: hidden;    -webkit-animation-duration: 1s;    -webkit-animation-delay: .2s;    -webkit-animation-timing-function: ease;    -webkit-animation-fill-mode: both;    -moz-animation-duration: 1s;    -moz-animation-delay: .2s;    -moz-animation-timing-function: ease;    -moz-animation-fill-mode: both;    -ms-animation-duration: 1s;    -ms-animation-delay: .2s;    -ms-animation-timing-function: ease;    -ms-animation-fill-mode: both;    animation-duration: 1s;    animation-delay: .2s;    animation-timing-function: ease;    animation-fill-mode: both;animation-duration: 1s;    animation-fill-mode: both;}
.fadeInUp {    -webkit-animation-name: fadeInUp;    animation-name: fadeInUp;}

.ppjs{    padding: 0.8rem 0.5333333333333333rem;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;}
.ppjs_tit1 {    font-size: 0.6rem;    color: #00a2de;    text-align: center;    line-height: 1rem;}
.ppjs_tit2 {    color: #000000;    font-size: 0.32rem;    text-align: center;    line-height: 0.352rem;}
.ppjs_con {    margin-top: 0.5333333333333333rem;    font-size: 0.4266666666666667rem;    text-align: center;    line-height: 0.7466666666666667rem;}
.ppjs_con1 {    margin-top: 1.3333333333333333rem;    font-size: 0.32rem;    line-height: 0.56rem;}


.productsm{padding:0.8rem 0.5333333333333333rem 0;    width: 100%;    box-sizing: border-box;}
.productsm_tit {      font-size: 0.5866666666666667rem;    line-height: 1.0266666666666666rem;    color: #00a2de;}
.productsm_tit1 {        font-size: 0.32rem;    line-height: 0.352rem;}
.productsm_box{overflow: hidden;        float: none;    position: relative;        margin-left: 0px;        width: 100%;}
.productsm_ul{   width: 200%;    margin: 0.8rem auto 0;    padding: 0px;    overflow: visible;    position: relative;    z-index: 1;    margin-left: -50%;}
.p3cl_sp {    position: absolute;    right: 0;    text-align: center;    display: flex;    justify-content: center;    align-items: center;    width: 100% !important;    position: initial;    margin-top: 1px;}
.productsm_prev {    width: 1.0666666666666667rem;    height: 1.0666666666666667rem;    display: block;    background: url(https://rc0.zihu.com/g5/M00/3D/39/CgAGbGhmGrmAHK6IAAAJ95mFejE329.png) center no-repeat;    background-size: 50%;    z-index: 2;    margin-right: .1rem;    transition: all 0s linear;}
.productsm_sps{    width: auto !important;    text-align: center;}
.productsm_next {    width: 1.0666666666666667rem;    height: 1.0666666666666667rem;    display: block;    z-index: 2;    margin-left: 0.1rem;    background: url(https://rc0.zihu.com/g5/M00/3D/39/CgAGbGhmGzSAFy4fAAASuufPcAY540.png) center no-repeat; background-size: 50%;    transition: linear;}
.productsm_title {    font-size: 0.4266666666666667rem;    text-align: center;    line-height: 0.5546666666666666rem;}
.productsm_div2 {    margin-right: 0px;    float: none;    width: 100%;    display: flex;    display: -webkit-flex;    justify-content: space-between;}
.productsm_div2_left {    display: flex;    display: -webkit-flex;    align-items: center;    justify-content: center;    height: 4.266666666666667rem;}
.productsm_div2_left a{    width: 100%;    height: 100%;}
.productsm_div2_left img {    width: 100%;    height: 100%;    object-fit: contain;}
.productsm_div2_right {    width: 100%;    display: block;    text-align: left;    padding-left: 0.5866666666666667rem;    box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    display: flex;    display: -webkit-flex;    align-items: center;    justify-content: flex-start;}
.productsm_div2_div{    width: 100%;    display: block;    overflow: hidden;    font-style: normal;}
.productsm_div2_right_tit {    text-align: left;    font-size: 0.4266666666666667rem;    line-height: 0.7466666666666667rem;}
.productsm_div2_right_a {    margin-top: 0.26666666666666666rem;}
.productsm_div2_right_a a{width:1.6rem;height:0.8rem;float:left;    background: #00a2de;    text-align: center;       border-radius: 0.8rem;    text-align: center;}
.productsm_div2_right_a a img{width: 0.4rem;    height: 0.4rem;    display: inline-block;    margin-top: 0.2rem;}
.productsm_b {position: relative;    margin-top: 0.5333333333333333rem;    height: 2.1333333333333333rem;}
.productsm_b_prev {    width: 0.8rem;    height: 100%;    display: block;    overflow: hidden;    position: absolute;    left: 0px;    top: 0px;    z-index: 2;    background-color: #00a2de;    display: flex;    display: -webkit-flex;    align-items: center;    justify-content: center;}
.productsm_b_prev b{height: 100%;    display: block;    overflow: hidden;    background: url(https://rc0.zihu.com/g5/M00/3D/38/CgAGbGhmGF6AHI6KAAAQj8cRTvI324.png) center no-repeat;    background-size: 100%;    width: 0.5rem;    -webkit-transform: rotate(180deg);    transform: rotate(180deg);}
.productsm_b_next {    width: 0.8rem;    height: 100%;    display: block;    overflow: hidden;    position: absolute;    right: 0px;    top: 0px;    z-index: 2;    background-color: #00a2de;    display: flex;    display: -webkit-flex;    align-items: center;    justify-content: center;}
.productsm_b_next b{height: 100%;    display: block;    overflow: hidden;    background: url(https://rc0.zihu.com/g5/M00/3D/38/CgAGbGhmGF6AHI6KAAAQj8cRTvI324.png) center no-repeat;    background-size: 100%;    width: 0.5rem;    }
.productsm_b_ul {    width: calc(100% - 1.6rem);    overflow: hidden;    margin: 0px auto;    padding: 0px;    height: 100%;    background-color: #e3e3e3;    z-index: 1;    position: relative;}
.productsm_b_ul .swiper-slide{width:2.8rem;}
.productsm_b_ul .swiper-slide a {    width: 100%;    display: block;    overflow: hidden;    height: 100%;    display: flex;    display: -webkit-flex;    align-items: center;    justify-content: center;}
.productsm_b_ul .swiper-slide a>div{    width: 100%;    display: block;    overflow: hidden;    cursor: pointer;}
.productsm_b_ul_img{width: 0.9066666666666666rem;    height: 0.9066666666666666rem;    background: #f7f7f7;    border-radius: 100%;    margin: 0 auto;position: relative;    overflow: hidden;}
.productsm_b_ul_img img {    width: 100%;    display: block;    position: relative;    z-index: 9;    height: 100%;    object-fit: contain;}
.productsm_b_ul_img .img2{position: absolute;    left: 0px;    top: 0px;    opacity: 0;}
.on .productsm_b_ul_img .img1{opacity: 0;}
.on .productsm_b_ul_img .img2{opacity: 1;}
.productsm_b_ul_tit {    margin-top: 0.16rem;    text-align: center;    font-size: 0.32rem;    line-height: 0.56rem;    color: #010101;}
.on .productsm_b_ul_tit{color:#00a2de;}
.on:before {    content: "";    width: 1.0666666666666667rem;    height: 0.05333333333333334rem;    display: block;    overflow: hidden;    background-color: #00a2de;    position: absolute;    left: 50%;    bottom: 0px;    margin-left: -0.5333333333333333rem;}
.productsm_hide{display:none;}


.newsm {    padding: 0.8rem 0;    display: inline-block;    width: 100%;}
.newsm_head {    float: left;    width: 100%;}
.newsm_head_left {    padding-left: 0.5333333333333333rem;    float: left;    width: 40%;    box-sizing: border-box;}
.newsm_head_left_tit {    font-size: 0.5866666666666667rem;    line-height: 1.0266666666666666rem;    color: #00a2de;}
.newsm_head_left_tit1 {    font-size: 0.32rem;    line-height: 0.352rem;}
.newsm_head_right {     margin-top: 0.56rem;float: right;    max-width: 60%;}
.newsm_head_right>li {    float: left;    border-right: 1px solid #9f9f9f;    padding-right: 0.26666666666666666rem;    margin-right: 0.26666666666666666rem;    font-size: 0.37333333333333335rem;    color: #000;}
.newsm_head_right>li:last-child{    border-right: 0px solid #9f9f9f;    padding-right: 0rem;    margin-right: 0.26666666666666666rem;}
.newsm_head_right>li.active{    color: #00a2de;}
.newsm_body {       overflow: hidden;  position: relative;   float: left;    margin-top: 0.8rem;    padding: 0 0.5333333333333333rem;    width: 100%;    box-sizing: border-box;}
.newsm_body_li {    position: absolute;    top: 0px;    left: 0px; z-index:0;    opacity: 0;    height: 100%;    width: 100%;}
.newsm_body_li.active {    position: relative;     z-index:1;    opacity: 1;}
.newsm_body_li_box {    position: relative;}
.newsm_body_li_boximg {    display: inline-block;    width: 100%;    float: left;}
.newsm_body_li_boximg img{width: 100%;    float: left;}
.newsm_body_li_boxcon {    width: 100%;    float: left;    padding: 0.26666666666666666rem;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    background: linear-gradient(to right, #01384c, #00a2de);    background: -webkit-linear-gradient(to right, #01384c, #00a2de);    background: -o-linear-gradient(to right, #01384c, #00a2de);    background: -moz-linear-gradient(to right, #01384c, #00a2de);}
.newsm_body_li_boxcon_tit {  overflow: hidden;  font-size: 0.37333333333333335rem;    color: #fff;    line-height: 0.64rem;    text-overflow: ellipsis;    white-space: nowrap;}
.newsm_body_li_boxcon_date {    margin-top: 0.21333333333333335rem;    color: #fff;    line-height: 0.384rem;    font-size: 0.32rem;}
.new_sp {    position: absolute;    z-index: 2;    bottom: 2rem !important;    right: 0.26666666666666666rem;    width: auto !important;    float: left;    left: initial !important;}
.newsm_body_li_boxcon1 {    border-bottom: 1px solid #eee;    padding: 0.26666666666666666rem 0.5333333333333333rem;}
.newsm_body_li_box1 .newsm_body_li_boxcon1:last-child{border-bottom: 0px;}
.newsm_body_li_boxcon_tit1 {  color:#000;  -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    text-overflow: ellipsis;    display: -webkit-box;    font-size: 0.37333333333333335rem;    line-height: 0.64rem;    overflow: hidden;}
.newsm_body_li_boxcon_date1 {  color:#000;  margin-top: 0.21333333333333335rem;    font-size: 0.32rem;    line-height: 0.38666666666666666rem;}


.xn_mc_index_1_wrap{    width: 100%;
    height: auto;
    background: url(https://rc1.zihu.com/rc/Mobiles/13966/images/xn_mc_index_3_main_bg.png?d=20180330110440023?d=20170621085639474) no-repeat center center;
    background-size: 9.625rem 8.3125rem;
}
.xn_mc_index_1_title{ display:none;}
.xn_mc_index_1_bigbox{float:left;width:48%;margin:2% 1%; text-align:center;}
.xn_mc_index_1_intr{display:none;}
.xn_mc_index_1_neirong{font-size:0.21875rem;display:none;height:0.46875rem;line-height:0.46875rem;color: #666;text-align:center;padding:0rem 0.078125rem;}
.xn_mc_index_1_pic{height:2rem;overflow:hidden; }
.xn_mc_index_1_more {
width:96%;margin:auto;font-size:0.21875rem;text-align: center;line-height: 0.546875rem;height: 0.546875rem;display:none;cursor: pointer;font-family: 微软雅黑, Verdana, Geneva, sans-serif;border: 1px solid #d5d5d5; 
background:-moz-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:-o-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:-webkit-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
}
.xn_mc_index_1_more a{ width:100%; height:100%; display:block; text-align:center; color:#595959;}


.xn_mc_index_2_wrap{width:100%;margin:0.125rem auto;}
.xn_mc_index_2_main{width:96%;margin:0rem auto;}
.xn_mc_index_2_ul{border-right: none;  border: 1px solid #d5d5d5;
    border-left: none;
	 border-right: none;
    height: 1.3125rem;
    line-height: 1.3125rem;
    width: 100%;}
.xn_mc_index_2_li{   position:relative;
 margin-top:0.125rem;
width: 33%;
    height: 1.0625rem;
    line-height: 1.0625rem;
    text-align: center;
    box-sizing: border-box;
    float: left;
	font-size:0.375rem;
    }
	.xn_mc_index_2_li:nth-child(2) {
    border-right: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
}
.xn_mc_index_2_tCurr{    color: #00a2de; }
 .xn_mc_index_2_tCurr:after{   content:''; display:block; background:url(https://rc1.zihu.com/rc/M/Contents/33770/images/xn_m_i_news_li_bg.png?d=20180330110440023?d=20170621085639474);
    position: absolute; width:0.25rem; height:0.125rem;  background-size:0.25rem 0.125rem;
    bottom:-0.125rem; margin-left:-0.125rem;
    left: 50%;}
.xn_mc_index_2_sub{overflow: hidden;background: #fff;}
.xn_mc_index_2_subUl{overflow: hidden;}
.xn_mc_index_2_subLi{float:left;}
.xn_mc_index_2_neirowbox{margin:0rem 0.09375rem;}
.xn_mc_index_2_subctbgbox{width:100%;clear:both;padding:0.234375rem 0;  margin:0 auto;text-align:Center; border-bottom:1px solid #c1c1c1}
.xn_mc_index_2_subImg{float:left;width:35%; display:none;height: auto;overflow: hidden;}
.xn_mc_index_2_subIntro{ width:100%; }
.xn_mc_index_2_coent{  text-align:center; line-height:0.546875rem; height:0.546875rem;font-size: 0.3125rem;color: #999;overflow: hidden; }
.xn_mc_index_2_nrtitle{line-height: 0.390625rem;max-height:0.390625rem;font-size: 0.375rem;color: #666;overflow: hidden;}
.xn_mc_index_2_nrtitle:hover{ color:#464646}
.xn_mc_index_2_time{line-height: 0.390625rem;max-height:0.390625rem;font-size: 0.3125rem;color: #666;overflow: hidden; }
.xn_mc_index_2_more{ 
width:100%;margin:auto;font-size:0.21875rem;text-align: center;line-height: 0.546875rem;height: 0.546875rem;display:none;cursor: pointer;font-family: 微软雅黑, Verdana, Geneva, sans-serif;border: 1px solid #d5d5d5; 
background:-moz-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:-o-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:-webkit-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
background:linear-gradient(bottom, #e4e4e4 0%, #fff 100%); 
}
.xn_mc_index_2_more a{ width:100%; height:100%; display:block; text-align:center; color:#595959;}


.search {    width: 100%;    box-shadow: 1px 1px 0rem #cecece, -1px -1px 0rem #cecece;    position: fixed;    top: 60px;    left: 0px;    padding: 1.5rem 6% 0.8rem;    box-sizing: border-box;    background: #fff;display: none;}
.search>table {    border: 0.03125rem solid #656565;}
.search input {width:94%; height:1.125rem; padding-left:4%;padding-right:2%; font-size:0.375rem; border: none; }
.search table{width:100%; height: 1.125rem;}
.search td:first-child{width:80%; height:1.125rem;}
.search td:last-child{width:0.96875rem; height:1.125rem;background:#323232;}
.search img{width:0.5625rem; height:0.5rem;border:none;display: block; margin:0 auto;}
.search_txt{font-size:0.375rem;color:#a6a6a6;}




.xn_mb_1_wrap{ height:1.25rem; line-height:1.25rem;  width:100%;}
.xn_mb_1_copy{height:1.25rem; line-height:1.25rem;    display:block;  font-size: 0.3125rem;  width:93.75%; margin:0 auto; color:#999;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden; -moz-binding: url('/m/ellipsis.xml#ellipsis'); }







