@charset "utf-8";
/* CSS Document */
/*全站共用样式*/
body,html{ width:100%; font-size: 12px; -webkit-text-size-adjust:none; color:#333333;  font-family: 'Microsoft YaHei', Arial, 'Hiragino Sans GB', sans-serif; float:left; padding: 0; margin: 0; overflow-x: hidden;}
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
img{ border:0;}
ul,li,dl,dt,dd{ margin:0; padding:0; list-style: none;}
h1,h2,h3,h4,h5,h6,p,dt,dl,dd,p,input{ margin:0; padding:0;}
rem,i{ font-style:normal;}
input,button,select,textarea{ outline:none;}
input,button,select,textarea{ resize:none;}
*:focus{outline: none;}
a{color:#333333; text-decoration:none;}
a:link,a:visited{ color:#333333; text-decoration:none;}
a:hover,a:active{ color:#d90000; text-decoration:none;}
.none{ display: none;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font18{font-size:18px;}
.left{float:left;}
.right{float:right;}
.margin{ margin: 0;}
.nodata{ width: 100%; height: auto; float: left;}
.nodata img{ width: 100%;}
.ifEmpty{ width: 100%; height: auto; float: left; text-align: center; line-height: 55px; font-size: 16px; margin-top: 10px;}
.hide{ display: none;}
.show{ display: block;}





@font-face {
    font-family: 'DINHABMED';
    src: url('../images/DINHABMED.TTF');
}
#header{ width: 100%; height: 110px; float: left; opacity: 1; top: 0; left: 0; position:fixed; z-index: 9000000; background: #232A39;}
#header .headerIn{ width: 1400px; height: auto; margin: 0 auto;}
#header .logo{ width: 171px; height: auto; float: left;}
#header .logo img{ width: 100%; margin-top: 30px;}
#header .menu{ width: auto; height: auto; float: right;}
/*#header .menu li{ width: auto; height: auto; float: left; margin-left: 50px;}
#header .menu li a{ width: auto; height: auto; float: left; line-height: 50px; color: #ffffff; font-size: 20px;}*/

/*导航栏*/
#header .menu ul.nav{width: 100%;height: auto;float: left;}
#header .menu ul.nav > li{ width: auto; height: auto; float: left;}
#header .menu ul.nav li a{ width: auto; height: auto; float: left; line-height: 110px; padding: 0 20px; color: #ffffff; font-size: 20px;}
#header .menu ul.nav > li > ul{ float: left; background: #ffffff; margin-top: 110px; position: absolute;    width: 100%;height:auto;}
#header .menu ul.nav > li > ul > li{ line-height: unset;text-align: center}
#header .menu ul.nav > li > ul > li a{ width:100%; float: left; line-height: 60px;  text-align: center; background: #ffffff; color: #1f2e2e;}
#header .menu ul.nav > li ul li a:hover,.choice{ background: linear-gradient(137deg,#1ecbe3, #0b81f5 96%);}
#header .menu ul.nav >  li a:hover,.choice{  background: linear-gradient(180deg,rgb(214 236 255 /0%),rgba(34 88 128 /78%));}
#header .menu ul.nav > li a.cur{background: linear-gradient(180deg,rgb(214 236 255 /0%),rgb(101 213 255 /30%));}

#header .menu ul.nav > li a:hover,.choice a{color: #fff;}
#header .menu ul > li > ul{ display: none;}
#header .menu ul > li.on > ul{ display: block;}
#header .menu ul.nav li{ position: relative;}
#header .menu ul.nav li li li{}
#header .menu ul.nav > li > ul > li ul{ width: 364px; position:  absolute; top: 0; right: -364px;height: auto;background: #F5F5F5}
#header .menu ul.nav li li li a{ width: 364px; float: left; background: #f5f5f5; color: #666666;text-align: left}
#header .menu ul.nav li li li a:hover,.choice{ background: #f5f5f5; color: #48abff;}
#header .menu ul.nav span.sub{ position: absolute; display: block; right:10px; top: 0; width: 10px; height: 40px; background: url(../images/arrows.png) no-repeat center center;}

/*移动端导航*/
#header .callme{ width: auto; height: auto; float: right; line-height: 1; background:  linear-gradient(139deg,#1ecbe3 7%, #0b81f5 92%); border-radius:1.2rem; font-size:1.4rem; color: #ffffff; margin-top: 0.9rem; margin-right:1.8rem; display: none;padding:0.4rem 0.9rem 0.4rem 0.8rem}
#header .callme b{margin-right: 0.5rem}
#header .callme b img{width: 100%;height: 100%;}
#header .menuTwap{ display: none;}
#header .menuTwap .menu_ico{ float: right; margin-top: 13px;}
#header .menuTwap .menu_ico img{ width: 2rem;}
#header .menuTwap .a_txt{display:block;position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;z-index:10000}
#header .menuTwap .a_txt .div1{position:absolute;width:100%;height:100%;background:#000000;filter:alpha(opacity=0);opacity:0;left:0;top:0;z-index:1}
#header .menuTwap .a_txt .div3{position:absolute;width:66.666666%;top:0;background:#F6F6F6;height:100%;z-index:100;right:-66.666666%}
#header .menuTwap .a_txt .div3 ul li a{display:block;height:auto;color:#000000;line-height:35px;padding-left: 5%;font-size:14px;position: relative;}
#header .menuTwap .a_txt .div3 ul li a.cur{ border-right: 3px solid #154B9C;}
#header .menuTwap .a_txt .div3 ul li a.cur:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #154B9C; opacity: 0.05;}
#header .menuTwap .a_txt .div3 ul li:first-child{ height: 45px; background: url("../images/wap_logo.png") no-repeat center left 5%; background-size: 80px;}
#header .menuTwap .a_txt .div3 ul li:first-child a{ background: url("../images/moblie_menu.png") no-repeat 95% center; background-size: 1.5rem;}
#header .menuTwap .a_txt .div3 ul li .a_js2{background:url(../images/moblie_menuN2.png) 90% center no-repeat;background-size: 0.8rem 0.5rem;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
#header .menuTwap .a_txt .div3 ul li .a_js2_on{background:url(../images/moblie_menuN3.png) 90% center no-repeat;background-size: 1rem 0.6rem;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
#header .menuTwap .a_txt .div3 ul li .a_txt2 a{ padding-left: 10%; color: #576a6f; background: url("../images/dian_black.png") no-repeat center left 7%; background-size: 3px; }

@media(max-width: 1100px){
    #header{ height: auto;padding-bottom: 1rem}
    #header .headerIn{ width: calc(100% - 40px); margin-left: 20px;}
    #header .logo{  width: auto;}
    #header .logo img{ width: 82px; margin-top: 13px;}
    #header .menu{ display: none;}
    #header .menuTwap{ display: unset;}
    #header .callme{ display: flex;align-items: center}
}


#footer{ width: 100%; height: auto; float: left;line-height: 1}
#footer .footerN1{ width: 100%; height: auto; float: left; background: url("../images/footerBg.png") no-repeat center top; padding-bottom: 50px;background-size: 100% 100%;}
#footer .footerN1In{ width: 1200px; height: auto; margin: 0 auto; margin-top: 50px;}
#footer .footerN1L{ width: calc(100% - 300px); height: auto; float: left; color: #f5f5f5;}
#footer .footerN1L .weixin{ width: 70px; height: auto; float: left; margin-top: 20px; display: none;}
#footer .footerN1L .weixin i{ width: 100%; height: auto; float: left;}
#footer .footerN1L .weixin i img{ width: 100%;}
#footer .footerN1L .weixin em{ width: 100%; height: auto; float: left; line-height: 20px; font-size: 0.7rem; background: #278eee; color: #f5f5f5; text-align: center; font-style: normal;}
#footer .footerN1L h2{ width: 100%; height: auto; float: left; font-weight: normal; font-size: 36px;margin-bottom: 10px;}
#footer .footerN1L p{ width: 100%; height: auto; float: left; font-size: 24px; opacity: 0.75;color: #F5F5F5}
#footer .footerN1L span{ width: 100%; height: auto; float: left; font-size: 20px; line-height: 35px; margin-top: 30px;color: #F5F5F5}
#footer .footerN1R{ width:20rem; height: auto; float: right; background: #278eee; border-radius: 20px; overflow: hidden;}
#footer .footerN1R span{ width: 100%; height: auto; float: left;}
#footer .footerN1R span img{ width: 100%;}
#footer .footerN1R p{ width: 100%; height: auto; float: left; line-height: 46px; font-size: 24px; background: #278eee; color: #f5f5f5; text-align: center;}
#footer .footerN2{ width: 100%; height: auto; float: left; background: #081e33; line-height: 70px; color: rgba(245,245,245,0.7); text-align: center; font-size: 16px;}
#footer .footerN2 a{ color: rgba(245,245,245,0.7);}


@media(max-width: 1100px){
    #footer .footerN1{background: url(../images/wapfooterBg.png) no-repeat center top;
        padding-bottom: 2.2rem;
        background-size: 100% 100%;}

    #footer .footerN1In{ width: 92%; margin-top: 2.2rem}

    #footer .footerN1L{ width: 100%;}
    #footer .footerN1LIn{ width:100%;height: auto;float: left;display: flex;align-items: center }
    #footer .footerN1L h2{ font-size:1.5rem;margin-bottom: 0.2rem;}
    #footer .footerN1L p{ font-size: 1rem;}
    #footer .footerN1L .weixin{ display: unset;width: 7rem;margin-right: 1rem}
    #footer .footerN1L .weixin i{width: 100%;display: block;height: 100%}
    #footer .footerN1L .weixin i img{width: 100%;height: 100%;border-radius: 0.3rem 0.3rem 0 0;}
    #footer .footerN1L .weixin em{width: 100%;font-size: 0.8rem;padding: 0.2rem 0.7rem;border-radius: 0 0  0.3rem 0.3rem;line-height: 1}
    #footer .footerN1L span{ width: auto; font-size: 1.1rem; float: right; margin-top: 15px; line-height: 1.8rem;color: #F5F5F5}
    #footer .footerN1R{ display: none;}
    #footer .footerN2{ font-size: 0.9rem; line-height: 25px; padding: 0.5rem 0 0.6rem 0;}
}


#float{width: 9rem;height:auto;float: left;background: red;position: fixed;    top: 213px;
    right: 224px;
    z-index: 999999;line-height: 1}
#float li{width: 100%;height: auto;float: left;background: #fff;text-align: center;padding: 28px 0 24px 0;border-bottom: 1px solid #F0F0F0;position: relative;cursor: pointer;}
#float li:last-child{border: none}
#float .liT{width: 100%;height: auto;float: left;}
#float li:nth-of-type(1) .liT img{width: 54px;height:46px;}
#float li:nth-of-type(2) .liT img{width: 60px;height:48px;}
#float li:last-child .liT img{width: 49px;height:25px;}
#float .liM{width: 100%;height: auto;float: left;font-size: 1.2rem;margin-top: 1.4rem;color: #3E4041}
#float .liB{width: 100%;height: auto;float: left;position: absolute;left: -10.3rem;top: 50%;display: none;transform: translateY(-50%)}
#float .liB img{width: 120px;height: 120px;}
@media(max-width: 1100px){
    #float{display: none !important}

}

/*特殊处理*/
#main .mainN5 .liT{position: relative;padding-bottom: 1.2rem;    display: flex;
    align-items: center;
    justify-content: center;}
#main .mainN5 .liT span{font-family: DINHABMED;}

#main .mainN5 .liT:after {
    content: '';
    width: 212px;
    height: 1px;
    background: rgba(255,255,255,0.29);
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#main .mainN5 .liB{margin-top: 1.2rem}
@media(max-width: 1100px){

    #main .mainN5{ margin-top: 4rem; height: auto; padding-bottom:7.5rem;background-size: 100%;}
    #main .mainN5In{ width: 92%;  border-radius: 10px; }
    #main .mainN5 ul{    padding-bottom: 1.2rem;}
    #main .mainN5 li{ height: auto;}
    #main .mainN5 .liT{ margin-top: 1.1rem;padding-bottom: 0.7rem}
    #main .mainN5 .liT span{ font-size: 2rem;}
    #main .mainN5 .liT i{ font-size:1.1rem;}
    #main .mainN5 .liT em{ font-size:1.1rem;}
    #main .mainN5 .liB{ font-size:1.3rem;margin-top: 0.7rem}
    #main .mainN5 .liT{ margin-top: 9px;padding-bottom: 0.7rem}
    #main .mainN5 .liT:after {
        content: '';
        width: 8.2rem;
        height: 1px;
        background: rgba(255,255,255,0.29);
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    #main .mainN5 .liT span{ font-size: 18px;}
    #main .mainN5 .liT i{ font-size: 10px;}
    #main .mainN5 .liT em{ font-size: 10px;}
    #main .mainN5 .liB{ font-size: 10px;margin-top: 0.7rem}

    #main .mainN5 li{height: auto !important}
}



#main .mainN4B .swiper-slide p{display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:pointer;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

#zc__sdk__container{z-index: 9000000 !important;}