@font-face{
    font-family: "HarmonyOS_Sans_Black";
    src:url(../font/HarmonyOS_Sans_Black.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_Bold";
    src:url(../font/HarmonyOS_Sans_Bold.ttf);
}
@font-face{
    font-family: "D-DINCondensed";
    src:url(../font/D-DINCondensed.otf);
}
@font-face{
    font-family: "HarmonyOS_Sans_Light";
    src:url(../font/HarmonyOS_Sans_Light.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_Medium";
    src:url(../font/HarmonyOS_Sans_Medium.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_Regular";
    src:url(../font/HarmonyOS_Sans_Regular.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_Thin";
    src:url(../font/HarmonyOS_Sans_Thin.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_SC_Black";
    src:url(../font/HarmonyOS_Sans_SC_Black.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_SC_Bold";
    src:url(../font/HarmonyOS_Sans_SC_Bold.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_SC_Light";
    src:url(../font/HarmonyOS_Sans_SC_Light.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_SC_Medium";
    src:url(../font/HarmonyOS_Sans_SC_Medium.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_SC_Regular";
    src:url(../font/HarmonyOS_Sans_SC_Regular.ttf);
}
@font-face{
    font-family: "HarmonyOS_Sans_SC_Thin";
    src:url(../font/HarmonyOS_Sans_SC_Thin.ttf);
}
li {
    list-style: none;
}
ul {
    padding: 0;
    margin: 0;
}
* {.
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
        word-wrap: break-word;
}
input{
    outline: none;
    font-family: '微软雅黑';
}
.text-center{
    text-align: center;
}   
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0px;bor;/* border: 0; */f;/* font-size: 100%; */*/outline: none;}
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;
    -moz-box-sizing: border-box;
　　-webkit-box-sizing: border-box;
　　box-sizing: border-box;
}
html {font-size: 14px;-ms-text-size-adjust: 100%;overflow-x: hidden;/* -webkit-tap-highlight-color: transparent; */    }
body {margin: 0 auto;color: #333;background-color: #fff;}
body{
     font-family: "HarmonyOS_Sans_SC_Medium";
        overflow-x: hidden;
/*        max-width: 1920px;*/
        margin: 0 auto;
/*        min-width: 1200px;*/
        /*background: #f8f8f8;*/
      
}
textarea{
    outline: none;
       font-family: '微软雅黑';
}
.inner {
    width: 100%;
    margin: 0px auto;
    position: relative;
}
.inner1 {
    width: 100%;
    margin: 0px auto;
    position: relative;
}
.inner{
    width: 90%;
     margin: 0px auto;
    position: relative;
}
.inner1200 {
    margin: 0px auto;
    width: 1200px;
    position: relative;
}
.inner1250{
     margin: 0px auto;
    width: 1250px;
    position: relative; 
}
.inner1000{
    width: 1000px;
    margin: 0 auto;
}
.inner1100 {
    margin: 0px auto;
    width: 1100px;
}
.inner1080{width: 1080px;
margin: 0 auto;}
.inner1280{width: 1300px;margin: 0 auto;position: relative;}
.inner1240{
   margin: 0px auto;
    width: 1240px; 
}
.inner1720{
    width: 1720px;
    margin: 0 auto;
}
.inner1300{
   margin: 0px auto;
    width: 1300px; 
     position: relative;
}
.inner1400{
   margin: 0px auto;
    width: 1400px; 
    box-sizing: border-box;padding: 0 15px;
     position: relative;
}
.inner1380{
margin: 0px auto;
    width: 1380px;
}
.inner1440{
    margin: 0 auto;
    width: 1440px;
    position: relative;
}
.inner1536{
margin: 0px auto;
    width: 1536px;
    position: relative;
}
.fc {
    text-align: center;
}
.inner1600{
    margin: 0 auto;
    width: 83.33%;
    position: relative;
}
.center{
    text-align: center;
}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.clearboth{ clear:both;}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0px;
}
figure,section,li,dd,div{
    margin: 0;
    padding: 0px;
    border: 0;
    font-size: 100%;
    outline: none;
}
/*section{
    letter-spacing:1px; 
}*/
a{
    text-decoration: none;
    outline: none;
}
/*loding*/
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000000;
}
.spinner {
    width: 150px;
    height: 30px;
    position: absolute;
    left: 47%;
    top: 50%;
    margin-left: -75px;
    margin-top: -15px;
}
.spinner>div {
    /* width: 30px;
    height: 30px;
    background-color: #67CF22;*/
    border-radius: 100%;
    /*  display: inline-block;*/
    -webkit-animation: bouncedelay 1.8s;
    animation: bouncedelay 1.8s;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bouncedelay {
    0% {
        -webkit-transform: scale(0.5)
    }
    ,
    30% {
        -webkit-transform: scale(0.8)
    }
    ,
    /*    60% {
        -webkit-transform: scale(1.2)
    },*/
    100% {
        -webkit-transform: scale(2)
    }
}
@-webkit-keyframes bouncedelay1 {
    0% {
        -webkit-transform: scale(0.5)
    }
    ,
    30% {
        -webkit-transform: scale(0.8)
    }
    ,
    100% {
        -webkit-transform: scale(1.5)
    }
}
.fl{
    float: left;
}
.ri{
    float: left;
}
.fr{
    float: right;
}
/*分页*/
.fanye{
    float: left;
    width: 100%;
    display: inline-block;width: 100%;
    margin: 30px 0;
}
.newdtitle{
    text-align: center;
    font-size: 32px;
    padding: 15px 0;
    padding-bottom: 30px;
    color: #fff;
}
.new-deta{
    color: #fff;
}
.moreye {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.moreye a {
    color: #fff;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    margin-bottom: 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
/*.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-radius: 6px;
    border-radius: 6px;
}*/
.pagination-lg>a, .pagination-lg>span {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.3333333;
    margin: 0 3px;
    border: none;
}
.pagination-lg>a {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
    color: #fff;
}
.pagination-lg>span {
    background: #97a5c3;
    /*border: 1px solid #1c7bd7;*/
    color: #fff;
}
.pagination-lg>a:hover{
   background: #97a5c3;
   /* border: 1px solid #1c7bd7;*/
    color: #fff;
}
/*分页*/
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.clearboth{ clear:both;}
.video_div{display: flex;align-items: center;justify-content: center;}
.video_div{width:100%; height:100%; background:rgb(0,0,0,0.5); position:fixed; z-index:100011111111111; left:0px; top:-100%;}
.video_div_closebtv{width:50px; height:50px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;}
.video_div_closebtv img{width:50px; height:50px;}
.video_div_center{width:50%; height: auto; vertical-align:middle; text-align:center;}
.video_div_center iframe{width:60%; margin-left:20%; margin-right:30%; height:600px; position:relative; top:50%; margin-top:-300px;}
/*******手机导航*******/
.a_zxlmenu{width:100%;/* margin-bottom:3%;*/ position:relative; display:none; z-index:100;background: linear-gradient(#95cd12,#09a23b);}
.a_zxlmenu_t{width:100%;height: 50px;line-height: 50px; font-size:14px; text-align:center; background-color:#3c77ff; color:#fff; cursor:pointer;}
.a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px; padding:0px; background-color: #fff;text-indent:0px; display:none;z-index: 1000;}
.a_zxlmenu_c li{width:100%;  float:left; text-align:center; border-bottom: 1px solid #ccc;margin: 1px 0;}
.a_zxlmenu_c li .aone{width:100%;padding:3% 0px; display:inline-block; color:#000000; font-size:14px; text-decoration:none; text-indent:0px;}
.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#333; text-decoration:none;}
.a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #ccc;display:none;}
.a_zxlmenu_c li dl dd{width:100%; float:left; text-align:center;}
.a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover{width:100%; padding:3% 0px; display:inline-block; color:#333; font-size:16px; text-decoration:none; text-indent:0px;}
.a_zxlmenu_t{background:#00447d url(../image/lmfooter_bottom.png) right 20px center no-repeat;}
.a_zxlmenu_c1{
    display: none;
}
.a_zxlmenu_t i{
    margin: 0 10px;
}
.a_zxlmenu_c1 li{
 text-align: center;
 border: none;
 display: inline-block;
     background-color: rgba(255,255,255,0.8);
 border: none;
 margin: 0;
}
.a_zxlmenu_c1 li a{
    padding: 0 15px;
    position: relative;
    line-height: 30px;
    margin: 5px 0;
}
.a_zxlmenu_c li a i{
    float: right;
    right: 15px;
    top: 6px;
    position: relative;
}
/*******手机导航*******/
/*内页nenuy*/
.pc_amenu{width:100%;padding:0px 2%;text-align:left;width: 100%;max-height: 54px;overflow: hidden;}
/*.pc_amenu{position: absolute;left: 0; bottom: 0;width: 100%;}*/
.a_menu_bg{ background:#fff;max-height: 54px;overflow: hidden;}
.a_menu{width:100%; margin:0px; padding:0px; max-height: 54px;overflow: hidden;float: right;text-align: center;}
.a_menu .a_menu_a{ position: relative; margin:0 35px;padding: 0 5px; height:54px;  display:inline-block; overflow:hidden; text-align:center; line-height:54px; color:#424242; font-size:18px;}
.a_menu .a_menu_a:after{-webkit-transition:all 0.5s ; transition:all 0.5s;position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #00447d;content: "";}
.a_menu .a_menu_a:hover:after,.a_menu .a_menu_a.active:after{width: 100%;}
.a_menu .a_menu_a:hover,.a_menu .a_menu_a.active{color: #00447d;}
/*内页nenuy*/
/*手机导航*/
/* CSS Document */
.phone_nav{ display:none;height: 50px;}
.hided{ overflow:hidden; width:100%; height:100%; position:fixed;}
.phone_logo{ height:50px;  background:#fff;box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.2)}
/*.phone_logo .p1{ position:absolute; left:0; top:0; padding:20px; display:block;}*/
.phone_logo .p1 img{ height: 100%}
@media screen and (max-width:1200px) {
.phone_logo .p1 {padding-top: 10px; height: 43px; display: block;}
.in_top .heard{ display:none;}
.phone_logo {width: 100%;padding: 0 20px;box-sizing: border-box;}
.phone_nav{display:block; position:fixed; width:100%; top:0;left:0; display:block; transition-delay:0.7s; -webkit-transition-delay:0.7s; z-index:9999; border-bottom: 2px solid #e4e4e4;background: }
/*导航按钮*/
.phone_nav .nav_but_box{ display:block; position:absolute; width:30px; height:30px; right:20px; top:10px; z-index:1;
transition:all 0.7s; -webkit-transition:all 0.7s;}
.phone_nav .nav_but { display:inline-block; position:relative;width:20px; height:2px; z-index:2; margin:13px 0 0 5px; background:#2e366c;
-webkit-transition-property: background-color, -webkit-transform;
transition-property: background-color, -webkit-transform;
transition-property: background-color, transform;
transition-property: background-color, transform, -webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;}
.phone_nav .nav_but:before,.nav_but:after {content: ''; display:block; width:20px; height:2px; position:absolute; background:#2e366c;
transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform;
transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
transition-duration: 300ms; -webkit-transition-duration: 300ms;}
.phone_nav .nav_but:before{margin-top:-5px;}
.phone_nav .nav_but:after {margin-top:5px;}
/*栏目名称*/
.phone_nav .nav_main{z-index: 30000; height:100%; position:fixed;  left:0; opacity:0; width:0; transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; background:#00447d ; overflow:hidden;}
.phone_nav .nav_main ul{ padding:0 20px; margin-top:40px;}
.phone_nav .nav_main li a{background-position:left; color:#fff; height:46px; line-height:46px; display:inline-block; background-size:32px; background-repeat:no-repeat; font-weight:bold;}
/*.phone_nav .nav_main .ss{border:1px solid #fff; margin-top:20px;}
.phone_nav .nav_main .ss .p2{ float:right;}
.phone_nav .nav_main .ss .p2 input{ border:0; background:url("../images/app_ss1.png") center no-repeat; width:34px; height:34px;}
.phone_nav .nav_main .ss .p1{ display:block; margin:0 34px 0 5px; }
.phone_nav .nav_main .ss .p1 input{ width:100%; height:34px; line-height:34px; background:none; border:0; font-family:"Microsoft YaHei"; font-size:14px; color:#fff;}
*/
.phone_nav .nav_main li b{ display:inline-block; position:absolute; right:10px; top:0px; width:50%; height:50px; background: url("../image/lmfooter_bottom.png") center right no-repeat; z-index:99;}
.phone_nav .nav_main .ul{padding:0 0 0px 40px; margin:0;  max-height:0; overflow:hidden; transition:max-height 0.4s; -webkit-transition:max-height 0.4s;}
.phone_nav .nav_main .ul li{ padding:0; border-bottom:0; transform:translateX(0px); -webkit-transform:translateX(0px);}
.phone_nav .nav_main .ul li a{ padding:0; height:auto; line-height:30px; font-weight:normal}
.phone_nav .nav_main .b_one .ul{ max-height:300px; padding:0 0 0px 40px; margin-bottom:10px;}
.phone_nav .nav_main li{ transform:translateX(100px); -webkit-transform:translateX(100px); transition:all 0.8s ease; -webkit-transition:all 0.8s ease; border-bottom:1px solid rgba(225,225,225,0.5); padding:0 20px; position:relative;}
.phone_nav .nav_main li:nth-of-type(1){ transition-delay:0.1s; -webkit-transition-delay:0.1s; }
.phone_nav .nav_main li:nth-of-type(2){ transition-delay:0.2s; -webkit-transition-delay:0.2s; }
.phone_nav .nav_main li:nth-of-type(3){ transition-delay:0.3s; -webkit-transition-delay:0.3s; }
.phone_nav .nav_main li:nth-of-type(4){ transition-delay:0.4s; -webkit-transition-delay:0.4s; }
.phone_nav .nav_main li:nth-of-type(5){ transition-delay:0.5s; -webkit-transition-delay:0.5s; }
.phone_nav .nav_main li:nth-of-type(6){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(7){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(8){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(9){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(10){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
/*打开样式*/
.phone_nav_one{background:#231815;  transition-delay:0s; -webkit-transition-delay:0s; }
.phone_nav_one .nav_main {opacity:1; width:100%; overflow:inherit;}
.phone_nav_one .nav_but{background: rgba(0, 0, 0, 0); }
.phone_nav_one .nav_but:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.phone_nav_one .nav_but:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.phone_nav_one .nav_but_box { opacity:0.8;}
.phone_nav_one .nav_main li{ transform:translateX(0); -webkit-transform:translateX(0);}
}
@media screen and (max-width:758px){/*--768-0--*/
/*.phone_logo .p1{ left:20px; padding:0; width:131px; margin-top:18px;}
.phone_logo .p1 img{ width:100%;}
.phone_logo{ height:77px;}
.phone_nav{ height:77px;}*/
/*.phone_nav .nav_main{ top:77px;}*/
.phone_nav .nav_but_box{ top:10px; right:10px;}
.phone_nav .nav_main ul{ margin-top:20px; height:350px; overflow-y:auto; box-sizing:border-box;}
.phone_nav .nav_main .b_one .ul{ height:auto;}
}
@media screen and (max-width:470px){/*--768-0--*/
.phone_logo {padding: 0 10px}
.phone_nav .nav_main ul{ height:410px;}
.phone_nav .nav_main .b_one .ul{ height:auto;}
}
.a_rlzydiv_c {display: inline-block;width: 100%;}
.a_rlzydiv_c dt{width:100%;  float:left; font-weight:normal;text-align: left;}
.a_rlzydiv_c dt .div{width:100%; padding:2% 0px; background-color:#ebe9e9;  color:#000; font-size:16px; float: left;}
.a_rlzydiv_c dt .div .s1{width:30%; text-indent:15%;}
.a_rlzydiv_c dt .div .s2{width:30%;text-align:center;}
.a_rlzydiv_c dt .div .s3{width:20%; text-align:center;}
.a_rlzydiv_c dt .div .s4{width:20%; text-align:center;}
.a_rlzydiv_c dd{width:100%; float:left; font-weight:normal;text-align: left;background: #fff; border-bottom: 1px solid #edeae9;}
.a_rlzydiv_c dd .div{ float: left;width:100%; padding:20px 0px; background: url(../image/r_jt1.png) right 20px center no-repeat; background-color:#fff; font-size:14px; color:#000; cursor:pointer;}
.a_rlzydiv_c dd .div:hover,.a_rlzydiv_c dd .div.activerc{ background:url(../image/r_jt2.png) right 20px center no-repeat; background-color:#eeeeee; color: #333333 !important;}
.a_rlzydiv_c dd .div .s1{width:30%; text-indent:15%;font-size: 16px;}
.a_rlzydiv_c dd .div .s2{width:30%;text-align:center;}
.a_rlzydiv_c dd .div .s3{width:20%; text-align:center;}
.a_rlzydiv_c dd .div .s4{width:20%; text-align:center;}
.a_rlzydiv_c dd .div1{box-sizing: border-box; width:100%; display:none; float: left;}
.a_rlzydiv_c dd .div1_c{text-align: left; width:100%; padding: 25px; background: #fff;  color:#888888; font-size:14px; line-height:2.0; overflow-x:hidden;}
.a_rlzydiv_c dd .div1_b,.a_rlzydiv_c dd .div1_b:hover{width:150px; height:40px; line-height:40px; text-align:center; background-color:#6eba44; display:inline-block; overflow:hidden; color:#333; text-decoration:none; font-size:14px;}
.zhangp-box-tie{
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: 500;
    margin-bottom: 20px;
}
.zp-box-bo{
             animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
   /* background: #fff;*/
    float: left;
    width: 100%;
    margin: 25px 0;
}
.zp-box-to{
    padding: 30px 30px;
       animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
    background: #fff;
}
.zhangp-box {
    background: #f1f2f3;
    padding: 50px 0;
}
.zp-box-to select {
    width: 243px;
    float: left;
    outline: none;
    margin-right: 10px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.zp-bt-h3{
    color: #333;
    font-weight: 400;
    font-size: 18px;
}
.zp-bt-h4{
    color: #333;
        font-weight: 400;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.sousuo-box{
    float: right;
}
.souss-con{
    width: 245px;
    float: left;
      padding: 10px 15px;
}
.soubtn{
padding:0 20px;
line-height: 41px;height: 41px;
color: #fff;
background: #3871c1;
border: none;
}
/*校园招聘*/
}
.inbanner{width: 100%;}
.index-swiper .swiper-pagination{bottom: 20px;}
.inbanner .index-swiper img{display: block; width: 100%;}
.index-swiper .swiper-pagination-bullet{background: #fff;opacity: 0.6;width: 7px;height: 7px;border-radius: 10px;}
.index-swiper .swiper-pagination-bullet-active{background: #fff; width: 7px;height: 7px;opacity: 1;}
.index-swiper a{position: relative;display: block;}
.index-swiper .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.index-swiper .text .p1{color: #fff;font-size: 24px;margin-bottom: 20px;}
.index-swiper .text .p2{color: #fff;font-size: 20px;}
.index-swiper .swiper-slide-active .p1{animation:fadeInDown 1s;
    -webkit-animation:fadeInDown 1s;}
.index-swiper .swiper-slide-active .p2{animation:fadeInDown 1.5s;
    -webkit-animation:fadeInDown 1.5s;}
/*.index-swiper{height: 100%;}*/
/*内页banner*/
.nbanner img{display: block;width: 100%;height: 100%;}
.n_banner{width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner1{width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner2{ width:100%; height:480px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner3{width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.n_banner5{width:100%;  background-repeat:no-repeat !important; background-position:center center!important; background-size:cover!important; position:relative;overflow: hidden;}
.n_banner5 .n_banner_text{text-align: left;}
.n_banner5 img{display: none;width: 100%}
.n_banner_text{width:100%; position:absolute; left:0px; width: 100%; bottom:80px;text-align: center;}
.n_banner55{height: 604px;}
.n_banner55 .n_banner_text p{color: #fff;}
.n_banner_text p{color: #bc1a21;text-align: center;font-weight: 550;}
.n_banner_text p{font-size: 36px;line-height: 60px;text-transform: uppercase;}
.n_banner_text .p2{font-size: 50px;line-height: 60px;text-transform: uppercase;}
/*.nbanner{background: none !important;height: auto;}*/
/*.nbanner img{display: block;width: 100%;}*/
.fixhead{position: fixed;width: 100%;top: 0;padding-top: 0;background:#fff; animation:fadeInDown 1s;
    -webkit-animation:fadeInDown 1s;z-index: 100;}
.fixhead2{background: #fff;box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ; transition:all 0.5s;}
.fixhead2 .nav li .a1{color: #333333;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.fixhead2 .img1{display: none !important; -webkit-transition:all 0.5s ; transition:all 0.5s;}
.fixhead2 .img2{display: block !important;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.nbanner{
    position: relative;
}
.nbanner .text{text-align: left;position: absolute;bottom: 200px;}
.weizhi_box{padding: 20px 0;box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);}
.weizhi{ background-size: cover; display: block;margin-bottom: 30px;}
.weizhi p{font-size: 16px;color: #666;font-weight: 400;}
.weizhi p img{position: relative;top: 3px;margin-right: 5px;}
.weizhi a{color: #666;}
.weizhi a:last-child{color: #666;}
.weizhi2{border-bottom: 1px solid #e5e5e5;}
.topheader{background: #e5e5e5;}
.topheader p{font-size: 14px;color: #666666;line-height: 30px;}
/*.index-swiper .swiper-button-next{-webkit-transition:all 0.35s ; transition:all 0.35s;right: 40px; width: 80px;height: 80px;background: url(../image/prev.png) center center no-repeat; background-color: rgba(0,0,0,0.1);}
.index-swiper .swiper-button-prev{-webkit-transition:all 0.35s ; transition:all 0.35s;left: 40px; width: 80px;height: 80px;background: url(../image/next.png) center center no-repeat; background-color: rgba(0,0,0,0.1);}
.index-swiper .swiper-button-next:hover{background-color: rgb(215,22,31,0.56);}
.index-swiper .swiper-button-prev:hover{background-color: rgb(215,22,31,0.56);}
*/
.flex_bt{display: flex;justify-content: space-between;}
.ncontent_wbox{padding: 50px 0;}
li .image{position: relative;overflow: hidden;}
li .image img{-webkit-transition:all 0.5s ; transition:all 0.5s;display: block;width: 100%;}
li:hover .image img{transform: scale(1.1);}
.header .div2{background: #0071B2;}
.header .logo{padding: 20px 0;}
.header .nav{display: flex;margin-right:40px;}
.header .nav li {text-align: center;  }
.header .nav li .a1{padding: 0 25px; line-height: 76px; color: #333;font-size: 16px;position: relative;display: inline-block;white-space: nowrap;;}
.header .nav li .a1:after{position: absolute;content: "";bottom: 0;width: 0%;left: 0;height:4px;background: #00447d;-webkit-transition:all 0.5s ; transition:all 0.5s;}
/*.nav li:hover a:after{width: 100%;}*/
.header .nav li:hover .a1,.header .nav li.active .a1{color: #00447d;}
.header .fr{display:flex;align-items: center;}
.flex_btw{display: flex;justify-content: space-between;}
.ncontent_wbox{padding: 50px 0;}
li .image{position: relative;overflow: hidden;}
li .image img{-webkit-transition:all 0.5s ; transition:all 0.5s;display: block;width: 100%;}
li:hover .image img{transform: scale(1.1);}
.showcontent{background: #fff;display: flex;box-sizing: border-box;padding: 30px;}
.showcontent .fl{width: 80%;box-sizing: border-box;padding-right: 30px;}
.showcontent .fr{width: 20%;}
.showcontent .fr .wp1{font-size: 16px;color: #333333;padding-bottom: 10px;border-bottom: 1px solid #efefef;}
.remen{display: flex;flex-wrap: wrap;}
.remen li{width: 100%;padding: 10px 0;}
.remen li a .p1{
    margin-bottom: 5px;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size: 14px;color: #333333;
}
.remen li a .p2{
    font-size: 12px;color: #666;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.show_detail .title{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;text-align: center;}
.show_detail .title .p1{display: flex;justify-content: center;align-items: flex-end;font-size: 28px;color: #333333;}
.show_detail .title .p1 img{vertical-align: middle;}
.show_detail .title .p1 a{font-size: 16px;color: #999999;}
.show_detail .title .p2{font-size: 14px;color: #999999;margin-top: 20px;display: flex;justify-content: center;}
.show_detail .title .p2 span{margin: 0 25px;}
.show_detail .text{padding: 30px 0;border-bottom: 1px solid #efefef;}
.show_detail .text img{max-width: 100%;}
.show_more{display: flex;justify-content: space-between;box-sizing: border-box;padding: 20px 0;padding-bottom: 0;}
.show_more a{width: 49%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;line-height: 60px;font-size: 14px;color: #666666;}
.show_more .a3{text-align: right;}
/*.show_more a .img1{display: none;}
.show_more a:hover .img2{display: none;}
.show_more a:hover .img1{display: inline-block;}
.show_more a:hover {color: #0479ce;}*/
.show_more a img{vertical-align: middle;margin-right: 5px;}
.show_more .a1{text-align: left;}
.show_more .a2{text-align: right;}
.content_box{min-height: 400px;}
.a_link{display: flex;justify-content: space-between;}
.a_link a{width: 50%;line-height: 24px;text-align: center;font-size: 14px;color: #666666;text-align: left;}
.a_link a:nth-child(2){text-align: right;}
.show_zhishi_content{padding: 30px 0;}
.show_zhishi_content img{max-width: 100%;}
.show_zhishi .h1{text-align: center;font-size: 26px;margin-bottom: 20px;}
.show_zhishi .h2{text-align: center;font-size: 16px;color: #666666;font-weight: 400;}
.pagination li a, .pagination li span {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.3333333;
    margin: 0 3px;
    border: none;
}
.pagination li a {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
    color: #fff;
}
.pagination li.disabled span {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
    color: #fff;
}
.pagination li span {
    background: #00447d;
    border: 1px solid #00447d;
    color: #fff;
}
.pagination li a:hover{
   background: #00447d;
    border: 1px solid #00447d;
    color: #fff;
}
.mobile{display: none;}
.pc{display: block;}
.cp_list{display: flex;flex-wrap: wrap;}
.cp_list li {
    margin: 0 1%;
    width: -webkit-calc((100% - 2%*3)/ 3);
    width: calc((100% - 2%*3)/ 3);
    cursor: pointer;
    position: relative;
    margin-bottom: 30px;
    padding: 5px 0;
}
.swiper-pagination-zhufu{text-align: right;padding-right: 20px;bottom: 20px !important;}
.swiper-pagination-zhufu .swiper-pagination-bullet{background: #fff;opacity: 1;}
.swiper-pagination-zhufu .swiper-pagination-bullet-active{background: #e30f41;opacity: 1;}
.ncontent{padding: 50px 0;}
.topheader{background: #666666;padding: 5px 0;}
.topheader .con{display: flex;justify-content: flex-end;align-items: center;}
.topheader .con a{color: #fff;padding: 0 10px; display: flex;align-items: center;}
.topheader .con a img{height: 14px;margin-right: 5px;}
.topheader .con a:last-child{border-left: 1px solid #fff;}
.topheader .con a:nth-child(1){padding-right: 0;}
/*.header{height: 96px;}*/
.header .flex_bt{display: flex;align-items: center;}
.header .flex_bt .fl{display: flex;align-items: center;}
.header .flex_bt .fr a{font-size: 16px;color: #333}
.header .logo{padding: 0 0;}
.header .logo img{height: 52px;}
.footer{background: #333333;padding: 50px 0;}
.footer .foul{width: 70%;display: flex;}
.footer .fr{flex: 1;min-width: 1px;display: flex;}
.footer .fr .text1{width: 60%;box-sizing: border-box;padding-right: 20px;}
.footer .fr .text1 .wp1{color: #D0D0D0;font-size: 18px;margin-bottom: 20px;}
.footer .fr .text1 .con{font-size: 14px;line-height: 24px;color:#D0D0D0;}
.footer .fr .text2{width: 40%;font-size: 14px;line-height: 34px;color:#D0D0D0;text-align: center;}
.footer .fr .text2 img{display: block;width: 100%;}
.foul li{width: 20%;display: inline-block;}
.foul li a{width: 100%;float: left;}
.foul li .a1{font-size: 18px;color: #D0D0D0;margin-bottom: 30px;}
.foul li .a2{font-size: 14px;color: #D0D0D0;line-height: 32px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.ncontent{background: #F0F2F5;}
.newslist{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.newslist li{width: 33.3%;box-sizing: border-box;padding: 0 10px;margin-bottom: 20px;}
/*.newslist li a{display: flex;justify-content: space-between;}*/
.newslist li a{display: block; background: #fff;}
.newslist li .image{height: 260px;width: 100%;}
.newslist li .image img{display: block;width: 100%;height: 100%;object-fit: cover;}
/*.newslist li .text{flex: 1;box-sizing: border-box;padding: 0 20px;display: flex;align-content: space-between;flex-wrap: wrap;}*/
.newslist li .text{box-sizing: border-box;padding: 10px 15px;}
.newslist li .text .p1{font-size: 18px;color: #333;font-weight: bold;width: 100%;margin-bottom: 5px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.newslist li .text .p2{font-size: 14px;color: #999999;line-height: 24px;width: 100%; height: 48px;overflow: hidden;}
.newslist li .text .p3{font-size: 14px;color: #999999;width: 100%;}
/*
.newslist li .time{text-align: center;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.newslist li .time .p1{font-size: 32px;color: #999999;}
.newslist li .time .p2{font-size: 26px;color: #D0D0D0;}
.newslist li:hover .text .p1{color: #00447d;}
.newslist li:hover .time .p1{color: #00447d;}
.newslist li:hover .time{position: relative;padding-right: 10px; padding-top: 20px;}*/
.nditei{font-size: 32px;font-weight: bold;margin-bottom: 40px;}
.nmenu{display: flex;width: 100%;height: 80px;align-items: center;}
.nmenu li{position: relative;background: #fff;padding: 0 50px;line-height: 80px;}
.nmenu li dl{display: none;position: absolute;top: 100%;left: 0;width: 100%;text-align: center;background: rgba(242, 242, 242, 1);z-index: 2000;}
.nmenu li a{color: #666666;font-size: 16px;}
.nmenu li:hover .a1{color: #00447d;}
.nmenu li.active .a1{color: #00447d;}
.nmenu li{position: relative;}
.nmenu li:after{content: "";position: absolute;left: 0;bottom: 0;width: 0; height: 3px;background:#00447d;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.nmenu li:hover:after{width: 100%;}
.nmenu li.active:after{width: 100%;}
.nmenu li:hover dl{display: block;}
.nmenu li dl dd:hover {background: #00447d;}
.nmenu li dl dd:hover a{color: #fff;}
.wabout1{background: #fff;box-sizing: border-box;padding: 40px 45px;}
.abwp1{font-size:30px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #D0D0D0;margin-bottom: 20px;}
.wabout1 .con{display: flex;justify-content: space-between;}
.wabout1 .con .text{flex: 1;min-width: 1;box-sizing: border-box;padding-right: 30px;font-size: 14px;line-height: 24px;color: #666666;}
.wabout1 .con .image{width: 50%;}
.wabout1 .con .image img{display: block;width: 100%;}
.abmore{line-height: 40px;padding: 0 30px;border: 1px solid #666666;color: #666666;display: inline-block;margin-top: 40px;}
.wabout2 .wcon{display: flex;justify-content: space-between;flex-wrap: wrap;align-content: space-between;}
.wabout2 .ncon{width: 66%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: space-between;}
.wabout2 .ncon .item{cursor: pointer; width: 49%;background: red;position: relative;}
.wabout2 .ncon .item{overflow: hidden; height: 48%;display: flex;align-content: center;flex-wrap: wrap;justify-content: center;}
.wabout2 .item1{cursor: pointer; height: 520px;width: 32%;background: red;display: flex;align-content: center;flex-wrap: wrap;justify-content: center}
.wabout2 .item1{position: relative;overflow: hidden;}
.wabout2 .con{text-align: center;}
.wabout2 .con .p2{font-size: 24px;color: #fff;margin: 10px 0;}
.wabout2 .con .p3{font-size: 14px;color: #fff;}
.wabout2 .con .p4{font-size: 24px;color: #fff;margin: 20px 0;}
.wabout2 .con .p5{}
.wabout2 .con .p1 img{height: 50px;}
/*.wabout2 .content{-webkit-transition:all 0.5s ; transition:all 0.5s;background: rgba(0, 0, 0,0.6);height: 100%; width: 100%; position: absolute;text-align: center;box-sizing: border-box;bottom: 0;left: -100%;box-sizing: border-box;padding: 20px;}*/
.wabout2 .content{padding-top: 20px; -webkit-transition:all 0.5s ; transition:all 0.5s;width:100%;box-sizing:border-box;padding:10px 20px;display:none }
.wabout2 .content p,.wabout2 .content span ,.wabout2 .content strong{font-size: 24px !important; color: #fff !important;font-family: "HarmonyOS_Sans_SC_Medium" !important}
.wabout2 .item:hover .content{display: block;}
.wabout2 .item:hover .con{display: none;}
.wabout2 .item1:hover .con{display: none;}
.wabout2 .item1:hover .content{display: block;}
.wabout2{background: #fff;box-sizing: border-box;padding: 30px;margin-top: 30px;}
.wabout3{background: #fff;box-sizing: border-box;padding: 30px;margin-top: 30px;}
.wabout3 .wcon{position: relative;}
/*.wabout{padding-bottom: 50px;}*/
.wabout{padding-bottom: 0;}
/*.fazhan-swiper .text{border-right: 1px solid #D0D0D0;}*/
.wabout3 .wcon .swiper-button-next{right: -100px;}
.wabout3 .wcon .swiper-button-prev{left: -100px;}
.fazhan-swiper .swiper-slide-next{box-sizing: border-box;padding: 0 30px;}
.fazhan-swiper .swiper-slide-duplicate-active .text{border-right: 0;}
.fazhan-swiper{margin-top: 45px;margin-bottom: 30px;}
.fazhan-swiper .p1{font-size: 30px;color: #333333;margin-bottom: 10px;}
.fazhan-swiper .con{font-size: 16px;color: #333333;line-height: 24px;}
.fazhan-swiper .con p{box-sizing: border-box;padding-left: 15px;font-size: 16px;line-height: 32px;}
.fazhan-swiper .con p{position: relative;}
.fazhan-swiper .con p:after{position: absolute;content: "·";left: 0;top: -2px;font-size: 50px;color: #666666;}
.rongyuul{display: flex;flex-wrap: wrap;position: relative;margin: 0 -10px;padding: 30px 0;}
.rongyuul li{width: 25%;margin-bottom: 20px;box-sizing: border-box;padding: 0 10px;}
.rongyuul li a{display: block;box-sizing: border-box;padding: 20px;background: #fff;border-radius: 5px;height:100%;}
.rongyuul li a .image{height: 300px;}
.rongyuul li a .image img{display: block;width: 100%;height: 100%;object-fit: cover;}
.rongyuul li a p{font-size: 16px;padding-top: 10px;color: #333;}
.lianxiwbox{padding: 40px 0;}
.lianxiwbox .div1{background: #fff;box-sizing: border-box;padding: 30px;}
.map{height: 400px;margin: 30px 0;}
.lianxiwbox .div1 .wcon{display: flex;}
.lianxiwbox .div1 .wcon .item{width: 20%;text-align: center;border-right: 1px solid #D0D0D0;
box-sizing: border-box;
padding: 0 20px;
}
.lianxiwbox .div1 .wcon .item .p1{-webkit-transition:all 0.5s ; transition:all 0.5s;}
.lianxiwbox .div1 .wcon .item .p2{margin: 10px 0;font-size: 16px;color: #333333;}
.lianxiwbox .div1 .wcon .item .p3{font-size: 16px;color: #333333;}
.lianxiwbox .div1 .wcon .item:hover .p1{transform: rotateY(180deg);}
.lianxiwbox .div1 .wcon .item:hover .p3{color: #00447d !important;}
.liuyan .wfdiv1{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
.liuyan .wfdiv1 .fdiv1{width: 48%;display: flex;align-items: center;}
.liuyan .wfdiv1 .fdiv2{width: 100%;display: flex;align-items: flex-start;}
.liuyan .wfdiv1 label{width: 50px;text-align: left;margin-right: 10px;}
.liuyan .wfdiv1 label span{color: red;}
.liuyan .wfdiv1 .fdiv1 input{flex: 1;border: 1px solid #D0D0D0;line-height: 40px;box-sizing: border-box;padding: 10px 20px;}
.liuyan .wfdiv1 .fdiv2 textarea{flex: 1;border: 1px solid #D0D0D0;height: 168px;resize: none;box-sizing: border-box;padding: 20px;}
.ly_btn{width: 100px;line-height: 40px;text-align: center;color: #fff;background-color: #00447d;border: none !important;padding: 0 !important;}
.fanganwbox .div1{padding: 50px 0;}
.fanganwbox .div3{padding: 50px 0;}
.fanganwbox .div2{padding: 50px 0;background: #F2F2F2;padding-bottom: 0}
.denti2{width: 80%;margin: 0 auto;margin-bottom: 40px;}
.denti2 .p1{font-size: 29px;color:#333333;text-align: center;margin-bottom: 20px;}
.denti2 .con{font-size: 14px;line-height: 24px; color:#666666;}
.famenu{display: flex;justify-content: center;}
.famenu li{padding-bottom: 20px;margin: 0 20px;position: relative;}
.famenu li .image{-webkit-transition:all 0.5s ; transition:all 0.5s;}
.famenu li:hover .image{transform: rotateY(180deg);}
.famenu .p2{margin-top: 20px;font-size: 20px;color: #333;}
.famenu li:after{width: 0%;height: 4px;bottom: 0;left: 0;content: "";position: absolute;background: #00447d;}
.famenu li:hover:after,.famenu li.active:after{width: 100%;}
.famenu li:hover .p2,.famenu li.active .p2{color: #00447d;}
.famenu li:hover .p1,.famenu li.active .p1{color: #00447d;}
.famenudl dd{display: none;background-size: cover !important;padding: 40px 0;height: 350px;}
.famenudl dd{position: relative;}
.famenudl dd:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);content: "";}
.famenudl dd .h1{font-size: 30px;color: #FFFFFF;border-left: 8px solid #00447d;line-height: 1;padding-left: 20px;margin-bottom: 30px;position: relative;z-index: 2;}
.famenudl dd .con{font-size: 16px;line-height: 28px;color: #fff;position: relative;z-index: 2;}
.lcul{display: flex;flex-wrap: wrap;justify-content: space-between;}
/*.lcul{display: flex;flex-wrap: wrap;height: 280px;justify-content: space-between;}*/
/*.lcul li{width: 120px;display: flex;-webkit-transition:all 0.5s ; transition:all 0.5s;border-radius: 60px;}*/
.lcul li{width: 120px;-webkit-transition:all 0.5s ; transition:all 0.5s;border-radius: 60px;}
.lcul li .con1{width: 120px;height: 120px;border: 1px solid #D0D0D0;border-radius: 50%;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.lcul li .con2{-webkit-transition:all 0.5s ; transition:all 0.5s;display: none;margin-top: 20px;max-height: 60px;overflow: hidden;}
.lcul li .con1 .p2{font-size: 16px;color: #333333; line-height: 24px;text-align: center;}
/*.lcul li .con1{overflow: hidden;}*/
.fanganwbox .div3 .denti2 .con{text-align: center;}
.lcul li:hover .con1{background: #00447d;color: #fff}
.lcul li:hover .con1 .p2{color: #fff}
.lcul li{cursor: pointer;}
/*.lcul li:nth-child(2n){align-items: flex-end;}*/
/*.lcul li:hover{background: #00447d;border-radius: 60px;box-sizing: border-box;padding: 50px 10px;}*/
/*.lcul li:hover .con1{width: auto;height: auto;border: none;}
.lcul li:hover .con1 .p1{color: #fff !important;}
.lcul li:hover .con1 .p2{color: #fff !important;}*/
/*.lcul li:hover{align-items: flex-start;}*/
/*.lcul li:hover .con2{display: block;color: #fff;}*/
.insection3{padding: 50px 0;background: #F0F1F2}
.cplist{float: left;margin: 0 -10px;width: 100%}
.cplist li{width: 25%;float: left;margin-bottom: 20px;box-sizing: border-box;padding: 0 10px;}
.cplist li a{display: block;width: 100%;height: 100%;position: relative;background: #fff;border-radius: 5px;}
.cplist li a .image{width: 100%;height: 265px;}
.cplist li a .image img{object-fit: cover;width: 100%;height: 100%;}
.cplist li .text{text-align: center;padding: 10px 10px;box-sizing: border-box;}
.cplist li .text .p1{color: #333;font-size: 14px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
/*.cplist li .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-content: space-between;flex-wrap: wrap;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.cplist li .text .con1{min-width: 1px;width: 100%;}*/
/*.cplist li:nth-child(1){width: 530px;}
.cplist li:nth-child(4){width: 530px;height: 550px;}
.cplist li:nth-child(11){width: 530px;}
.cplist2 li:nth-child(1){width: 530px;}
.cplist2 li:nth-child(4){width: 265px;height: 265px;}
.cplist2 li:nth-child(6){width: 530px;}
*/
/*.cplist li .text{box-sizing: border-box;padding: 30px 10%;z-index: 2;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.cplist li .text .p1{font-size: 24px;color: #333333;margin-bottom: 20px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.cplist li .text .p11{font-size: 16px;color: #333;margin-bottom: 10px;}
.cplist li .text .p2{font-size: 14px;color: #666666;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.cplist li .text .p3{font-size: 16px;color: #fff;margin-top: 30px;display: none;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.cplist li .text .p3{position: relative;left: 0;bottom: -100px;}
.cpwbox{display: flex;justify-content: center;}
.cplist li:hover .p3{display: block;}
.cplist li:hover .p1{color: #fff;}
.cplist li:hover .p2{color: #fff;}
.cplist li:hover .p11{color: #fff;}
.cplist li a:after{display: none; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.cplist li:hover a:after{display: block;}
.cplist li:hover .text .p3{bottom: 0;left: 0;}
.cplist li:hover .text{padding: 40px 12%;}*/
.cpxqbox1{padding: 70px 0;}
.cpxqbox2{padding: 70px 0;background: #F2F2F2;}
.cpxqbox2 .image{width: 50%;}
.cpxqbox2 .image img{max-width: 100%;display: inline-block;}
.cpxqbox2 .text{width: 50%;padding-right: 30px;box-sizing: border-box;}
.cpxqbox2 .text img{max-width: 100%;}
.cpxqbox2 .text .p1{font-size: 24px;color: #000;font-weight: bold;margin-bottom: 30px;}
.cpxqbox2 .text .con{font-size: 14px;color: #333333;line-height: 24px;}
.cpxqbox3{padding: 70px 0;background: #000000;}
.cpxqbox3 video{width: 100%;}
.cpxqbox1 .fl{width: 50%}
.cpxqbox1 .image{width: 50%;max-height: 300px;display: flex;justify-content:center; }
.cpxqbox1 .image img{max-width: 100%;max-height: 100%; display: inline-block;}
.cpxqbox1 .text{width: 50%;padding-left: 30px;box-sizing: border-box;}
.cpxqbox1 .text .p1{font-size: 24px;color: #000;font-weight: bold;margin-bottom: 30px;}
.cpxqbox1 .text .con{font-size: 14px;color: #333333;line-height: 24px;}
.kangfuul{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.kangfuul li{width: 33.3%;box-sizing: border-box;padding: 0 10px;margin-bottom: 20px;}
.kangfuul li .image{height: 250px;position: relative;}
.kangfuul li .image .img1{width: 100%;height: 100%;object-fit: cover;}
.kangfuul li .p1{font-size: 16px;color: #333;text-align: center;padding-top: 10px;}
.kangfuul li .ic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0);display: flex;align-items: center;justify-content: center;}
.kangfuul li .ic i{width: 56px;height: 56px;border-radius: 50%;border: 2px solid #fff;font-size: 50px;color: #fff;}
.kangfuul li:hover .ic{background: rgba(0, 0, 0, 0.3);}
.kangfuul li:hover .ic i{border-color: #00447d;color: #00447d;}
.kumenu{display: flex;margin: 0 -10px;margin-bottom: 20px;justify-content: center}
.kumenu li{box-sizing: border-box;padding: 0 10px;text-align: center; margin-bottom: 20px;}
.kumenu li a{background: #fff;display: block;padding: 10px 20px;border-radius: 30px;}
.kumenu li .p1{font-size: 16px;color: #222;
/*    margin-bottom: 5px;*/
}
.kumenu li .p2{font-size: 14px;color: #999999;display: none}
.kumenu li:hover a{background: #00447d;}
.kumenu li:hover .p1{color: #fff;}
.kumenu li:hover .p2{color: #fff;}
.kumenu li.active a{background: #00447d;}
.kumenu li.active .p1{color: #fff;}
.kumenu li.active .p2{color: #fff;}
.kumenu2{display: flex;margin: 0 -10px;margin-bottom: 20px;justify-content: center}
.kumenu2 li{box-sizing: border-box;padding: 0 10px;text-align: center; margin-bottom: 20px;}
.kumenu2 li a{background: #fff;display: block;padding: 10px 20px;border-radius: 30px;}
.kumenu2 li .p1{font-size: 16px;color: #222;
/*    margin-bottom: 5px;*/
}
.kumenu2 li .p2{font-size: 14px;color: #999999;display: none}
.kumenu2 li:hover a{background: #00447d;}
.kumenu2 li:hover .p1{color: #fff;}
.kumenu2 li:hover .p2{color: #fff;}
.kumenu2 li.active a{background: #00447d;}
.kumenu2 li.active .p1{color: #fff;}
.kumenu2 li.active .p2{color: #fff;}
.kfuwbox{padding: 50px 0;background: #F2F2F2;}
.kfxiangxi{padding: 50px 0;background: #fff;}
.kfsti{text-align: center;padding-bottom: 20px;border-bottom: 1px solid #D0D0D0;}
.kfxiangxi .con{padding-top: 30px;}
.kfxiangxi .wp1{font-size:20px;color: #000;font-weight: bold;margin-bottom: 30px;margin-top: 30px;}
.kfxiangxi video{width: 100%;display: block;}
.ndeti22{margin-bottom: 40px;font-size: 30px;color: #222222;text-align: center;font-weight: bold;}
.casueulwbox{background: #F2F2F2;padding: 45px 0;}
.casueul{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.casueul li{width: 25%;box-sizing: border-box;padding: 0 10px;margin-bottom: 20px;}
.casueul li a{display: block; background: #fff;}
.casueul li .image{height: 162px;}
.casueul li .image .img1{width: 100%;height: 100%;object-fit: cover;}
.casueul li .p1{font-size: 20px;color: #333;text-align: center;box-sizing: border-box;padding: 15px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.casueul2{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.casueul2 li{width: 25%;box-sizing: border-box;padding: 0 10px;margin-bottom: 20px;}
.casueul2 li a{display: block; background: #fff;overflow: hidden;position: relative;}
.casueul2 li .image{height: 180px;}
.casueul2 li .image .img1{width: 100%;height: 100%;object-fit: cover;}
.casueul2 li .text2{position: absolute;bottom: -100%;background:rgba(0, 0, 0,0.12);-webkit-transition:all 0.5s ; transition:all 0.5s;height: 100%;width: 100%;}
.casueul2 li .p1{display: flex;justify-content: space-between;box-sizing: border-box;padding: 0 20px;height: 60px;align-items: center;font-size: 14px;color: #333333;}
.casueul2 li .p1 .sp2{width: 24px;height: 24px;background: #D0D0D0;display: flex;align-items: center;justify-content: center;border-radius: 50px;}
.casueul2 li .p1 i{color: #fff;font-size: 18px;position: relative;left: -5px;}
.casueul2 li .text2 .con{background: #fff;box-sizing: border-box;padding: 20px;margin-top: 30%;height: 70%;}
.casueul2 li:hover .text2{bottom: 0%;}
.casueul2 li .text2 .p11{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px;}
.casueul2 li .text2 .p12{font-size: 14px;color: #333;line-height: 24px;}
.linknews{padding: 50px 0;}
.linknews .item{width: 31%;background: #F2F2F2;}
.linknews .item .wp1{background: #E5E2E5; display: flex;justify-content: space-between;box-sizing: border-box;padding: 20px;align-items: center;}
.linknews .item .sp2{display: inline-block;line-height: 30px;width: 80px;text-align: center;border-radius: 30px;background-color: #fff;color: #666666;font-size: 14px;}
.linknews .item .sp1{color: #00447d;font-size: 20px;font-weight: bold;}
.linknews .item .con a{display: inline-block;width: 100%;box-sizing: border-box;padding: 20px;border-bottom: 1px solid #D0D0D0;}
.linknews .item .con a .p1{font-size: 16px;color: #333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;margin-bottom: 5px;}
.linknews .item .con a .p2{font-size: 14px;color: #999999;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.caseshow{padding: 50px 0;background: #F2F2F2;}
.caseshow .fl{width: 75%;background: #fff;box-sizing: border-box;padding: 30px;}
.caseshow .fr{width: 23%}
.caseshow .fr .con1{background: #fff;box-sizing: border-box;padding: 25px;}
.caseshow .fr .con1{display: flex;flex-wrap: wrap;}
.caseshow .fr .con1 a{width: 100%;background: #D0D0D0;color: #666;line-height: 50px;text-align: center;margin-bottom: 20px;}
.caseshow .fr .con1 a:hover,.caseshow .fr .con1 a.active{background: #00447d;color: #fff;}
.caseshow .fr .con2{background: #fff;box-sizing: border-box;padding: 25px;margin-top: 20px;}
.caseshow .fr .con2 .wp1{font-size: 20px;color: #333;padding-bottom: 15px;border-bottom: #D0D0D0;margin-bottom:20px;}
.casetj{display: block;width: 100%;background: #E7E7E7;}
.casetj .image{height: 133px;}
.casetj img{display: block;width: 100%;height: 100%;object-fit: cover;}
.casetj .p1{font-size: 14px; color: #333;box-sizing: border-box;padding: 15px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;text-align: center;}
.insection1{padding: 50px 0;background: #F2F2F2;}
.inti .p1{text-align: center;font-size: 30px;font-weight: bold;color: #222;margin-bottom: 40px;position: relative;padding-bottom: 15px;}
.inti .p1:after{position: absolute;content: "";width: 60px;height: 3px;left: 47.5%;bottom: 0;background: #00447d;}
.inti2{height:45px;line-height:45px;}
.inti2  li{width:25%;font-size:22px;float:left;text-align:center;}
.inti2  li a{color:red;}
.insection1 .fl{width: 45%;}
.insection1 .fl .image{height: 100%;overflow: hidden;}
.insection1 .fl .image img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.insection1 .fl:hover img{transform: scale(1.1);}
.insection1 .fl{position: relative;}
.insection1 .fl .text{background: rgba(0, 0, 0, 0.3);box-sizing: border-box;padding: 30px;position: absolute;left: 0;width: 100%;bottom: 0;}
.insection1 .fl .text .p1{font-size: 20px;color: #fff;margin-bottom: 5px;}
.insection1 .fl .text .p2{font-size: 12px;color: #fff;}
.insection1 .fr{width: 55%;}
.insection1 .fr .item{display: flex;justify-content: space-between;height: 50%;}
.insection1 .fr .item:hover .text  .p1{color: #00447d;}
.insection1 .fr .item .text .con{position: relative;}
.insection1 .fr .item .text .con:after{position: absolute;content: "";left: -2px;top: 0; width: 2px;height: 0%;background:#00447d ;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.insection1 .fr .item .text{width: 50%;display: flex;align-items: center;justify-content: center;}
.insection1 .fr .item .image{width: 50%;overflow: hidden;}
.insection1 .fr .item .image img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.insection1 .fr{display: flex;align-items: center;flex-wrap: wrap;}
.insection1 .item:hover img{transform: scale(1.1);}
.insection1 .fr .item .text .con{box-sizing: border-box;padding-left: 20px;border-left: 2px solid #999999;}
.insection1 .fr .item .text .p1{font-size: 16px;color: #000000;margin-bottom: 10px;}
.insection1 .fr .item .text .p2{font-size: 12px;color: #999999;}
.insection1 .fr .item:hover .text .con:after{height: 100%;}
.insection2{padding: 50px 0;background: #fff url(../image/inbk2.png) bottom center no-repeat;padding-bottom: 200px;
background-size: 100% auto;
}
.insection2 .wp1{text-align: center;font-size: 20px;color: #00447d;font-weight: bold;margin-bottom: 20px;}
.insection2 .wp2{text-align: center;font-size: 14px;color: #333333;}
.insection2 .wp2 span{color: #00447d;font-weight: bold;font-size: 20px;}
.insection4{padding: 50px 0;position: relative;height: 780px;background: url(../image/abbk.jpg); background-size: cover;}
.insection4 .inner1280{height: 100%;}
.insection5{padding: 50px 0;position: relative;background: #f8f8f8}
.insection5 .wbox{position: relative;}
.insection5 .wbox .swiper-button-next{right: -100px;}
.insection5 .wbox .swiper-button-prev{left: -100px;}

.insection6{padding: 50px 0;position: relative;background: #f8f8f8}
.insection6 .wbox{position: relative;}
.insection6 .wbox .swiper-button-next{right: -100px;}
.insection6 .wbox .swiper-button-prev{left: -100px;}
.fazhan-swiper a{display: block;background: #fff;}
.fazhan-swiper a .image{height: 300px;overflow: hidden;}
.fazhan-swiper a .image img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.fazhan-swiper a:hover img{transform: scale(1.1);}
.fazhan-swiper a .text{box-sizing: border-box;padding: 15px;align-items: center;min-width: 1px;}
/*.news-swiper a .text{display: flex;justify-content: space-between;box-sizing: border-box;padding: 15px;align-items: center;min-width: 1px;}*/
.fazhan-swiper a .p1{font-size: 16px;color: #333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;flex: 1;min-width: 1px;padding-right: 10px;box-sizing: border-box;}
.fazhan-swiper a .p2{font-size: 14px;color: #999;margin-top: 5px;}
/*.news-swiper a .sp1{font-size: 24px;color: #222222;text-align: center;}
.news-swiper a .sp2{font-size: 14px;color: #666666;text-align: center;}*/
.fazhan-swiper a:hover .p1{color: #00447d;}


.insection7{padding: 50px 0;}
.insection7 .in7div{}
.insection7 .f1{width:50%;float:left;}
.insection7 .f1 img{height:100%;overflow:hidden;}
.insection7 .f2{width:50%;float:right;}

.insection7 .fl{width: 45%;}
.insection7 .fl .image{height: 100%;overflow: hidden;}
.insection7 .fl .image img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.insection7 .fl:hover img{transform: scale(1.1);}
.insection7 .fl{position: relative;}
.insection7 .fr{width: 55%;}
.insection7 .fr .item{display: flex;justify-content: space-between;height: 50%;}
.insection7 .fr .item:hover .text  .p1{color: #00447d;}
.insection7 .fr .item .text .con{position: relative;}
.insection7 .fr .item .text .con:after{position: absolute;content: "";left: -2px;top: 0; width: 2px;height: 0%;background:#00447d ;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.insection7 .fr .item .text{display: flex;align-items: center;justify-content: center;}
.insection7 .fr{display: flex;align-items: center;flex-wrap: wrap;}
.insection7 .fr .item .text .con{box-sizing: border-box;padding-left: 20px;}
.insection7 .fr .item .text .p2{font-size: 22px;color: #999999;}
.insection7 .fr .item:hover .text .con:after{height: 100%;}

.in4ul{display: flex;position: absolute;left: 0;bottom: 0;width: 100%;justify-content:space-between }
.in4ul li{text-align: left;color: #fff;width:25%;}
.in4ul li .p1 span{font-size: 50px;margin-right: 10px;color: #033D72;font-family: "D-DINCondensed"}
.in4ul li .p1{margin-bottom: 10px;}
.in4ul li .p2{margin-bottom: 5px;color: #333;font-size: 16px;}
.insection3 .wbox{display: flex;justify-content: center;}
.insection4 .fr .p1{font-size: 30px;color: #000;font-weight: bold;}
.sili{display: flex;justify-content: space-between;margin-top: 40px;}
.insection2 .pc{
}
/*.insection2 .pc:after{position: absolute;content: "";
background: url(../image/xian.png) center center no-repeat;
background-size: 110% auto;
top: 40px;left: 0;
width: 100%;height: 100%;
}
.insection2 .pc{position: relative;}*/
.sili li{text-align: center;}
.sili li img{display: block;max-width: 100%;margin: 0 auto;}
.sili li .p1{font-size: 18px;}
.sili li .p1 span{padding: 0 20px;padding-bottom: 5px;}
.sili li.active .p1 span{border-bottom: 3px solid #00447d;display: inline-block;}
/*
.sili{position: relative;z-index: 1;}
.sili li{width: 120px;height: 104px;text-align: center;box-sizing: border-box;padding: 0 20px;padding-top: 20px; position: relative;top: 80px;}
.sili li{cursor: pointer;}
.sili li{border-left: 0;border-right: 0;}
.sili li{position: relative; background: url(../image/duobian.png) center center no-repeat; background-size: 100% 100%; -webkit-transition:all 0.5s ; transition:all 0.5s;}
.sili li:hover,.sili li.active{background: url(../image/duobian2.png) center center no-repeat;}
.sili li:hover,.sili li.active{transform: scale(1.1);}
.sili li:nth-child(2){top: 40px;}
.sili li:nth-child(6){top: 40px;}
.sili li:nth-child(3){top: 20px;}
.sili li:nth-child(5){top: 20px;}
.sili li:nth-child(4){top: 0;}
.sili li:hover{}
.sili li .p1{font-size: 15px;color: #333333;margin-bottom: 10px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.sili li .p2{font-size: 12px;color: #B6B6B6;}
.sili li .p2{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}*/
.shilidl{display: flex;justify-content: center;padding-top: 70px;text-align: center;}
.shilidl dd{width: 100%;display: none;}
.shilidl dd img{max-width: 100%}
.news-swiper a{display: block;background: #fff;}
.news-swiper a .image{height: 200px;overflow: hidden;}
.news-swiper a .image img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.news-swiper a:hover img{transform: scale(1.1);}
.news-swiper a .text{box-sizing: border-box;padding: 15px;align-items: center;min-width: 1px;}
/*.news-swiper a .text{display: flex;justify-content: space-between;box-sizing: border-box;padding: 15px;align-items: center;min-width: 1px;}*/
.news-swiper a .p1{font-size: 16px;color: #333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;flex: 1;min-width: 1px;padding-right: 10px;box-sizing: border-box;}
.news-swiper a .p2{font-size: 14px;color: #999;margin-top: 5px;}
/*.news-swiper a .sp1{font-size: 24px;color: #222222;text-align: center;}
.news-swiper a .sp2{font-size: 14px;color: #666666;text-align: center;}*/
.news-swiper a:hover .p1{color: #00447d;}
/*.news-swiper a:hover .sp1{color: #00447d;}
.news-swiper a:hover .sp2{color: #00447d;}*/
.in4menu{display: flex;align-items: center;}
.in4menu a{line-height: 35px;padding: 0 25px;background: #fff; color: #666666;border: 1px solid #666666;margin-left: 20px;border-radius: 30px}
.in4menu a:hover{background: #00447d;color: #fff;border-color: #00447d;}
.useerwbox{background: rgba(242, 242, 242, 1);padding: 106px 0;}
.useerwbox .div1{width: 424px;margin: 0 auto;background: #fff;box-sizing: border-box;padding: 30px;border-radius: 10px;
border: 1px solid rgba(208, 208, 208, 1);
}
.useerwbox .div1 .wp1{font-size: 20px;color: rgba(51, 51, 51, 1);text-align: center;font-weight: bold;margin-bottom: 20px;}
.useerwbox .div1 .form-group2{margin-bottom: 30px;}
.useerwbox .div1 .form-group1{display: flex;align-items: center;border: 1px solid rgba(208, 208, 208, 1);box-sizing: border-box;padding: 0 10px;border-radius: 5px;}
.useerwbox .div1 .form-group1{height: 40px;}
.useerwbox .div1 .form-group1 .form-control{border: none;}
.useerwbox .div1 .form-group1 .controls{display: flex;align-items: center;flex: 1;min-width: 1px;}
.useerwbox .div1 .form-group1 .control-label{font-size: 14px;font-weight: 400;}
.useerwbox .div1 .form-group1{position: relative;margin-bottom: 30px;}
.useerwbox .div1 .msg-box{
    position: absolute;left: 0;bottom: 0;
}
.useerwbox .div1 .n-icon{display: none;}
.debtn{background: rgba(7, 156, 255, 1);color: #fff;border-radius: 30px;width: 100%;line-height: 40px;border: none;}
.loginboxdiv1{display: flex;justify-content: center;margin-top: 30px;}
.loginboxdiv1 a{padding: 0 10px;color: rgba(246, 90, 86, 1);line-height: 1;}
.loginboxdiv1 a:first-child{border-right: 1px solid rgba(246, 90, 86, 1);}
.fixboxcon{position: fixed;z-index: 3000; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);left: 0;top: 0;}
.fixboxcon{display: flex;justify-content: center;align-items: center;}
.fixboxcon .content{max-height: 50%;width: 60%;background: #fff;border-radius: 5px;overflow: hidden;min-height: 50%;overflow-y: scroll;
background: #fff url(../image/abxian.png) bottom center no-repeat;
background-size: 100% auto;
}
.fixboxcon .content{box-sizing: border-box;padding: 50px;}
.fixboxcon .content .p1{display: flex;justify-content: center;font-size: 30px;margin-bottom: 40px;align-items: center;}
.fixboxcon .content .p1 img{display: inline-block;height: 30px;margin-right: 5px;}
.fixboxcon .content .ncontent{font-size: 14px;color: #666666;line-height: 28px;}
.showfix{display: none;}
::-webkit-scrollbar
{
    width:5px;
    height:5px;
    background-color:#F5F5F5;
}
/*定义滚动条轨道

 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
    background-color:#F5F5F5;
}
/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgba(0, 0, 0, 0.5);
}
.showorder{background: #F2F2F2;padding: 50px 0;}
    .order-list .order-title {
        background: #f5f5f5;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .order-state-filter li {
        margin-right: 5px;
        padding: 5px 15px;
        background: #F2F2F2;
    }
    .order-state-filter li.active {
        border-bottom: 2px solid #000;
        background: #000;
    }
    .order-state-filter li.active a {
        color: #fff;
    }
    .order-state-filter li a {
        padding: 5px;
        color: #666666;
    }
    .order-operate a.btn {
        margin-bottom: 5px;
    }
    @media (max-width: 767px) {
        .order-title .row > div {
            padding: 5px 10px;
        }
        .order-goods {
            margin-bottom: 15px;
        }
        .order-operate {
            text-align: right;
        }
    }
.header-header .row{display: flex;justify-content: space-between;align-items: center;width: 100%;}
a:hover{text-decoration: none;}
.shoplist{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.shoplist li{width: 25%;box-sizing: border-box;padding: 0 10px;margin-bottom: 20px;}
.shoplist li a{background: #fff;box-sizing: border-box;padding: 20px;display: block;}
.shoplist li{text-align: center;}
.shoplist li .p1{font-size: 20px;color: #333333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;margin: 15px 0;}
.shoplist li .p2{font-size: 14px;color: #666666;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.shoplist li .p3{font-size: 20px;color: #F65A56;margin: 15px 0;}
.shoplist li .p4{display: flex;justify-content: center;}
.shoplist li .p4 span{display: inline-block;margin: 0 5px;border: 1px solid #F65A56;color: #F65A56;padding: 1px 10px;border-radius: 5px;}
.shoplist li:hover a{box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.12);}
.bgf1{background: #F2F2F2;}
.index-focus{margin-bottom: 0;}
.inh3{display: flex;justify-content: space-between;}
.inh3 a{margin-right: 20px;}
.inh3 .sp1{font-size: 22px;color: #333333;}
.inh3 .sp2{font-size: 20px;color: #666666;}
.shopin1{padding: 50px 0;}
.breadcrumb{background: transparent;}
.fixright{position: fixed;right: 10px;top: 50%;z-index: 1000;}
.fixright li{position: relative;}
.fixright li .con{display: none;}
.fixright li .wechat{display: none;}
.fixright li {margin-bottom: 10px;}
.fixright li .div1{width: 42px;height: 42px;background: #fff; border: 1px solid #D0D0D0;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.fixright li i{font-size: 20px;color: #666666;}
.fixright li:hover .div1{background: #00447d;border-color: #D0D0D0;}
.fixright li:hover i{color: #fff;}
.fixright li .con i{color: #fff;}
.fixright li .con{display: block;position: absolute;left: 150%;top: 0;}
.fixright li .con p{display: flex;justify-content: space-between;box-sizing: border-box;padding: 0 20px; border-radius: 30px;width: 161px;height: 42px;align-items: center;background: #00447d;color: #fff;}
.fixright li:hover .con{left: -171px;}
.fixright li .wechat{background: #00447d;color: #fff;box-sizing: border-box;padding: 20px;text-align: center;}
.fixright li .wechat{position: absolute;left: -180px;top: 0;}
.fixright li .wechat img{width: 110px;height: 110px;margin-bottom: 5px;}
.fixright li:hover .wechat{display: block;}
.fixboxcon2{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);z-index: 5000;}
.fixboxcon2{display: flex;align-items: center;justify-content: center;}
.fixboxcon2 .lybox{width: 50%;background: #fff;box-sizing: border-box;padding: 50px;}
.showfix2{display: none;}
.header{position: relative;z-index: 4000;background: #fff;}
.fixmenuwbox{-webkit-transition:all 0.5s ; transition:all 0.5s;position: absolute;left: 0;top: -184px;width: 100%;}
.fixmenu{position: relative;z-index: 2000;visibility: none; width: 100%;display: flex;flex-wrap: wrap;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.fixmenu .item{width: 20%;height: 184px;}
.fixmenu .item{box-sizing: border-box;padding: 15px;}
.fixmenu .item .div1{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;}
.fixmenu .item .div1 a{font-size: 30px;color: #fff;}
.fixmenu .item .div2{height: 100%;width: 100%;display: none;box-sizing: border-box;padding: 20px;background: rgba(0, 0, 0, 0.5);-webkit-transition:all 0.5s ; transition:all 0.5s;}
.fixmenu .item .div2 a{color: #fff;display: block;}
.fixmenu .item .div2 .p1{font-size: 18px;color: #FFFFFF;padding-bottom: 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.fixmenu .item .div2 .con{display: flex;flex-wrap: wrap;padding-top: 10px;margin: 0 -10px;}
.fixmenu .item .div2 .con a{width: 33.3%;box-sizing: border-box;padding: 0 10px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.fixmenu .item2:hover .div1{display: none;}
/*.fixmenu .item2:hover .div2{display: block;}*/
.header .nav:hover .fixmenuwbox{display: block;}
.fixmenuwbox.active{top:125px;}
.jiejueshowbox .div1{padding: 50px 0;}
.jiejueshowbox .div2{padding: 50px 0;background: #F0F2F5;}
.jiejueshowbox .div1 .con img{max-width:100%}
.jiejueshowbox .nmenu1{display: flex;}
.jiejueshowbox .nmenu1 a{line-height: 40px;display: inline-block;padding: 0 30px;color: #333333;font-size: 18px;border: 2px solid transparent;margin-right: 30px;}
.jiejueshowbox .nmenu1 a.active,.jiejueshowbox .nmenu1 a:hover{border: 2px solid #00447d;color: #00447d;border-radius: 30px;}
.jjshowul{display: flex;}
.jjshowul li{-webkit-transition:all 0.5s ; transition:all 0.5s; width: 33.3%;display: flex;align-items: center;justify-content: center;height: 352px;position: relative;}
.jjshowul li p{font-size: 28px;color: #fff;position: relative;width: 100%;text-align: center;padding-bottom: 20px;-webkit-transition:all 0.5s ; transition:all 0.5s;}
.nmenu1{margin-bottom: 30px;}
.jjshowul li p::after{position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    left: calc((100% - 60px)/2);
    bottom: 0;
    background: #fff;
    -webkit-transition:all 0.5s ; transition:all 0.5s;
}
.jjshowul li.active p::after{
    background: #00447d;
}
.jjshowul li::after{-webkit-transition:all 0.5s ; transition:all 0.5s;}
.jjshowul li::before{-webkit-transition:all 0.5s ; transition:all 0.5s;}
.jjshowul li.active::after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.4);}
.jjshowul li.active p{position: relative;z-index: 200;}
.jjshowul li.active::before{position: absolute; left: calc((100% - 40px)/2);height: 26px;background: url(../image/jiantounn.png) no-repeat;content: "";width: 40px;z-index: 300;bottom: 0;}
.jjshowdl{padding-top: 30px;}
.jjshowdl dd .con img{max-width: 100%;}
/*.jjshowul li:hover{background-size: 110% 100% !important;-webkit-transition:all 0.5s ; transition:all 0.5s;}*/
.footershoplink{padding: 30px 0;background: #fff;}
.footerquanyi{display: flex;flex-wrap: wrap;}
.footerquanyi li{width: 16.6%;text-align: center;}
.footerquanyi li .p2{font-size: 14px;margin-top: 10px;}
.nhome{background: #00447d;display: block;line-height: 80px;width: 80px;text-align: center;height: 80px;}
.nhome i{color: #fff;font-size: 40px;}
#video_open .ic{display: flex;align-items: center;justify-content: center;margin-top: 30px;cursor: pointer;}
#video_open .ic i{width: 56px;height: 56px;border-radius: 50%;border: 2px solid #00447d;font-size: 50px;color: #00447d;}
.news-swiper{padding: 20px;margin: 0 -20px;}
.news-swiper a:hover{box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.05);border-radius: 5px;}
.index-swiper  .swiper-pagination-index-banner{bottom: 22px;}
.index-swiper .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;background: #DCDCDC;margin: 0 5px;}
.index-swiper .swiper-pagination-bullet-active{background: #fff;}
.nav-menu > li a{font-size: 16px;margin-right: 5px;}
.filter-values > li.active a{background: transparent;}
.header-search .search-form .btn-search{width: 100px;}
#content-container{margin: 50px auto;background: #fff;}
.pc{display: block;}
.mobile{display: none;}
.famenu li .image{text-align: center;margin-bottom: 10px;width:80px;height: 80px; margin: 0 auto;}
.famenu li .image .ic{ height:100%;
   width:100%;
   display: inline-block; }
/*.famenu li:hover .image .ic{  filter: drop-shadow(30px 0 #00447d); 
   position: relative;
   left: -30px; }*/
.famenu li.active .image .ic{  filter: drop-shadow(80px 0 #00447d); 
   position: relative;
   left: -80px; }
.lcul li .image{text-align: center;margin-bottom: 10px;width:32px;height: 33px; margin: 0 auto;}
.lcul li .image .ic{ height:100%;
   width:100%;
   display: inline-block; }
/*.famenu li:hover .image .ic{  filter: drop-shadow(30px 0 #00447d); 
   position: relative;
   left: -30px; }*/
.lcul li:hover .image .ic{  filter: drop-shadow(32px 0 #fff); 
   position: relative;
   left: -32px; }
.showca_div2 .con{display: flex;justify-content: space-between;}
.showca_div2 .con .image{width: 48%;}
.showca_div2 .con .image img{display: block;width: 100%;}
.showcase_ti{font-size: 20px;margin-bottom: 20px;}
.showca_div1 .con img{max-width: 100%;}
.showca_div1{margin-top: 20px;}
.showca_div1{display: flex;}
.showca_div1 .text{width: 40%;box-sizing: border-box;padding-right: 20px;}
.showca_div1 video{width: 60%;}
.lianxiwbox .div1 .wcon .item .image{text-align: center;margin-bottom: 10px;width:44px;height: 40px; margin: 0 auto;overflow: hidden;}
.lianxiwbox .div1 .wcon .item .image .ic{ height:100%;
   width:100%;
   display: inline-block; }
/*.famenu li:hover .image .ic{  filter: drop-shadow(30px 0 #00447d); 
   position: relative;
   left: -30px; }*/
.lianxiwbox .div1 .wcon .item:hover .image .ic{  filter: drop-shadow(44px 0 #00447d); 
   position: relative;
   left: -44px; }
.gallery-thumbs .swiper-slide-thumb{box-sizing: border-box;padding: 10px;}
.gallery-thumbs .swiper-slide-thumb-active{border-color: 1px solid #00447d !important;}
.weizhi2{border-bottom: 0;margin-top: 30px;}
.weizhi2 .breadcrumb{margin-bottom: 0;}
#content-container{background: transparent;}
.tuijianul li .image img{display: block;width: 100%;}
.tuijianul li p{font-size: 15px;padding-bottom: 10px;border-bottom: 1px solid #efefef;}
.gopaybox{display: flex;justify-content: space-between;}
.gopaybox button{width: 48% !important;}
.gopaybox .btn1{background: #E4393C;border-color: #E4393C;outline: none;}
.gopaybox .btn1:focus{background: #E4393C;border-color: #E4393C;}
.gopaybox .btn2{color: #9B5522  !important;border-color: #9B5522 !important;outline: none;}
.gopaybox .btn2:focus{color: #9B5522;border-color: #9B5522;}
.gopaybox .btn2:hover{color: #9B5522;border-color: #9B5522;background: transparent;}
.wentiul li .p1{font-size: 15px;display: flex;flex-wrap: wrap;}
.wentiul li .p1 span{border: 1px solid #828282;border-radius: 50%;width: 20px;height: 20px;display: inline-block;text-align: center;line-height: 20px;font-size: 12px;display: flex;align-items: center;justify-content: center;}
.wentiul li .p2{font-size: 14px;display: flex;flex-wrap: wrap;}
.wentiul li .p2 span{border: 1px solid #D81E06;background: #D81E06; border-radius: 50%;width: 20px;height: 20px;display: inline-block;text-align: center;line-height: 20px;font-size: 12px;display: flex;align-items: center;justify-content: center;}
.wentiul li span{margin-right: 5px;}
.wentiul li .p1{margin-bottom: 10px;}
.wentiul li{padding: 15px 0;border-bottom: 1px solid #D7D7D7;}
.tab-content{padding: 30px 20px;}
.nav-product{margin-bottom: 0 !important;}
.panelright{background: rgba(242, 242, 242, 1) !important;}
.panelright .panel-heading{background: rgba(242, 242, 242, 1) !important;border-bottom: 0 !important;}
.tuijianul li p{margin-top: 10px;}
.shoprexian{display: flex;align-items: center;}
.shoprexian .text .p1{font-size: 10px;line-height: 1;}
.shoprexian .text .p2{font-size: 18px;line-height: 1;}
.shoprexian .con{font-size: 32px;color: #0099FF;font-weight: 700;margin-left: 5px;}
.toprexianflex{display: flex;align-items: center;}
.toprexianflex .search-form{flex: 1;min-width: 1px;margin-right: 30px;}
.top-menu{background: rgba(255, 255, 255, 0.7);}
.dropdown-menu{background: rgba(255, 255, 255, 0.7);}
.dropdown-menu-wrapper ul > li > a:hover {
  color: #007bff;
  background: transparent;
  text-decoration: none;
}
.top-menu > ul > li .dropdown-menu{min-width: 400px;}
.kangfudl{min-height: 306px;}
.kangfudl dd{display: none}
.nav li{position: relative;}
.nav li dl{display: none;position: absolute;left: 0;top: 100%;width: 100%;
z-index: 3000;
background: #e6eff9 !important;
}
/*.nav li:hover .dl{background: rgba(0, 207, 181, 0.7) !important;}*/
.nav li:hover .dl{background: #e6eff9 !important;}
.nav li dl{}
.nav li dl dd a{color: #333;font-size: 14px; line-height: 40px;display: block;}
.nav li dl dd a:hover{color: #333;}
.nav li:hover dl{display: block;}
.nav li dl dd a:hover{color: #00447d;}
.about-banner-2 .container-custom {
    height: 100%;
}
.about-banner-2 .content-box h2 {
    margin: 20px 0;
}
.about-banner-2 .content-box ul {
    overflow: hidden;
}
.about-banner-2 .content-box ul li {
    margin: 5px 0;
}
.about-banner-2 .content-box ul li .iconfont {
    margin-bottom: 8px;
    display: block;
    color: #fff;
    font-size: 36px;
}
.about-banner-2 .content-box ul li h4 {
    font-size: 1em;
    line-height: 2.375em;
    margin: 0;
    font-weight: bold;
    color: #fff;
}
.about-banner-2 .content-box ul li p {
    font-size: 0.875em;
    line-height: 1.5em;
    color: #fff;
}
@media (min-width: 992px) {
    .about-banner-2 {
        overflow: hidden;
    }
    .about-banner-2 .content-box h2 {
        color: #fff;
        margin-top: 0;
        margin-bottom: 70px;
    }
    .about-banner-2 .content-box ul li {
        color: #fff;
    }
    .about-banner-2 .content-box ul li .iconfont {
        margin-bottom: 28px;
        font-size: 48px;
    }
    .about-banner-2 .content-box ul li p {
        padding: 0 20px;
    }
}
.about-win h2 {
    margin-bottom: 10px;
}
.about-win .subtitle {
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
}
.about-win ul {
    margin-top: 20px;
}
.about-win ul li {
    margin-bottom: 30px;
}
.about-win ul li h3 {
    margin: 15px 0 !important;
}
.about-win ul li img {
    width: 100%;
}
.about-win ul li .text {
    text-align: left;
}
@media (min-width: 992px) {
    /*.about-win h2 {
        float: right !important;
        text-align: right;
    }
    .about-win h2:after {
        right: 0;
        left: auto;
        margin-left: 0;
    }
    .about-win .subtitle {
        text-align: right;
        padding-left: 15%;
    }
    .about-win .read-more {
        float: right;
        margin-top: 15px;
    }*/
    .about-win ul {
        margin-top: 115px;
    }
    .about-win ul li.i-left {
        margin-top: -160px;
    }
    .about-win ul li .text h3 {
        margin: 20px 0 !important;
    }
    .about-win ul li .text p {
        text-align: left;
        font-size: 1em;
        line-height: 1.95em;
        color: #666;
    }
}
@media(max-width:991px){
    .about-win .subtitle{
        text-align: center;
        float: none !important;
    }
}
.about-timeline {
    background-color: #f5f5f5;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.about-timeline .content-box {
    position: relative;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
}
.about-timeline .about-timeline-year {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px solid #dfdfdf;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 25px;
    overflow: hidden;
}
.about-timeline .about-timeline-year:before,
.about-timeline .about-timeline-year:after {
    position: absolute;
    font-size: 20px;
    top: 7px;
}
.about-timeline .about-timeline-year:before {
    font-family: 'iconfont' !important;
    content: '\e744';
    left: 5px;
}
.about-timeline .about-timeline-year:after {
    font-family: 'iconfont' !important;
    content: '\e743';
    right: 5px;
}
.about-timeline .about-timeline-year ul {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    /*// IE 10+*/
    overflow: -moz-scrollbars-none;
    /*// Firefox*/
    text-align: center;
    white-space: nowrap;
    position: relative;
}
.about-timeline .about-timeline-year ul::-webkit-scrollbar {
    display: none;
    /*Safari and Chrome*/
}
.about-timeline .about-timeline-year ul li {
    display: inline-block;
    margin: 0 10px;
    overflow: hidden;
}
.about-timeline .about-timeline-year ul li a {
    float: left;
    border-top: 2px solid transparent;
    line-height: 37px;
}
.about-timeline .about-timeline-year ul li a.active {
    border-top: 2px solid #c7000b;
    font-size: 18px;
    color: #c7000b;
}
.about-timeline .year-content {
    text-align: left;
    overflow: hidden;
}
.about-timeline .year-content ul {
    overflow: hidden;
}
.about-timeline .year-content ul li {
    float: left;
    margin-bottom: 25px;
}
.about-timeline .year-content h4 {
    font-size: 5em;
    color: #5a5858;
    height: 80px;
    line-height: 80px;
    margin-bottom: 36px;
    text-align: left;
}
.about-timeline .year-content .overtext {
    height: 400px;
    overflow: hidden;
    margin-bottom: 1em;
}
.about-timeline .year-content p {
    font-size: 14px;
    line-height: 24px;
    color: #5a5858;
    position: relative;
}
.about-timeline .year-content p span {
    display: block;
    margin: 12px 0;
}
.about-timeline .year-content .overtext.active {
    height: auto;
}
@media (min-width: 992px) {
    .about-timeline .content-box {
        padding: 0;
    }
    .about-timeline .content-box h2 {
        position: absolute;
        top: 50px;
        left: 0;
        text-align: left;
        float: left;
        font-size: 24px;
    }
    .about-timeline .content-box h2:after {
        left: 0;
        margin-left: 0;
    }
    .about-timeline .about-timeline-year {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border: none;
        border-right: 2px solid #e9e9e9;
        padding: 0;
        padding-top: 100px;
        width: auto;
        margin: 0;
    }
    
    .about-timeline .about-timeline-year:after,
    .about-timeline .about-timeline-year:before {
        content: '';
    }
    .about-timeline .about-timeline-year ul {
        margin: 0;
    }
    .about-timeline .about-timeline-year ul li {
        margin: 18px 0;
        display: block;
    }
    .about-timeline .about-timeline-year ul li a {
        height: 40px;
        line-height: 40px;
        opacity: 0.35;
        font-size: 0.75em;
        display: inline-block;
        text-decoration: none;
        border-right: 2px solid transparent;
        width: 100px;
        color: #333;
    }
    .about-timeline .about-timeline-year ul li a.active,
    .about-timeline .about-timeline-year ul li a:hover {
        color: #c7000b;
        font-size: 1em;
        border-right: 2px solid #c7000b;
        opacity: 1;
        border-top: none;
    }
    .about-timeline .year-content {
        padding: 130px 0;
/*        padding-left: 228px;*/
        height: 768px;
    }
    .about-timeline .year-content ul {
        width: 100%;
        padding-right: 150px;
    }
    .about-timeline .year-content ul li {
        opacity: 0.1;
        width: auto;
        display: block;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        width: 100%;
    }
    .about-timeline .year-content ul li.active {
        opacity: 1;
    }
    .about-timeline .year-content ul li .overtext {
        height: 410px;
        overflow: hidden;
        position: relative;
    }
    .about-timeline .year-content ul li p {
        font-size: 16px;
        line-height: 32px;
    }
    .about-timeline .year-content ul li .overtext::before{
        content: "";
        left: 0;
        height: 80px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: linear-gradient(rgba(245,245,245,0) 0%,rgba(245,245,245,1) 90%);
        z-index: 9;
    }
    .about-timeline .year-content ul li .overtext.no-masking::before,
    .about-timeline .year-content ul li .overtext.active::before{
        display: none;
    }
}
@media (max-width:991px){
    .about-timeline .year-content h4{
        margin-top: 20px;
        margin-bottom: 15px;
        text-align: center;
    }
    .about-timeline .year-content ul li .overtext::before{
        content: "";
        left: 0;
        height: 80px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: linear-gradient(rgba(245,245,245,0) 0%,rgba(245,245,245,1) 90%);
        z-index: 9;
    }
    .about-timeline .year-content ul li .overtext.no-masking::before,
    .about-timeline .year-content ul li .overtext.active::before{
        display: none;
    }
    .about-timeline .year-content .overtext{position: relative;}
}
.about-quality {
    position: relative;
}
.about-quality.content-box h2 {
    text-align: center;
    float: none;
    margin-bottom: 25px;
}
.about-quality.content-box h2:after {
    left: 50%;
    margin-left: -15%;
}
.about-quality.content-box p {
    padding: 0;
    text-align: justify;
    margin: 0 0 20px 0;
    width: 100%;
}
.about-quality img {
    float: right;
}
.about-quality ul {
    width: 100%;
    float: left;
    padding-left: 18px;
}
.about-quality ul li {
    list-style: disc;
    text-align: left;
    color: #666;
    margin: 9px 0;
    font-size: 1em;
    line-height: 1.875em;
}
@media (min-width: 992px) {
    .about-quality.content-box h2 {
        float: left;
    }
    .about-quality.content-box h2:after {
        left: 0;
        margin-left: 0;
    }
    .about-quality.content-box p {
        margin: 9px 0 9px 0;
    }
}
@media (max-width: 992px) {
    h4.big-size {
        font-size: 2em;
    }
    .font-note {
        padding: 0;
    }
    li .font-note{
        height: auto;
    }
}
@media (min-width:992px) and (max-width:1024px){
    .content-box .numbers ul li{
        width: 50% !important;
    }
}
@media (min-width:768px) and (max-width:991px){
    .numbers .font-note{
        height: 92px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}
@media (max-width:767px){
    about-quality table{
        width: 100% !important;
    }    
}
@media (max-width:360px){
    .content-box .numbers ul li{
        width: 100% !important;
    } 
}
.content-title-left-r .r-c-text p {
    margin-bottom: 20px;
}
.content-title-left-r img {
    margin-top: 50px;
    margin-bottom: 70px;
    display: block;
}
@media (max-width: 992px) {
    .content-title-left-r .r-c-text p {
        margin-bottom: 10px;
    }
    .content-title-left-r img {
        margin-top: 25px;
        margin-bottom: 35px;
    }
}
.show-text.active {
    height: auto;
}
.btn-loadmore {
    margin-top: 0;
}
.btn-loadmore.active {
    display: none;
}
.btn-loadmore.active .iconfont {
    display: inline-block;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
@media (min-width: 992px) {
    .about-timeline-year {
        overflow: visible !important;
    }
    .about-timeline-year ul {
        height: 580px;
        overflow: hidden;
    }
}
@media (max-width:767px){
    .about-timeline .year-content .overtext{
        height: 300px;
    }
}
/*# sourceMappingURL=./about.css.map */
/*about list css*/
body .ahout-list-box:nth-child(2n){
    background: #fafafa;
    padding: 60px 0;
    margin-bottom: 70px;
}
body .ahout-list-box:nth-child(2n) .content-title-left{
  margin-bottom: 0 !important;
}
.content-title-left .content-title-left-r .r-c-text .list-box ul li{
    text-align: left;
}
.content-title-left .content-title-left-r .r-c-text .list-box ul li a{
    display: block;
    padding: 16px 25px;
    border: 1px solid #ccc;
    margin: 10px 0;
    color:#666;
    font-size: 1em;
    line-height: 1.4em;
}
.content-title-left .content-title-left-r .r-c-text .list-box ul li a em{
    float: right;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 2px;
    color: #838383;
}
.content-title-left .content-title-left-r .r-c-text .list-box ul li a:hover{
    border-color: #c7000b;
    color: #c7000b;
}
.content-title-left .content-title-left-r .r-c-text .list-box ul li a:hover em{
    color: #c7000b; 
}
@media(min-width:991px) and (max-width:1500px){
    .ahout-list-box .content-title-left .content-title-left-r .r-c-text{
        margin-left: 0;
    }
}
@media(max-width:991px){
    body .ahout-list-box:nth-child(2n){
         padding: 35px 0 25px 0 !important;
         margin-bottom: 35px !important;
    }
  }
.safety-notice {
    text-align: center;
}
.safety-notice > p {
    margin-bottom: 70px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 992px) {
    .safety-notice > p {
        margin-bottom:35px;
        width: 100%;
    }
}
.safety-notice .col-md-6:nth-child(1) {
    margin-bottom: 15px;
}
.safety-notice .text-box {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    height: 100%;
}
.safety-notice .text-box h3,.safety-notice .text-box p {
    color: #fff;
}
.safety-notice .text-box p {
    padding: 0 10%;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .safety-notice .col-md-6:nth-child(1) {
        margin-bottom:0;
    }
}
.safety-all-notice {
    background-color: #f5f5f5;
    padding: 50px 0;
}
.safety-all-notice .container-custom {
    position: relative;
}
@media (min-width: 992px) {
    .safety-all-notice {
        padding:80px 0;
    }
    .safety-all-notice .container-custom {
        padding-left: 320px;
    }
    .safety-all-notice .title-left {
        position: absolute;
        width: 300px;
        left: 15px;
    }
    .safety-all-notice .title-left .read-more {
        float: left;
    }
}
.safety-psiri a {
    display: block;
    margin-bottom: 15px;
}
.safety-psiri h3 {
    margin: 10px 0;
}
.safety-psiri .iconfont {
    font-size: 80px;
    color: #797979;
}
.safety-psiri p {
    font-size: 0.875em;
    color: #999;
    padding: 0 5%;
}
@media (min-width: 992px) {
    .safety-psiri a {
        margin:0;
    }
    .safety-psiri a:hover .iconfont {
        color: #c7000b;
    }
}
@media (max-width: 767px) {
    safety-notice .text-box .vertical-middle-sm p {
        display:none;
    }
}
/*tech-podcast page css b*/
.tech-podcast [class*="col-"] > ul li{
    text-align: left;
    background-color: #f8f8f8;
    display: inline-block;
    margin-top: 30px;
    padding: 15px;
}
.tech-podcast [class*="col-"] > ul li:hover{
    background-color: #f2f2f2;
}
.tech-podcast [class*="col-"] > ul script +li{
    margin-top: 0px;
}
.tech-podcast [class*="col-"] > ul li a{
    letter-spacing: -0.32em;
}
.tech-podcast [class*="col-"] > ul li a >div{
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}
.tech-podcast ul li a >div.album-cover{
    width: 25%;
}
.tech-podcast ul li a >div.album-content{
    width: 75%;
    padding-left: 15px;
}
.tech-podcast ul li a .album-time{
    font-size: 0.875em;
    color: #666666;
}
.tech-podcast ul li a .album-time span{
    margin-left: 20px;
    margin-right: 10px;
}
.tech-podcast ul li a p{
    font-size: 0.875em;
    line-height: 1.95em;
}
.tech-podcast ul li a >div.album-content h3[class*="js-text-dot"]{
    max-height: 80px;
    overflow: hidden;
}
.tech-podcast ul li a >div.album-content p[class*="js-text-dot"]{
    max-height: 92px;
    overflow: hidden;
}
@media (max-width:991px){
    .tech-podcast ul li a >div.album-content p[class*="js-text-dot"]{
        max-height:70px;
    }  
    .tech-podcast ul li a >div.album-content h3[class*="js-text-dot"]{
        max-height:70px;
    }
}
.tech-podcast .links{
    text-align: left;
    background-color: #f8f8f8;
    padding: 30px;
}
.tech-podcast .links h4,
.tech-podcast .fllow-the-podcast h4{
    margin-bottom: 30px;
}
.tech-podcast .fllow-the-podcast h3{
    margin-bottom: 17px;
}
.tech-podcast .links p{
    font-size: 0.875em;
    line-height: 1.95em;
}
.tech-podcast .fllow-the-podcast{
    background-color: #f8f8f8;
    padding: 30px;
    margin-top: 30px;
    text-align: left;
}
.tech-podcast .fllow-the-podcast ul li{
    background-color: unset;
    display: list-item;
    margin-bottom: 15px;
    color: #666666;
    font-size: 0.875em;
}
.tech-podcast .fllow-the-podcast ul li a{
    color: #666666; 
}
.tech-podcast .fllow-the-podcast ul li a:hover span{
    color: #c7000b;
}
.tech-podcast .fllow-the-podcast ul li a img{
    max-width: 30px;
}
@media (max-width:991px){
   .tech-podcast .col-md-8{
       margin-bottom: 30px;
   }  
}
@media (max-width:450px){
    .tech-podcast ul li a >div.album-cover{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .tech-podcast ul li a >div.album-cover img{
        margin: 0 auto;
    }
    .tech-podcast ul li a >div.album-content{
        width: 100%;
        padding: 0;
    }
}
.page-list-box .page-list .linkto .input-box{
    margin-left: 20px;
}
/*tech-podcast page css e*/
.container-custom {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.content-box {
    text-align: center;
    position: relative;
}
.container-custom {
    width: 1300px;
    max-width: 1300px;
}
.btn-loadmore span {
    vertical-align: middle;
    color: #666666;
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
}
.content-box h1 {
    max-width: 80%;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0 auto;
    font-size: 2.4em;
    color: #fff;
    padding-bottom: 0;
}
.content-box h2 {
    color: #333;
    text-align: center;
    position: relative;
    padding: 0;
    padding-bottom: 8px;
    display: inline-block;
    margin: 0;
/*    float: none !important;*/
/*    max-width: 80%;*/
}
.content-box h2:after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #c7000b;
    position: absolute;
    left: 50%;
    margin-left: -15%;
    bottom: 0;
    min-width: 35px;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-square {
    padding-bottom: 100%;
}
.embed-responsive img, .embed-responsive .embed-responsive-item {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border: 0;
    left: 0;
}
.gallery-top {
    height: 100%;
    width: 100%;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 100%;
    width: 100%;
}
.gallery-thumbs {
    height: 70px;
    box-sizing: border-box;
    margin-top: 10px;
}
.gallery-thumbs .swiper-slide {
    width: 70px;
    height: 70px;
    opacity: 0.8;
    margin-right: 8px;
}
.gallery-thumbs .swiper-slide {
    border: 1px solid #ebebeb;
    padding: 1px;
}
.gallery-thumbs .swiper-slide:hover {
    cursor: pointer;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 1px solid #00447d;
}
.swiper-button-prev,
.swiper-button-next {
    opacity: 0;
}
.embed-responsive-item:hover .swiper-button-prev,
.embed-responsive-item:hover .swiper-button-next {
    opacity: 0.6;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 1px solid #00447d;
}
@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
  (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
  (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
  :root {
    font-size: 14px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
  :root {
    font-size: 13px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
  (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
  (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
  :root {
    font-size: 12px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
  :root {
    font-size: 10px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
  (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
  (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
  :root {
    font-size: 9px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
  (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
  (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
  :root {
    font-size: 8px;
  }
}
.cpxqbox1 .fl .product-gallery{box-sizing: border-box;padding: 0 10%;}
.fanganwbox .div3{display:none}