@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

}

@media screen and (max-width:1780px) {
   
    .z_max { width: 90%; max-width: inherit; margin: 0 auto; clear: both; }
    
     .s_htype{width:25%;}


	
.m_navi ul li{width:142px;}

.m_seabox .m_sea1 {    width: 173px;  }



}

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

 
.header .m_navibox { margin-left: 0%; }
.cbgc img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: fill;
}

	 

.m_seabox .m_sea1 {
    width: 173px;
}


.swimg1 ul li a {
    width: 100%;
    height: 15.6rem;
    float: left;
    position: relative;
    z-index: 10;
    border-radius: 20px;
    overflow: hidden;
}


.s_fazhan ul li .fzbox .xiangxi {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
}



.m_navi ul li{width:104px;}

.m_navi ul li font.navi11{font-size:16px; }
.m_navi ul li:hover font.navi12{font-size:16px; }

.header .m_seabox {
    float: left;
    height: 80px;
    padding: 0 0% 0 21px!important;
    position: relative;
    margin-right: 0%;
}

.m_seabox .m_sea1{width:110px;}

}


@media screen and (max-width: 1500px) and (min-width: 1300px) {
    .m_atxt { width: 86%; }

.m_atxt h3{margin-top:2%; font-size:20px; line-height:30px;}
.m_atxt h4{margin:1% 0 0 0;}
.m_atxt h5 a {
    width: 140px;
    height: 40px;
    float: left;
    background: #fff;
    border: 1px solid #0168a2;
    border-radius: 40px;
    font-size: 18px;
    color: #0168a2;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}
.swi_txt h4{margin:2% 0 2% 0;}

 .swi_txt ul li {
    width: 100%;
    height: auto !important;
    min-height: 25px;
    float: left;
    margin-bottom: 5px;
}


.swi_txt ul li a {
    width: 100%;
    float: left;
    height: 25px;
    font-size: 18px;
    color: #394867;
    text-align: left;
    line-height: 25px;
    font-weight: normal;
}
.swimg1 {
    width: 55%;
    max-width: initial;
    float: right;
}
.swimg1 ul li a .imgbg{height:40px; fontsize:16px;  line-height:40px;}

    .m_navi ul li { margin-right:0px; margin-left:0px; }
    .m_probgc dl dt { width: 21%; }
    .z_bot .left h2 { font-size: 40px; }

.swimg1 ul li a {
    width: 100%;
    height: 11.6rem;
    float: left;
    position: relative;
    z-index: 10;
    border-radius: 10px;
    overflow: hidden;
}
.s_fazhan ul {
    width: 106%;
    float: left;
}
.s_fazhan ul li .fzbox {
    width: 74%;
    float: left;
   height: auto;  
    margin: 3% 0 0 2%;
}
.s_fazhan ul li .fzbox .xiangxi {
    width: 100%;
    height: 60px;
    float: left;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
}

 
.m_navi ul li{width:106px;}

.m_navi ul li font.navi11{font-size:14px; }
.m_navi ul li:hover font.navi12{font-size:14px; }


.m_seabox .m_sea1{width:110px;}

#certify3 .swiper-slide .swi_con{margin:64% 0 0 6%;}

#certify3 .swiper-slide:hover .swi_con { width: 88%; float: left; margin: 34% 0 0 6%; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

#certify3 .swiper-slide .swi_con h3 { width: 100%; float: left; font-size:30px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }

#certify3 .swiper-slide .swi_con h4 { width: 100%; float: left; height:30px; margin:1% 0 2% 0; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

#certify3 .swiper-slide .swi_con h5 { width: 100%; height:40px; float: left; margin: 1% 0 2% 0; font-size: 14px; color: #333333; text-align: left; line-height:20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

#certify3 .swiper-slide .swi_con h6 { width: 100%; height:30px; float: left; margin: 0% 0 3% 0; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; display: none; overflow: hidden; }

#certify3 .swiper-slide .swi_con img { width: 100%; border-radius: 10px; display: none; }

#certify2 .swiper-button-prev1{top:90%!important; left:78% !important; }

.m_four_list {
    width: 94%;
    position: relative;
    z-index: 15;
    left: 0%;
    margin-left: 2%;
    top: -17.2%;
    overflow: hidden;
}

.m_aboimg{width:34%; margin:17% 0 0 6%;}

}

@media screen and (max-width: 1299px) and (min-width: 1001px) {

.swimg1 ul li a {
    width: 100%;
    height: 13.6rem;
    float: left;
    position: relative;
    z-index: 10;
    border-radius: 20px;
    overflow: hidden;
}


.m_navi ul li{width:90px;}

.m_navi ul li font.navi11{font-size:14px; }
.m_navi ul li:hover font.navi12{font-size:14px; }

.m_seabox .m_sea1{width:100px;}

.s_fazhan ul li {
    width: 46%;
    float: left;
    margin: 0% 2% 3% 1%;
    height: auto !important;
    min-height: 120px;
    background: #fff;
    border: 1px solid #fff;
}
.s_fazhan ul li:hover {
    width: 46%;
    float: left;
    margin: 0% 2% 3% 1%;
    height: auto !important;
    min-height: 120px;
    background: #fff url(../img/diwen.png) no-repeat right bottom;
    background-size: 60px;
    border: 1px solid #0168a2;
}
.s_fazhan ul li .fzbox {
    width: 74%;
    float: left;
   height: auto;  
    margin: 3% 0 0 2%;
}
.s_fazhan ul li .fzbox .xiangxi {
    width: 100%;
    height: 60px;
    float: left;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
}


}


@media screen and (max-width: 1000px) {
    /* body ------------------------------*/
    body { font-family: Microsoft YaHei; font-size: 16px; line-height: 120%; color: #313131; background-color: White; }

    .max { width: 100%; max-width: 1920px; min-width: initial; height: auto; margin: 0 auto; overflow: hidden; }
    .z_max { width: 94%; max-width: 1520px; margin: 0 auto; clear: both; margin-top: 1rem; }
    .z_max.zy { width: 94%; }


    /*PC*/
    .header { height: 80px; width: 100%; float: left; position: fixed; background: #1e2d3b; z-index: 10; display: none !important; }
    .header .w_left { position: absolute; height: 80px; width: 530px; float: left; background: #fff; overflow: hidden; left: 0; top: 0; }
    .header .w_left .wlogo { width: 80%; max-width: 370px; position: relative; display: block; margin: 0 auto; text-align: center; }
    .header .w_left .wlogo img { width: 100%; margin-top: 8%; }
    .header .z_max { display: flex; align-items: center; justify-content: flex-end; height: 100%; }


    .header .m_navibox { /* width: 46%; */ /* float: left; */ /* display: block; */ }
    .m_navi { /* width: 100%; */ /* float: right; */ }
    .m_navi > ul { /* width: 100%; */ /* float: left; */ display: flex; align-items: center; }
    .m_navi ul li { /* float: left; */ /* width: 14%; */ max-width: 130px; position: relative; z-index: 12; margin-right: 40px; }
    .m_navi ul li a { float: left; font-family: "Montserrat-Regular"; font-size: 18px; color: #fff; text-align: center; line-height: 84px; font-weight: normal; position: relative; z-index: 9; text-transform: capitalize; display: flex; align-items: center; }
    .m_navi ul li a font { float: right; width: 16px; margin-left: 10px; }

    .m_navi ul li:nth-child(2), .m_navi ul li:nth-child(3), .m_navi ul li:nth-child(4), .m_navi ul li:nth-child(5) { position: initial; }
    .m_navi ul li .prod_up { display: none; }
    .m_navi ul li:hover .prod_up { display: block; }


    .header .m_seabox { float: left; height: 80px; padding: 0 0% 0 2%; position: relative; margin-right: 7%; }
    .m_seabox .m_sea1 { width: 15px; height: 15px; float: left; padding: 32px 0 30px 0; cursor: pointer; position: relative; z-index: 5; }
  

      
.cert41{display:none!important;}

    .m_probgc { width: 80%; max-width: 1520px; float: none; margin: 0 auto; background: #fff; padding: 2% 0; overflow: hidden; }

    .m_probgc dl { width: 94%; float: left; margin-left: 3%; text-align: center; }

    .m_probgc dl dt { width: 23%; max-width: 280px; float: left; margin: 2% 2% 0% 2%; }
    .m_probgc dl dt a { flex-flow: column; }
    .m_probgc dl dt a img { width: 100%; display: block; margin: 0 auto; }

    .m_probgc dl dt a font { width: 100%; height: 1.5em; margin: 1% 0 0 0; float: left; font-family: "Montserrat-Regular"; font-size: 18px; color: #1d2b39; text-align: center; line-height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

    /* 3g */
    .m_header { height: 80px; width: 100%; float: left; position: relative; z-index: 100; }
    .m_header .w { position: relative; height: auto; }
    .m_header .logo { width: 70%; position: relative; float: left; margin: 3% 0 0 3%; text-align: center; }
    .m_header .logo img { height: 100%; }

    .m_header .header_menu { width: 50px; float: left; margin: 4% 0 0 5%; }
    .m_header .header_menu img { width: 100%; }


    .s_pbgc { width: 100%; height: auto; float: left; position: absolute; left: 0%; top: 80px; /*background: #f5f6f7;*/ margin: 0 auto; right: 0; padding-bottom: 80px; background: rgba(0,0,0,.6); }

    .panelbg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.8); display: block; }



    html, body { }

    .section { position: relative; z-index: 80; /* overflow: hidden; */ }

    /*第一屏*/
    .first { padding-top: 0px; }


    .m_banner { display: none; }

    .mainbox { display: block; }


    #certify2 { position: relative; width: 100%; }
    #certify2 .swiper { padding-bottom: 0px; }
    #certify2 .swiper-slide { width: 100% !important; background: #fff; }
    #certify2 .swiper-pagination { width: 100%; bottom: 20px; }
    #certify2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; border: none; background-color: #fff; width: 42px; height: 4px; opacity: 1; border-radius: 0px; }
    #certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: none; background-color: #023894; border-radius: 0px; }
    #certify2 .swiper-button-prev { width: 40px !important; height: 40px !important; background-image: url(../img/prev11.png); background-repeat: no-repeat; position: absolute; top: 88%; left: auto; outline: none; margin: 0 0 0 0 !important; background-size: contain; opacity: 1 !important; display: inline-block; z-index: 71; right: calc(40px + 7%); }
    #certify2 .swiper-button-prev:after { content: ''; }
    #certify2 .swiper-button-next { width: 40px !important; height: 40px !important; background-image: url(../img/next11.png); background-repeat: no-repeat; position: absolute; top: 88%; left: auto; outline: none; margin: 0 0 0 0 !important; background-size: contain; opacity: 1 !important; display: inline-block; z-index: 71; right: 3%; }
    #certify2 .swiper-button-next:hover { background: url(../img/next12.png) no-repeat center bottom; border: none; border-radius: 50%; }
    #certify2 .swiper-button-next::after { content: ''; }
    .m_index { width: 100%; float: none; position: relative; display: block; margin: 0 auto; }


    .wenzi { width: 80%; max-width: 834px; float: left; position: absolute; z-index: 15; left: 0%; margin-left: 1%; top: 25%; transform: translateY(-180%); transition: all 1s ease-out 0.3s; display: block; }
    .wenzi img { width: 100%; }

    .cbgc { width: 100vw; height: 100vh; float: left; position: relative; z-index: 5; left: 0%; top: 0; }
    .cbgc img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: fill; }



    .arrow { opacity: 1; animation: arrow 3s cubic-bezier(.5,0,.1,1) infinite; -webkit-animation: arrow 3s cubic-bezier(.5,0,.1,1) infinite; position: absolute; bottom: 100px; left: 25%; margin-left: 0px; width: 80px; height: 80px; line-height: 80px; cursor: pointer; z-index: 60; background-image: url(../img/down.png); /* 这里放箭头图片路径 */ background-repeat: no-repeat; background-size: 100%; display: none; }




    /*第一屏动画*/





    /*第二屏*/
    .second { padding: 0px; }

    .m_about { width: 100vw; height: auto; float: left; position: relative; z-index: 12; }
    .m_aboleft { width: 100%; height: auto; float: left; position: relative; z-index: 12; }

    .m_atxt { width: 90%; max-width: initial; float: right; margin: 3% 5% 0 0; transform: translateX(0%); transition: all 1s ease-out 0.3s; }

    .m_atxt h3 { width: 100%; float: left; font-family: "Montserrat-ExtraBold"; font-size: 3rem; color: #1d2b39; text-align: left; line-height: 6rem; position: relative; text-transform: uppercase; }

    .m_atxt h3::after { width: 100px; height: 4px; float: left; background: #1e2d3b; position: absolute; left: 0; bottom: 0; content: ''; }


    .m_atxt h4 { width: 100%; float: left; margin: 6% 0 4% 0; font-family: "Montserrat-Regular"; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; position: relative; }
    .m_atxt h5 a { width: 140px; height: 40px; float: left; background: #fff; border: 1px solid #0168a2; border-radius: 40px; font-size: 16px; color: #0168a2; text-align: center; line-height: 40px; font-weight: normal; }

    .m_aboimg { width: 90%; height:26vh; float: left; margin: 2% 0 5% 5%;  position:relative;  overflow:hidden; }

    .m_aboimg img { width: 100%; height: auto; }

    .m_aboimg video{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	object-fit: cover;
}
  

    .m_abobg { width: 100%; height: auto; float: left; background: #1e2d3b; position: relative; z-index: 30; left: 0; bottom: 0; transform: translateY(0%); transition: all 1s ease-out 0.5s; padding-bottom: 10%; }


    .m_abobg ul { width: 100%; height: auto; display: block; margin: 0 auto; text-align: center; overflow: hidden; }


    .second.current .m_atxt { transform: translateX(0%); transition: all 1s ease-out 0.3s; }

    .second.current .m_aboimg { transform: translateX(0%); transition: all 1s ease-out 0.3s; }

    .second.current .m_abobg { transform: translateY(0%); transition: all 1s ease-in 0.5s; }



    /*第三屏*/
    .third { padding: 0; width: 100vw; height: 100vh; background: url(../img/mbgc3.jpg) no-repeat center 30px; background-size: contain; }


    .m_third { width: 94%; max-width: 100vw; float: left; display: block; margin: 0 3%; padding: 1% 0; overflow: hidden; }

    .m_third h3 { width: 100%; float: left; display: inline-block; font-family: "Montserrat-ExtraBold"; font-size: 3rem; color: #1d2b39; text-align: center; line-height: 2; position: relative; text-transform: uppercase; margin-bottom: 1rem; }

    .m_third h3::after { width: 110px; height: 6px; float: left; background: #1e2d3b; position: absolute; left: 50%; margin-left: -55px; bottom: 0; content: ''; }

    .swi_txt { width: 96%; max-width: initial; float: left; }

    #certify3 .swiper-slide { width: 100% !important; }

    #certify3 .swiper-slide .swi_con { margin: 4% 0 0 0; }

    #certify3 .swiper-slide { height: auto; }



    .thrid_more { width: 250px; display: block; margin: 0 auto; }


    .int_more { width: 100%; max-width: 248px; text-align: center; height: 40px; line-height: 40px; font-family: "Montserrat-Regular"; font-size: 18px; color: #333; text-align: center; line-height: 40px; font-weight: normal; }
    .int_more a { font-family: "Montserrat-Regular"; font-size: 18px; color: #333; text-align: center; line-height: 40px; font-weight: normal; }

    .int_more:hover a { color: #023894; font-weight: bold; text-transform: uppercase; }


    .border_animation { border: 1px solid #aaa; width: 250px; height: 40px; position: relative; }
    .border_animation .border_top { position: absolute; height: 2px; width: 0; font-size: 0; background: #023894; top: -2px; left: -2px; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .border_animation .border_right { position: absolute; height: 0px; width: 2px; font-size: 0; background: #023894; bottom: 0; right: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .border_animation .border_bottom { position: absolute; height: 2px; width: 0px; font-size: 0; background: #023894; right: 0; bottom: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .border_animation .border_left { position: absolute; height: 0px; width: 2px; font-size: 0; background: #023894; left: -2px; top: -2px; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .int_more .hover .border_top, .int_more .hover .border_bottom { width: 250px; }
    .int_more .hover .border_left, .int_more .hover .border_right { height: 42px; }


    /*第四屏*/
    .fourth { padding: 0; width: 100vw; height: auto; background: #e9ebee; }

    .m_fifth_left { width: 94%; max-width: initial; float: left; position: relative; z-index: 4; left: 0%; }
    .fifth_imgs { width: 100%; float: right; position: relative; z-index: 4; left: 0%; overflow: hidden; }

    .fifth_links { width: 100%; float: left; position: relative; z-index: 4; margin-left: 0%; overflow: hidden; display: none; }

    fifth_links h3 { width: 20%; max-width: 60px; height: 50px; float: left; font-size: 16px; color: #023894; line-height: 50px; font-weight: normal; text-transform: uppercase; }



    /*第五屏*/
    .fifth { padding: 0; width: 100vw; height: 60vh; background: url(../img/ibg1.jpg) no-repeat right bottom; background-size: contain; }

    .m_four_list { display: none; }


    .mob_four_list { width: 94%; position: relative; z-index: 15; margin: 8% 0 8% 3%; overflow: hidden; display:block!important; }


    .mob_four_list ul { width: 100%; float: left; }
    .mob_four_list ul li { width: 100%; float: left; padding: 4% 0; border-bottom: 1px solid #bfbfbf; }


    .mob_four_list ul li h3 { width: 100%; float: left; font-size: 22px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }

    .mob_four_list ul li h4 { width: 100%; float: left; margin: 1% 0 0% 0; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }
    .mob_four_list ul li h5 { width: 100%; height: 60px; float: left; margin: 1% 0 1% 0; font-size: 14px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


    .five_more { width: 150px; display: block; margin: 0 auto; }


    .news_more { width: 100%; max-width: 148px; float: left; margin: 12% 0 4% 0; background: #0068a1; border: none; border-radius: 30px; text-align: center; height: 40px; line-height: 40px; font-family: "Montserrat-Regular"; font-size: 18px; color: #333; text-align: center; line-height: 40px; font-weight: normal; }
    .news_more a { font-family: "Montserrat-Regular"; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }
    /*第五屏*/

    .m_fifth { width: 94%; max-width: initial; float: left; margin-left: 3%; margin-top: 4%; }


    #certify4 { position: relative; width: 98%; display: block; margin: 4% 0 4% 1%; }

    /*第六屏*/
    .six { padding: 0; width: 100vw; height: 100vh; background: #f1f4f9 url(../img/mbgc4.jpg) no-repeat top right; background-size: 30% 100%; }

    .six_table { display: none; }

    .s_abo_cokk .s_arig ul { width: 100%; float: left; }

    .s_abo_cokk .s_arig ul li { width: 22%; height: 40px; float: left; margin: 0 2% 2% 1%; }


    .s_abo_cokk .s_arig ul li a { width: 100%; float: left; background: #eee; border: none; border-radius: 30px; font-size: 14px; color: #333; text-align: center; line-height: 40px; font-weight: normal; }

    .histbox { display: none; }

    .mob_histbox { display: block; width: 96%; float: left; height: auto !important; padding: 2%; margin: 3% 0 4% 2%; position: relative; }

    .mob_histbox ul { width: 90%; float: left; position: relative; border-left: 2px solid #0168a2; padding: 4%; }
    .mob_histbox ul:after { width: 16px; height: 16px; float: left; position: absolute; z-index: 3; left: -8px; top: -8px; background: #0168a2; border: none; border-radius: 50%; content: ''; }
    .mob_histbox ul:before { width: 16px; height: 16px; float: left; position: absolute; z-index: 3; left: -8px; bottom: -8px; background: #0168a2; border: none; border-radius: 50%; content: ''; }


    .mob_histbox ul li { position: relative; width: 92%; height: auto !important; min-height: 180px; float: left; margin: 3% 0 4% 8%; }

    .mob_histbox ul li .item { position: relative; min-height: 152px; padding: 2% 0 0 0; background-color: #fff; border: 2px solid #1e79ad; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; border-radius: 20px; }
    .mob_histbox ul li .item:before { position: absolute; top: 0px; left: 0%; width: 10px; height: 10px; overflow: hidden; margin-left: -10%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #fff; border: 2px solid #0168a2; content: ''; }
    .mob_histbox ul li .item h3 { position: absolute; z-index: 1; bottom: 0; right: 0; left: 0; height: 40px; line-height: 40px; margin: 0; font-size: 28px; font-weight: bold; color: #eff0f2; text-align: right; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }

    .mob_histbox ul li .item .desc { position: relative; height: auto; z-index: 5; line-height: 20px; padding: 5px 26px 10px 26px; font-size: 14px; color: #929292; margin-bottom: 20px; overflow: hidden; }

    .mob_histbox ul li .item .desc font { margin: 0; }
    .mob_histbox ul li .item .desc font strong { display: block; margin: 0; font-size: 20px; line-height: 40px; font-weight: bold; }


    .c_foot { display: none; }


    #section-footer { background: #212020; }
    #footer-text { height: auto !important; /*设置尾屏高度*/ background: url(../img/footbg.jpg) no-repeat bottom; position: relative; box-sizing: border-box; padding-bottom: 0; width: 100%; float: left; background-size: cover; }

    .fp-auto-height.fp-section,
    .fp-auto-height .fp-slide,
    .fp-auto-height .fp-tableCell { height: auto !important; }

    .current fp-auto-height { height: auto !important; }


    .z_head { position: fixed; width: 100%; left: 0; top: 0; z-index: 99; background: #fafafa; height: 6rem; display: flex; align-items: initial; justify-content: initial; }
    .z_head .logo { float: left; margin-left: 4%; margin-top: 4%; }
    .z_head .logo img { height: 3.6rem; }
    .z_head .nav { position: absolute; width: 30px; right: 5%; top: 33%; }
    .z_head .nav img.mna1 { width: 35px; display: block; }
    .z_head .nav img.mna2 { width: 35px; display: none; }
    .z_head .nav.nhov { background: transparent; }
    .z_head .nav.nhov img.mna1 { width: 35px; display: none; }
    .z_head .nav.nhov img.mna2 { width: 35px; display: block; }
    .z_head .nav.nhov::before { transform: rotate(45deg); top: 0; background: #f30; }
    .z_head .nav.nhov::after { transform: rotate(-45deg); bottom: 0; background: #f30; }
    .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0; top: 6rem; z-index: 99; background: rgba(0,0,0,0.5); }
    .z_nav .nav { width: 100%; float: left; background: #fff; height: calc(100% - 0rem); }
    .z_nav .nav ul { width: 100%; float: left; margin-top: 2rem; }
    .z_nav .nav ul li { width: 100%; float: left; border-bottom: 1px solid #eee; margin-bottom: 1rem; }
    .z_nav .nav ul li.selected { }
    .z_nav .nav ul li a { display: flex; align-items: center; justify-content: space-between; width: 94%; float: left; margin: 0 3%; font-size: 2rem; color: #000000; font-family: "Montserrat-Regular"; margin-bottom: 1rem; }
    .z_nav .nav ul li a img { width: 1rem; }
    .z_nav .nav ul li ul { background: #f7f9fa; margin: 0; padding: 0 3rem; padding-top: 1.5rem; box-sizing: border-box; }
    .z_nav .nav ul li ul li { border: 0; margin-bottom: 2rem; padding: 0; }
    .z_nav .nav ul li ul li a { font-size: 1.4rem; color: #333333; margin-bottom: 0; }
    .z_nav .nav .ss { width: 94%; border-bottom: 2px solid #1e2d3b; margin-left: 3%; padding-bottom: 1rem; display: flex; align-items: center; margin-top: 3rem; float: left; }
    .z_nav .nav .ss h1 { font-size: 2.5rem; color: #1e2d3b; font-weight: normal; text-transform: capitalize; font-family: "Montserrat-Bold"; }
    .z_nav .nav .ss .wz { flex: 1; font-size: 18px; border: none; background: none; margin: 0 1rem; outline: none; height: 4rem; font-family: "Montserrat-Regular"; }
    .z_nav .nav .ss h2 { position: relative; }
    .z_nav .nav .ss h2 img { width: 2.5rem; }
    .z_nav .nav .ss h2 input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }
    .section { height: auto !important; }
    .section .fp-tableCell { height: auto !important; }


    #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 0; display: none; }


    .s_center { width: 90%; max-width: initial; float: none; display: block; margin: 0 auto; padding: 1% 0; overflow: hidden; }

    .s_abo_cokk .s_arig { width: 100%; float: left; margin: 20px 0 0 0; }


    .second { padding: 0px; background: url(../img/mbgc2.jpg) no-repeat center bottom; background-size: cover; }

    .m_atxt_cokk img, .m_swi_cokk img, .m_four_cokk img, .m_fifth_cokk img { max-width: 50%; }

    .m_four_cokk ul { display: none; }
    /*f0f1f2*/

    .swi_txt ul li { width: auto; height: auto !important; min-height: 30px; float: left; margin: 1% 4% 1% 0; background: #f0f1f2; border-radius: 20px; padding: 1% 2%; }
    .swi_txt ul li a { width: 100%; float: left; height: 30px; font-size: 14px; color: #394867; text-align: left; line-height: 30px; font-weight: normal; }

    .six_con { width: 90%; float: left; height: 60vh; margin: 10% 0 5% 4%; }


    .six_type { width: 100%; max-width: initial; float: left; }

    .m_six_cokk img { width: 80%; }

    .six_txt { width: 100%; float: left; height: auto; margin: 12% 0 0 0; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }
    .six_txt h4 { width: 100%; float: left; height: auto; margin: 2% 0 2% 0; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: bold; }
/*
.six_txt ul li {
    width: 40px;
    float: left;
    position: relative;
    z-index: 4;
    margin: 10px 40px 10px 38px;
}

    .six_txt ul li:last-child .eimg { width: 108px; float: left; display: block; margin-left: -40px; margin-top: 10px; padding: 8px 8px 0 8px; background: #2d3b59; border-radius: 10px; }
*/
.six_txt ul li:first-child:hover .etxt1 { width: 120px!important; height: 40px; float: left; display: block; margin-left: -10px;
 margin-top: 10px; padding: 4px 8px 4px 4px; background: #2d3b59; border-radius: 10px; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; display: block; }

    #certify1 { position: relative; width: 100%; float: left; margin: 3% 0 7% 0%; }

    .swimg1 { width: 100%; max-width: initial; float: right; margin-bottom: 5%; }

    .swimg1 ul li a .imgbg { width: 100%; height: 40px; float: left; background: rgba(57,72,103,.5); position: absolute; z-index: 5; left: 0; bottom: 0; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; display: block; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }


    .s_fazhan ul { width: 103%; float: left; margin: 4% 0 1% -3%; }

    .s_fazhan ul li img.imga1 { width: 60px; float: none; margin: 2% auto 2% auto; display: block; }

    .s_fazhan ul li img.imga2 { width: 60px; float: none; margin: 2% auto 2% auto; display: none; }

    .s_fazhan ul li:hover img.imga1 { width: 60px; float: none; margin: 2% auto 2% auto; display: none; }

    .s_fazhan ul li:hover img.imga2 { width: 60px; float: none; margin: 2% auto 2% auto; display: block; }

    .s_fazhan ul li .fzbox { width: 94%; height: 60px; float: left; margin: 3% 0 0 2%; }

    .s_fazhan ul li .fzbox .biaoti { width: 100%; height: 60px; float: left; font-size: 16px; color: #0168a2; text-align: left; line-height: 30px; font-weight: bold; }



    .s_fazhan ul li { width: 46%; float: left; margin: 0% 2% 3% 1%; height: auto !important; min-height: 280px; background: #fff; border: 1px solid #fff; }

    .s_fazhan ul li .fzbox .xiangxi { width: 100%; height: 120px; float: left; font-size: 14px; color: #333; text-align: left; line-height: 20px; font-weight: normal; }


    .s_qiye_type { width: 99%; float: left; }
    .s_qiye_type ul li { width: 100%; float: left; margin: 2% 0% 3% 0%; height: auto; background: #fff; border: 1px solid #f2f2f2; }

    .s_qiye_type ul li img { width: 40px; float: left; margin: 6% 0 2% 3%; display: block; }

    .s_qiye_type ul li .qybox { width: 74%; float: left; height: auto; margin: 3% 0 0 6%; }
    .s_qiye_type ul li .qybox .biaoti { width: 100%; height: 30px; float: left; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }

    .s_qiye_type ul li .qybox .xiangxi { width: 100%; height: auto; float: left; font-size: 14px; color: #0168a2; text-align: left; line-height: 26px; font-weight: bold; }
    .s_qiye_imge { width: 100%; float: right; margin: 0% 0 0 0; }

    .s_foot { display: none; }

    .mob_footer { width: 100%; float: left; background: #0168a2; border: none; position: fixed; z-index: 20; left: 0; bottom: 0; padding: 5px 0 0 0; }

    .mob_footer ul { width: 100%; float: left; }

    .mob_footer ul li { width: 20%; float: left; }
    .mob_footer ul li a img { width: 20px; display: block; margin: 0% auto 0 auto; }
    .mob_footer ul li a font { width: 100%; height: 30px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }

    .s_abo_cokk .s_aleft { width: 100%; float: left; }


    .s_atxt { width: 100%; float: left; margin: 3% 0% 0 0%; }

    .s_atxt h5 a { width: 130px; height: 40px; float: left; background: #fff; border: 1px solid #0168a2; border-radius: 40px; font-size: 14px; color: #0168a2; text-align: center; line-height: 40px; font-weight: normal; }
    .s_video { width: 99%; height: 25vh; float: left; margin: 4% 0 6% 0%; background-size: cover; position: relative; }

    .m_aboutbg { width: 100%; height: auto !important; min-height: 820px; float: left; margin: 40px auto 0 auto; right: 0; background: url(../img/abo_bgc.jpg) no-repeat right bottom; background-size: contain; }

    .s_acomp { width: 93%; float: left; margin: 0% 0 4% 4%; font-size: 14px; color: #666666; text-align: left; line-height: 28px; font-weight: normal; position: relative; }


    .s_prodbg { width: 100%; height: auto !important; min-height: 820px; float: left; margin: 40px auto 0 auto; right: 0; background-image: url(../img/ple1.png),url(../img/bgc51.jpg); background-repeat: no-repeat,no-repeat; background-position: 10px 10px, right bottom; background-size: 30px, 100vh; }

    .s_abo_cokk .s_prorig ul li:first-child { height: 40px; float: left; margin: 0 0px 0 0px; }

    .s_abo_cokk .s_prorig ul li { height: 40px; float: left; margin: 0 0px 10px 10px; }


    .s_abo_cokk .s_prorig ul li a { float: left; background: #eee; border: none; border-radius: 30px; font-size: 15px; color: #333; text-align: center; line-height: 40px; font-weight: normal; padding: 0 10px; }

    .s_prolist ul li { width: 46%; float: left; margin: 3% 2% 1% 0%; }

    .s_proshow { width: 100%; height: auto; float: left; margin: 2% 0 12% 0; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


    .s_prol { width: 100%; height: auto; float: left; font-size: 14px; color: #394867; text-align: left; line-height: 30px; font-weight: normal; }

    .s_prolimg { width: 100%; height: auto; float: right; font-size: 14px; color: #394867; text-align: left; line-height: 30px; font-weight: normal; }

    .s_coocon h4 { width: 100%; float: left; font-size: 14px; color: #333; text-align: left; line-height: 26px; font-weight: normal; padding: 1% 0 1% 0; }


    .s_coocon_img { width: 100%; float: right; margin: 2% 0% 0 0; }

    #certify4 { display: block; }


    .s_links { width: 100%; float: left; margin: 2% 0 4% 0; display: block; }


    .s_links ul { width: 100%; float: left; }


    .s_links ul li { width: 47%; float: left; margin: 3% 3% 0 0; }

    .s_links ul li a img { width: 100%; }




    .s_jiaoliu ul li { width: 100%; float: left; padding: 10px 0 10px 0; border-bottom: 2px solid #3f505c; margin: 1% 0 1% 0; }
    .s_jiaoliu ul li .jlbox h3 { width: 100%; height: 40px; float: left; font-size: 16px; color: #26395a; text-align: left; line-height: 20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }
    .s_jiaoliu ul li .jlbox h4 { width: 100%; height: auto; float: left; font-size: 14px; color: #333; text-align: left; line-height: 20px; font-weight: normal; }


    .s_dianzi ul { width: 100%; float: left; }

    .s_dianzi ul li { width: 100%; height: auto; float: left; margin: 2% 0% 2% 0; padding: 1%; background: transparent; border-bottom: 2px solid #3f505c; }


    .s_dianzi ul li:hover { width: 100%; height: auto; float: left; margin: 2% 0% 2% 0; padding: 1%; background: #0168a2; border-bottom: 2px solid #0168a2; }

    .s_stab_type {
    width: 100%;
    float: left;
    margin: 0%;
}

    .s_stab_type h5 {
    width: 97%;
    float: left;
    padding-left: 5%;
    position: relative;
    font-size: 24px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    font-weight: normal;
    margin: 3% 0 0 0;
}
    .s_stab_type h6 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 12px;
    color: #fff;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    margin: 3% 0 3% 0;
}


    .stab1 { width: 45%; height:40px; margin: 3% 2% 0 0; float: left; padding-left: 2%; background: #1b77ab; border: 1px solid #1b77ab; font-family: Microsoft YaHei; font-size:16px; color: #fff; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }


.stab2 { width: 94%; height: 120px; margin: 3% 0% 2% 0; float: left; padding: 1%; background: #1b77ab; border: 1px solid #1b77ab; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 60px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.stab3 { width: 200px; height:46px; margin: 2% 0% 0 0; float: left; background: #fff; border: 1px solid #fff; font-family: Microsoft YaHei; font-size:18px; color: #26395a; line-height: 58px\9; line-height: 46px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }

.s_stab_timg {
    width: 95%;
    float: right;
    margin: 5% 5% 0 0;
}

.s_stab_timg  img{width:100%;}

.s_stab_timg {
    width: 95%;
    float: right;
    margin: 5% 5% 0 0;
}


.s_newlist ul li {
    width: 94%;
    float: left;
    height: auto;
    position: relative;
    z-index: 8;
    margin: 2% 2% 1% 0;
    overflow: hidden;
}

.s_newlist ul li .necon {
    width: 99%;
    height: auto;
    float: left;
    border: 2px solid #26395a;
    background: #fff;
    position: relative;
    z-index: 6;
    display: block;
}

.s_newlist ul li .necon h4{height:auto; font-size:16px;}

.s_newlist ul li .necon h5{height:auto; font-size:14px;}

.s_newlist ul li .necon h6 {
    width: 94%;
    height: 30px;
    float: left;
    margin: 4% 0 3% 3%;
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.s_nscon h4 {
    width: 100%;
    float: left;
    margin: 0 0 3% 0;
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    padding: 1% 0 1% 0;
    border-bottom: 1px solid #dcdcdc;
}

.s_invebg {
    width: 100%;
    height: auto !important;
    min-height: 770px;
    float: left;
    margin: 40px auto 0 auto;
    right: 0;
    background: #f8f8f8 url(../img/bgc7.jpg) no-repeat center top;
    background-size: cover;
}


.s_guang1 {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    margin: 2% 0 2% 0;
}
.s_guang1_bt {
    width: 100%;
    height: 46px;
    float: left;
    background: #0168a2;
    margin: 0;
}

.s_guang1_bt span { float: left; padding-left: 2%; font-size:20px; color: #fff; text-align: left; line-height: 46px; font-weight: bold; }

.s_guang1_bt a { float: right; padding-right: 2%; font-size: 14px; color: #fff; text-align: left; line-height: 46px; font-weight: bold; text-transform: uppercase; }


.s_guang1_con ul li .g_time,.s_guang1_con ul li .g_time font{font-size:16px;}


.s_guang1_con ul li .g_xqing {
    width: 70%;
    height: 46px;
    float: left;
    margin-left: 3%;
    font-size: 14px;
    color: #26395a;
    text-align: left;
    line-height: 22px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_guang2 {
    width: 100%;
    height: auto;
    float: right;
    margin: 2% 0 2% 0;
}


.s_guang2_bt { width: 100%; height:46px; float: left; background: #fff; border-bottom: 1px solid #dcdcdc; margin: 0; }

.s_guang2_bt span { float: left; padding-left: 2%; font-size: 20px; color: #3f505c; text-align: left; line-height: 46px; font-weight: bold; }

.s_guang2_bt a { float: right; padding-right: 2%; font-size: 16px; color: #3f505c; text-align: left; line-height: 46px; font-weight: bold; text-transform: uppercase; }


.s_guang2 { width: 100%; height: auto; float: right; margin: 2% 0 2% 0; }

.s_guang2_list ul li h3 {
    width: 70%;
    height: 35px;
    float: left;
    font-size: 16px;
    color: #3f505c;
    text-align: left;
    line-height: 35px;
    font-weight: normal;
}

.s_guang3_bt span {
    float: left;
    padding-left: 2%;
    font-size: 20px;
    color: #3f505c;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.s_guang3 {
    width: 100%;
    float: left;
    margin-bottom:10%;
}

.s_guang3 ul li {
    width: 94%;
    height: auto;
    float: left;
    margin: 0% 3% 3% 0;
}


.s_advert ul li {
    width: 100%;
    height: auto;
    float: left;
    margin: 3% 0% 1% 0;
    padding: 2% 0;
    background: #fff;
}

 .s_advert ul li a .adv_time {
    width: 76px;
    height: 46px;
    float: left;
    margin-left: 3%;
    margin-top: 0;
    border-right: 1px solid #3f505c;
    font-size: 16px;
    color: #26395a;
    text-align: left;
    line-height: 22px;
    font-weight: normal;
}

 
.s_advert ul li:hover { width: 100%; height: auto; float: left; margin: 2% 0% 0 0; padding: 2% 0; background: #0168a2; }




 .s_advert ul li a .adv_time font{font-size:16px;}

.s_advert ul li a .adv_xq {
    width: 66%;
    height: auto;
    float: left;
    margin-left: 3%;
    font-size: 14px;
    color: #26395a;
    text-align: left;
    line-height: 22px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
.s_advert ul li a .adv_xq font {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #999999;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
}


.s_yearlist ul {
    width: 100%;
    float: left;
}

.s_yearlist ul li {
    width: 96%;
    height:50px;
    float: left;
    margin: 2% 0% 0 0;
    background: #fff;
    padding: 0 1%;
    border: 1px solid #3f505c;
}


.s_yearlist ul li:hover { width: 96%; height: 50px; padding: 0 1%; float: left; background: #0168a2; border: 1px solid #0168a2; }


.s_yearlist ul li h3 { width: 70%; height: 50px; float: left; font-size:16px; color: #3f505c; text-align: left; line-height: 50px; font-weight: normal; }


.s_yearlist ul li font { float: right; padding-right: 1%; font-size: 14px; color: #3f505c; text-align: left; line-height: 50px; font-weight: normal; }


.s_yearlist ul li:hover h3, .s_yearlist ul li:hover font { color: #fff; }


.s_xqing h4{font-size:18px;}

.s_fan1 {
    width: 90%;
    height: auto;
    float: left;
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    color: #9e9ca3;
    line-height: 30px;
    font-weight: normal;
}

.s_contabg {
    width: 100%;
    height: auto !important;
    min-height: 780px;
    float: left;
    margin: 40px auto 0 auto;
    right: 0;
    background: #f8f8f8 url(../img/mbgc4.jpg) no-repeat right bottom;
    background-size: 30% 100%;
}



.s_coleft {
    width: 100%;
    max-width: initial;
    float: left;
}
.s_coright {
    width: 100%;
    max-width: inherit;
    float: right;
    padding: 3% 0;
    background: #0168a2;
	position:relative; z-index:3;
}


.sco_table input.inpo1{width:97%;}

.sco_table input.inpo3 {
    width: 60%;
    max-width: initial;
    height: 50px;
    float: left;
    margin: 6% 0% 3% 0%;
    background: #fff;
    border: none;
    border-radius: 40px;
    font-size: 16px;
    color: #0168a2;
    text-align: center;
    line-height: 50px;
    font-weight: normal;
    cursor: pointer;
}


.mob_join{width:100%; float:left;}

.s_joleft {
    width: 96%;
    max-width: initial;
    float: left;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 28px;
    font-weight: normal;
    background: #fff;
    padding: 2%;
}

.s_joleft .jotxt{
    width: 100%; 
    float: left;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 28px;
    font-weight: normal; 
    height:56px;
    overflow:hidden;
}


.s_joleft  .jotxt .umore {
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 28px;
    font-weight: normal;  
    display:inline-block;
}



.bmore1 {display:block; width: 60px;   background:#fff; height: auto; float: right; margin: 10px 0 10px 0; cursor: pointer; }


.bmore1 .uimgs1 { display: block; margin: 0; }
.bmore1 .uimgs2 { display: block; margin: 0; }







.s_joright {
    width: 100%;
    max-width: initial;
    float: right;
}

.s_joright ul {
    width: 100%;
    float: left;
}

.s_joright ul li {
    width: 96%;
    float: left;
    background: #fff;
    margin: 4% 1% 1% 0%;
    border: none;
    border-radius: 10px;
    padding: 2% 2%;
}



.s_joright ul li h3{width:60%; height:60px; float:left; font-size:14px; color:#fc0b0b; text-align:left; line-height:30px; font-weight:normal; overflow:hidden; }

.s_joright ul li h3 font{width:100%; height:35px; float:left; font-size:16px; color:#333333; text-align:left; line-height:30px; font-weight:bold; overflow:hidden; }


.s_joright ul li h4{width:32%; max-width:110px; float:left; margin:4% 2% 2%;}


.s_joright ul li h4 font{width:100%; height:40px; float:left; background:#eee; border:none; border-radius:20px;  font-size:14px; color:#333; text-align:center; line-height:40px; font-weight:normal; }

.s_joright ul li:hover h4 font{background:#0168a2; color:#fff;}

.s_joright ul li h5{width:100%; height:auto; float:left; margin:0 0 0 0%; font-size:12px; color:#999; text-align:left; line-height:20px; font-weight:normal; text-overflow:ellipsis;  overflow:hidden; }


.s_joscon {
    width: 94%;
    float: left;
    font-size: 14px;
    color: #333333;
    text-align: left;
    background: #fff;
    border: none;
    border-radius: 10px;
    padding: 3%;
    line-height: 28px;
    font-weight: normal;
    margin: 4% 0 4% 0;
}

 
.s_joscon_bt h3{width:60%; height:auto; float:left; font-size:18px; color:#fc0b0b; text-align:left; line-height:30px; font-weight:normal; overflow:hidden; }

.s_joscon_bt h3 font{width:100%; height:30px; float:left; font-size:18px; color:#333333; text-align:left; line-height:30px; font-weight:bold; overflow:hidden; }

.s_joscon_bt h4{width:26%; max-width:140px; float:right; margin:0% 0 2% 2%;}


.s_joscon_bt input.s_down{float:right; margin:0%; width:140px; height:43px; background:url(../img/down1.png) no-repeat center bottom; border:none; text-indent:-999px; border-radius:30px;  background-size:100% 100%;}


.swimg1 ul li a {
    width: 100%;
    height: 8.6rem;
    float: left;
    position: relative;
    z-index: 10;
    border-radius: 20px;
    overflow: hidden;
}

.s_prolist ul li a {
    width: 100%;
    height: 10.6rem;
    float: left;
    position: relative;
    z-index: 6;
    border-radius: 20px;
    overflow: hidden;
}


.s_jiaoliu ul li .jlimg { width: 40%;  height:8rem; float: right;  position:relative; overflow:hidden;}

.s_newlist ul li .necon h3{font-size:20px;}


.s_fan1 a{color:#9e9ca3;}

.s_newlist ul li .necbgc .nwpbg { width: 98%; height: 60px; float: left; padding: 0 1%; background: rgba(1,104,162,.8); position: absolute; z-index: 5; left: 0; bottom: 0; font-size: 14px; color: #fff; text-align: left; line-height: 60px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }


.s_newlist ul li .necbgc .nwpbg font { float: right; font-size:12px; font-weight: bold; text-transform: uppercase; }


.s_guang1_bt span,.s_guang2_bt span,.s_guang3_bt span{font-size:18px;}



.s_hudong{font-size:16px;}


.s_htype {
    width: 100%;
}


.s_htype ul{width:106%;}

.s_htype ul li{width:46%; float:left; margin:1% 2% 2% 0;   }

.s_htype ul li:hover, .s_htype ul li.rhover { width: 46%; float: left; background: #0168a2 url(../img/c_jt01.png) no-repeat 94% 88%; 
border: 2px solid #26395a; padding: 3% 0;  margin:1% 2% 2% 0;   }


.s_htype ul li img { width:30px; float: left; margin:5% 3% 0 5%; }

.s_htype ul li h3 { width: 70%; height:40px; float: left; font-size: 14px; color: #26395a; text-align: left; line-height:20px; font-weight: bold; }


.s_htype ul li h3 font { width: 100%; float: left; font-size: 12px; color: #26395a; text-align: left; line-height:20px; font-weight: bold; }

.s_htype ul li:hover h3, .s_htype ul li:hover h3 font, .s_htype ul li.rhover h3, .s_htype ul li.rhover h3 font { color: #fff; }

.s_hrig { width: 98%; max-width: initial; float: right; background: #0168a2; margin: 1% 0 0 2%; padding: 1%; }




.s_hrig input.inph1{width:94%;  height:30px; line-height:30px;}

.s_hrig textarea.inph2 {
    width: 93%;
    height:80px;
    float: left;
    margin: 2% 0% 0 1%;
    background: #fff;
    border: 1px solid #fff;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height:20px;
    font-weight: normal;
    padding: 10px 0 10px 10px;
}

.s_zrig {
    width: 98%;
    max-width: initial;
    float: left;
    background: #fff;
    margin: 1% 0 0 0%;
    padding: 1%;
}




.s_zrig1 {
    width: 94%;
    float: left;
    margin: 2%;
}

.s_zrig_table {
    width: 94%;
    float: left;
    margin: 1% 0 0 0;
}



.s_prolist ul li a .impbg { width: 100%; height:30px; float: left; background: rgba(57,72,103,.5); position: absolute;
 z-index: 5; left: 0; bottom: 0; font-size: 14px; color: #fff; text-align: center; line-height:30px; font-weight: bold;
 text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; display: block; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }



.fu { position: fixed; right: 3%;  bottom: 4%; z-index: 99; }


 
.pc_top{display:none;}


.mob_top{display:block;}

.six_txt ul {
    width: 100%;
    float: left;
    margin: 10% 0 0 0;
    position: relative;
    z-index: 10;
    height: 200px;
}


}