a:hover{ color:#2f62b6;}
.bg0{ background-color: #ffffff; }
.bg1{ background-color: #f8f8f8; }
.bg2{ background-color: #f6f6f6; }
.bg3{ background-color: #f9f9f9; }
.colr_main{ color:#2f62b6 ; }
.colr_main2{ color:#0d4597; }
.colrf{ color:#fff; }
.colr0{ color:#000; }
.colr3{ color:#333; }
.colr6{ color:#666; }
.colr9{ color:#999; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#a1a1a1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#a1a1a1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#a1a1a1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#a1a1a1;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 3px;
    background-color: #dddddd;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{
    border-radius: 3px;
    background-color: #dddddd;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #2f62b6;
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{
    border-radius: 3px;
    background-color: #2f62b6;
}

.imgBox{ position:relative; }
.imgBox img{ position:absolute; left:0; top:0; height:100%; width:100%; }
.pcs {display: block;}
.wap {display: none;}
@media only screen and (max-width: 768px){
    .wap{display: block;}
   .pcs{display: none;}
   .w100 {width: 100%!important;}
   .ContactBlockA .MapBox .Btns{display: none!important;}
   .store,.line {display: none!important;}
}

@media only screen and (max-width: 1200px){
.pro_son{display: none!important;}
}
/**动画**/
*[data-animation]{ opacity: 0; }
.animated{ opacity: 1; }

.AutoTitle{ text-align:center; padding:65px 0 40px; }
.AutoTitle .en{ text-transform:uppercase; line-height:22px; font-size: 14px; color:#d4d4d4; }
.AutoTitle .h3{ margin:5px 0 17px; font-weight:normal; line-height: 40px; font-size: 34px; }
.AutoTitle .h3:first-child{color:#fff; }
.AutoTitle .words{ line-height: 20px; font-size: 16px; color:#999999; margin:-4px 0 22px; }
.AutoTitle .line{ display: block; height: 3px; background:url(../images/icon_icon10.png) no-repeat center; }
.AutoTitle2{ padding:65px 0 40px; }
.AutoTitle2 .en{ margin-bottom: 10px; text-transform:uppercase; line-height: 46px; font-weight: bold; font-size: 47px; color:#e9e9e9; }
.AutoTitle2 .h3{ line-height: 40px; font-weight: normal; font-size: 36px; color:#222222; }
.MoreBox{ text-align: center; }
.MoreBox a,
.MoreBox .a{ font-size:14px; color:#ffffff; line-height:46px; padding:0 50px; display:inline-block; transition:all .3s; background:#014099; }
@media only screen and (min-width: 1200px){
    .MoreBox a:hover,
    .MoreBox .a:hover{ background-color:#2f62b6; }
}
@media only screen and (max-width: 1200px){
    .AutoTitle{ padding:30px 0 25px; }
    .AutoTitle .h3{ margin:0px 0 10px; line-height: 30px; font-size: 24px; }
    .AutoTitle .words{ font-size: 15px; margin:-2px 0 15px }
    .AutoTitle2{ padding:30px 0 25px; }
    .AutoTitle2 .en{ margin-bottom: 5px; line-height: 34px; font-size: 34px; }
    .AutoTitle2 .h3{ line-height:30px; font-size: 24px; }

    .MoreBox a,
    .MoreBox .a{ line-height:40px; }
}
@media only screen and (max-width: 992px){
    .AutoTitle .h3{color:#000; }
}
@media only screen and (max-width: 768px){
    .AutoTitle{ padding:25px 0 20px; }
    .AutoTitle .h3{ margin:0px 0 4px; font-size: 20px; }
    .AutoTitle .words{ font-size: 14px; margin:-2px 0 10px }
    .AutoTitle2{ padding:25px 0 20px; }
    .AutoTitle2 .en{ margin-bottom: 0; line-height: 30px; font-size: 24px; }
    .AutoTitle2 .h3{ font-size: 20px; }
}

/**头部导航**/
#header{ position:fixed; left:0; width:100%; top:0; z-index:9;  transition:all .5s; }
#header .Box{ position:relative; z-index:2; padding:0 25px; }
#header .tab-cell{ display:table-cell; vertical-align:middle; height:82px; }
#header .logo{}
#header .logo img{ display:block; transition:all .3s; height:56px; }
/* #header .other{ font-size:0; line-height:0; color:#0d4597; } */
#header .other .line{ display:inline-block; vertical-align: middle; height:10px; width:1px; background:#dedede; margin:0 24px; }
#header .SearchBtn{ display:inline-block; vertical-align:middle; height:22px; width:22px; background:url(../images/icon_icon2.png) no-repeat center/21px auto; font-size:0; }
#header .SearchBtn:hover{ background-image:url(../images/icon_icon2_1.png); }

#header .language{ display:inline-block; vertical-align:middle; padding-left:27px; background:url(../images/icon_icon1.png) no-repeat left center; line-height: 24px; font-size: 15px; color:#333333; }
#header .language:hover{ color:#0d4597; }
#header .Tank{ display: inline-block; vertical-align: middle; }
#header .Menu{}
#header .Menu .ul{}
#header .Menu li{ display: inline-block; vertical-align:top; line-height:22px; font-size:16px; text-align:center; }
#header .Menu .title{ display:block; font-size:18px; line-height:20px; }
#header .Menu .title:hover{ color:#2f62b6; }
#header .Menu .title .word{ display: block; }
#header .FormBox .form{border:2px solid #2f62b6;width:100%; border-radius:5px; display:block; position: relative; }
#header .FormBox .form .Key{display:block;width:100%;height:50px;line-height:50px;padding:0 15px;font-size:16px;color:#666;}
#header .FormBox .form .submit{display:block;cursor:pointer;position:absolute;right:10px;top:0;height:100%;width:30px;background:url(../images/icon_icon2.png) no-repeat center/21px auto;}
#header .FormBox .form .submit:hover{ background-image:url(../images/icon_icon2_1.png); }
#header .MenuBtnBox{ display: none; }
.leaveTop #header{ top:0; }
.MenuShow #header{ top:0!important; }
/*.leaveTop.Down #header{ top:-82px; }*/
.leaveTop.Up #header{ top:0; }
.Index #header {background:#ffffff57;}
.headerLine #header,.headerbg,
.SmallHeader #header{ box-shadow: 0 0 10px rgba(0,0,0,.1); background:#fff;}


/*.IndexBanA{position:relative;margin-top:-82px;width:100%;}*/

/*newbanner*/
.fp-tableCell {
            position: relative;
            vertical-align: middle;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
}
.video-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 2;
        }
.IndexBanA .banner1 {
    position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            
}
.bannerbg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: url('/banner2.jpg') no-repeat center center;
            background-size: cover;
        }
.IndexBanA .banner1 .video_bg {
    position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
}
.middle_box {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
.middle_box .middle {
            text-align: center;
            position: relative;
            z-index: 4;
        }
.IndexBanA .banner1 .video_bg img {
    display: inline-block;
    opacity: 0.6;
}
.atxt {
    text-align: center;
    display: block;
    background: #0d6635;
    color: #fff;
    font-weight: bold;
    width: 300px;
    border-radius: 30px;
    margin: 40px auto 0 auto;
}
 .bannertxt {
            animation: fadeInDown 1s 0.5s both;
        }
         .bannertxt img {
            max-width: 80%;
            filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.7));
        }
.IndexBanA .banner1 .video_bg .bannertxt h3 {
     font-size: 32px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.075);
    letter-spacing: 1px;
}
video {
    width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
}
.IndexBanA  .fp-tableCell>a img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    animation: fudong 2s 0.8s infinite;
    margin: auto;
    z-index: 7;
}
 /* 向下滚动指示 */
        .scroll-down {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
            animation: pulse 2s 0.8s infinite;
        }
        
        .scroll-down img {
            width: 50px;
            height: 50px;
        }
        
        /* 动画效果 */
        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes pulse {
            0% { transform: translate(-50%, 0); }
            50% { transform: translate(-50%, 10px); }
            100% { transform: translate(-50%, 0); }
        }
        
        
           /* 点阵层 - 覆盖在视频上 */
        .dot-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            pointer-events: none;
            overflow: hidden;
        }
        
        .dot-overlay::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background-image: 
                radial-gradient(rgba(0,0,0,0.2) 0.9px, transparent 0.4px);
            background-size: 8px 8px;
            animation: dots-shift 30s infinite linear;
            transform: rotate(45eg);
        }
        
        @keyframes dots-shift {
            0% { transform: rotate(45deg) translate(0, 0); }
            100% { transform: rotate(45deg) translate(20px, 20px); }
        }
        /*about*/
        /* about */
.about.area{margin: 90px 0 0;padding: 0 0 85px;}
.about{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.area h2 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    position: relative;
    line-height: 110px;
}
.area h2 p {
    font-size: 42px;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    z-index: 2;
}
.area h2 p b {
    color: rgba(17, 95, 173, 1);
}
.area h2 span {
    font-size: 120px;
    color: rgba(17, 95, 173, 0.05);
    font-weight: normal;
    position: absolute;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    top: 50%;
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-family: fantasy;
}
.about.area h2{text-align: left;}
.about>div{width: 50%;}
.about .a-l{max-width: 800px;}
.about .a-l .info{padding:20px 15px 0 7.5%;height: 100%;}
.about .a-con{font-size: 16px;line-height: 35px;padding: 30px 0 0px;margin-bottom: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.8);}

.about .a-r{}
.about .a-r img{width: 100%;height: 100%;object-fit: cover;object-position: bottom;}
/* num-change */
.num-change{margin-bottom: 50px;padding-top: 50px;border-top: 1px dashed #dbdbdb;}
.num-change .shuzi p:first-child{font-size: 15px;color: rgba(17, 95, 173, 1);}
.num-change .shuzi p:last-child{font-size: 20px;color: #8f8f8f;font-weight:700}
.num-change .shuzi p .counter{font-size: 46px;font-family: fantasy;}
.num-change .row {
    display: flex;
    /* margin-left: -15px; */
    justify-content: space-around;
    flex-direction: row;
}
.num-change .shuzi {
    text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 992px) {
    .about.area {
        position: relative;
        margin: 0;
        padding: 25px;
    }

    .about .a-l {
        max-width: none;
        position: relative;
        z-index: 1;
        width: 100%;
    }
        .about .a-l .info {
        padding: 25px;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.8);
    }
        .area h2 {
        line-height: 80px;
    }
    .area h2 span {
        font-size: 60px;
    }
        .about .a-con {
        font-size: 15px;
    }
        .num-change .shuzi p .counter {
        font-size: 38px;
    }
        .about .a-r {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
    }
    .about .a-r img {
        height: 100%;
    }
    
}

/*hezuo */

.z-container {
    width: 80%;
    height: auto;
    clear: both;
    margin: 0 auto;
}
.hz_swiper{ position: relative;}
.hz_swiper li .imgbox{ width: 100%; text-align: center; height: 100px; padding: 20px; box-sizing: border-box; display: flex;display: -ms-flexbox; align-items: center; justify-content: center;}
.hz_swiper li .imgbox img{ display: block; max-height: 100%; max-width: 100%;  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;}
.hz_swiper li .imgbox:hover img{ -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    filter: gray;}
.hz_btn.iconfont{ display: block; outline:none; transition: ease .4s; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border:1px solid #aaaaaa; border-radius: 50%; text-align: center; line-height: 54px; font-size: 24px; color: #aaa;}
.hz_btn.icon-arr_l{ left: -66px;}
.hz_btn.icon-arr_r{ right: -66px;}

.hz_btn.iconfont:hover{ background: #11886A; color: #fff; border-color: #11886A;}
.IndexBlockC {
    background: url(/statics/images/bg1.png) no-repeat;
}
.z_footer{ width: 100%; background: #111111;} 
.foot_top{ padding: 3.6458333333333335vw 0  1.5625vw 0; border-bottom:1px solid rgba(255,255,255,.1);display: flex;display: -ms-flexbox; justify-content: space-between;position: relative;
    z-index: 1;}
.foot_share{ margin-left: auto; float:right;width:auto;text-align:auto}
.foot_share a{ color: #666; border:none; background: rgba(255,255,255,.1);}
.foot_logo{ float:left}
.foot_logo img{ display: block; height: 5vw;filter: brightness(0) /* 将亮度降至0（纯黑） */ invert(1) /* 反相：纯黑变纯白 */ grayscale(1);}
.foot_btm{ padding: 3.125vw 0;}
.foot_nav{ float: left;width:75%}
.foot_nav ul{display:flex;}
.foot_nav a{ color: #fff; display: block; line-height: 36px; font-size: 18px;} 
.foot_nav li{ display: inline-block; vertical-align: top; width:19%}
/*.foot_nav li:last-child{ margin-right: 0;}*/
.foot_nav li h3{ margin-bottom: 20px;}
.foot_nav li h3 a{ font-size: 22px;}
.foot_nav a:hover{ color: #11886A;}
.foot_code_warp{ float: right; display: flex;display: -ms-flexbox; align-items: center;width:24%}
.foot_code_warp .erm{display:flex;}
.foot_code_warp .erm img{width:50%;padding:5%}
.foot_code_warp .zxbtn{ display: inline-block; width: 140px; height: 2.604166666666667vw;border-radius: 3px; line-height: 2.604166666666667vw; text-align: center; background: #222222; color: #fff; font-size: 15px;}
.foot_code_warp .zxbtn:hover{ background: #11886A;}
.foot_code_warp p{ color: #fff;
    display: block;
    line-height: 36px;
    font-size: 18px;
    white-space: nowrap;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  word-break: break-all; 
}
.foot_code_warp h3 a{     color: #fff;
    display: block;
    line-height: 36px;
    font-size: 22px;}
.foot_code_warp .desc{ text-align: right; float:left}
.foot_code_warp .code { float:left;   margin-left:1.0416666666666665vw;}
.foot_code_warp .code .img{ width: 6.25vw; height: 6.25vw; background:#fff; border-radius: 3px; padding: 10px;box-sizing: border-box;}
.foot_code_warp .code img{ display: block; width:100%; height:100%}
.foot_code_warp .code h3{ text-align:center; margin-top:10px; color:#fff}
.foot_copy{ padding: 25px 0; color: #616161;}
.foot_copy a{color: #616161;}
.foot_copy span{ display: inline-block; margin-left: 20px;}
.colr3.pcww {color:#fff!important}
@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}
@keyframes moves {
	0%{transform: translateY(0px);} 
50%{transform: translateY(-20px);} 
	100%{transform: translateY(0px);}
}
@media only screen and (max-width: 980px){
    .IndexBanA .banner1 {height:auto;min-height:210px;}
    .IndexBanA .fp-tableCell>a img {display:none;}
    .IndexBanA .banner1 .video_bg img {width:50%;}
    .IndexBanA .banner1 .video_bg .bannertxt h3 {font-size:16px;}
    .atxt {width:165px;}
    #header .Menu .title {color:#000}
    #header {background:#fff}
    .foot_nav,.foot_logo {display:none;}
    .foot_code_warp {float:none;}
    .foot_code_warp {width:100%;text-align:center}
    .colr3.pcww {color:#000!important}
    .foot_share{ width:100%;text-align:center}
}
@media only screen and (min-width: 1201px){
    /*body{ padding-top: 82px; }*/
    #header .Tank>.container{ width:auto; padding:0; margin-right:.04rem; }
    #header .pchide{ display: none!important; }
    #header .Menu .t_lib{ position: relative; }
    #header .Menu .t_lib .Lib{ left:50%; top:100%; width:auto; word-break: keep-all; white-space: nowrap; box-shadow:0 0 10px rgba(0,0,0,.1); }
    #header .Menu .t_lib .Lib .ul{display: block; }
    #header .Menu .t_lib .Lib li{ display: block; }
    #header .Menu .t_lib .Lib li .title{ padding:10px 25px; }
    #header .Menu .t_lib .Lib li .title:hover{ background:#f3f3f3; }
    #header .Menu .Lib{ display: none; position: absolute; left:0; top:100%; width:100vw; max-height:calc(100vh - 120px); background:#fff; border-top:1px solid #f0f1f2; overflow-y: auto; }
    #header .Menu .Lib>.ul{ display: flex; flex-wrap: wrap; }
    #header .Menu .ul .TabBox:nth-child(odd){ flex-direction: row-reverse; }
    #header .Menu .ul .TabBox:nth-child(even){ border-left:1px solid #f0f1f2; }
    #header .Menu .TabBox{ display: inline-flex; width:50%; height: 376px; border-bottom: 1px solid #f0f1f2; }
    #header .Menu .cont{ display: flex; align-items: flex-start; width:830px; max-width: 100%; }
    #header .Menu .imgBox{ width:300px; position: relative; margin:0 35px; }
    #header .Menu .imgBox::before{ content: ""; display: block; padding-top: 100%; }
    #header .Menu .imgBox img{ display: block; position: absolute; left:0; top:0; width:100%; height: 100%; }
    #header .Menu .r_list{ width:440px; text-align: left; padding-top: 35px; }
    #header .Menu .r_list>.title{ font-weight: bold; font-size: 18px; }
    #header .Menu .r_list .des{ margin:20px 0 12px; font-size: 12px; color:#999999; }
    #header .Menu .r_list .ul{ display: flex; flex-wrap: wrap; flex-direction: column; height: 250px; }
    #header .Menu .r_list .ul li{ width:50%; text-align: left; }
    #header .Menu .r_list .ul .title{ font-weight: bold; font-size:14px; color:#777777; padding:6px 15px 6px 0; }
    #header .Menu .r_list .ul .on .title,
    #header .Menu .r_list .ul .title:hover{ color:#333; }
    #header .Menu>.ul>li+li{ margin-left: 40px; }
    #header .Menu>.ul>li>.title .word{ position: relative; color:#2c2c2c;line-height: 82px; font-size: 20px;font-weight:700; /*text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.075);*/}
    #header .Menu>.ul>li>.title .word::before{ content: ""; position: absolute; left: 50%; bottom:0; width:0; height: 2px; background:#2f62b6; transition: all .3s; }
    #header .Menu>.ul>li.on>.title{ color:#0086ff; }
    #header .Menu>.ul>li.on>.title .word::before{ left:0; width:100%; }
    #header .Menu li.pc_hide{ display: none!important; }
    #header .FormBox{ display: block; opacity:0; position:fixed; z-index:1; left:0; top:-15px; height:100vh; width:100%; background:rgba(255,255,255,.93); transform:scaleX(0); -webkit-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); transition:opacity .5s,top .3s; }
    #header .FormBox .divBox{display:block;position:absolute;top:50%;width:inherit; margin-left:-15px; padding:0 15px; }
    #header .store{display:inline-block;vertical-align:middle;width:185px;height: 30px;line-height: 32px;font-size: 32px;color: #000;padding-left: 35px;background:url(../images/tele.png) no-repeat left;background-size: 30px;transition:all .3s;opacity: 1;font-family: impact;}
    #header .store:hover{ opacity:.7; }
    /* .SmallHeader #header .logo img{ height:40px; } */
    .SearchShow #header .FormBox{ opacity: 1; top:0; transform:scaleX(1); -webkit-transform:scaleX(1); -ms-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); }
    @media only screen and (max-width: 1600px){
        #header .Menu>.ul>li+li{ margin-left: 25px; }
        #header .Menu .TabBox{ height:320px; }
        #header .Menu .imgBox{ margin:0 25px; width:260px; }
        #header .Menu .r_list .ul{ height: 220px; }
        #header .Menu .r_list .ul .title{ padding:3px 15px 3px 0; }
        #header .Menu .r_list .des{ margin:10px 0 5px; }
    }
    @media only screen and (max-width: 1500px){
        #header .Menu>.ul>li+li{ margin-left: 20px; }
        #header .logo img {/*width: 380px;height: auto;*/}
        #header .Menu .imgBox{ width:220px; }
    }
    @media only screen and (max-width: 1400px){
        #header .Menu>.ul>li+li{ margin-left: 10px; }
    }
    @media only screen and (max-width: 1300px){
        #header .Menu>.ul>li+li{ margin-left: 10px; }
        #header .other .line {    margin: 0 10px;}
    }
}
@media only screen and (max-width: 1200px){
    #header{ position:sticky; }
    #header .Box{ padding:0 15px; }
    #header .tab-cell{ height: 60px; display: inline-flex; align-items: center; }
    #header .logo img{ height:34px; }
    #header .Tank{ position: fixed; left:0; bottom:0; width:100%; height:calc(100% - 60px); background:#fff; overflow-y: auto; border-top:1px solid #ddd; opacity: 0; transform:scale(0); transition:opacity .3s; }
    #header .FormBox{ display: block; margin:24px 0; }
    #header .FormBox .container{ padding:0; }
    #header .FormBox .divBox{ transform: translateY(0); -webkit-transform: translateY(-0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    #header .FormBox .form .Key{ line-height: 40px; height: 40px; font-size: 15px; }
    #header .Menu{}
    #header .Menu .ul{ flex-wrap:wrap; border-top:1px solid #ddd; }
    #header .Menu li{ width:100%; max-width:100%; border-bottom:1px solid #ddd; text-align:left; }
    #header .Menu .title{ font-size:16px; padding:12px 15px; position:relative; }
    #header .Menu .title .icon{ z-index:2; position: absolute; right:0; top:0; height:100%; width:40px; background:url(../images/icon_jt_right.svg) no-repeat center/8px auto; transform:rotate(90deg) scaleX(1); transition:all .3s; }
    #header .Menu .click>.title .icon,
    #header .Menu .TabBox.click .title .icon{ transform:rotate(90deg) scaleX(-1); }
    #header .Menu .Lib{ display:none; background:#f9f9f9; margin-bottom:10px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    #header .Menu .Lib a{ font-size:15px; padding:8px 20px; }
    #header .Menu .Lib a+a{ margin-top:0; }
    #header .Menu .Lib .ul .ul{ background:#f2f2f2; display: none; }
    #header .Menu .Lib .ul .title{ padding:8px 20px; }
    #header .Menu .Lib .ul .ul .title{ padding:8px 25px; }
    #header .Menu .Lib .ul li:last-child{ border-bottom:0 none; }
    #header .Menu .r_list .des{ display: none; }
    #header .other .line{ height:18px; margin:0 15px; background:#aaa; }
    #header .language+.line,
    #header .store+.line{ display: none; }
    #header .SearchBtn{ display: none; }
    #header .language{ padding-left:0; background:transparent; font-size: 16px; }
    #header .MenuBtnBox{ display: inline-block; vertical-align: middle; }
    #header .PhoneMenu{ display: block; margin:0 auto; width: 26px; padding:7px; padding:0; position: relative;  }
    #header .PhoneMenu i{ display: block; background: #777; height: 3px; opacity: 1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;  }
    #header .PhoneMenu i+i{ margin-top:4px; }

    .MenuShow #header .Tank{ opacity: 1; transform: scale(1); }
    .MenuShow #header .PhoneMenu i{ background:#2f62b6; }
    .MenuShow #header .PhoneMenu .i1,
    .MenuShow #header .PhoneMenu .i3{ margin:0; }
    .MenuShow #header .PhoneMenu .i2{ opacity:0; }
    .MenuShow #header .PhoneMenu .i1{ transform:translateY(5px) rotate(45deg); -webkit-transform:translateY(5px) rotate(45deg); -ms-transform:translateY(5px) rotate(45deg); -moz-transform:translateY(5px) rotate(45deg); -o-transform:translateY(5px) rotate(45deg); }
    .MenuShow #header .PhoneMenu .i3{ transform:translateY(-5px) rotate(-45deg); -webkit-transform:translateY(-5px) rotate(-45deg); -ms-transform:translateY(-5px) rotate(-45deg); -moz-transform:translateY(-5px) rotate(-45deg); -o-transform:translateY(-5px) rotate(-45deg); }
    .SmallHeader #header{ box-shadow:0 0 10px rgba(0,0,0,.2); background:#fff; }
    .WebSiteAndMenum .NextMenu {display: none;}
}
@media only screen and (max-width: 768px){
    #header .logo img{ height: 35px; }

}

.FriendLinks{ background:#252b32; font-size:0; line-height:22px; }
.FriendLinks .Box{ margin:0 -15px; padding:21px 0; }
.FriendLinks .title{ display:inline-block; vertical-align:top; font-size:15px; color:#fff; margin:3px 15px; }
.FriendLinks a{ display:inline-block; vertical-align:top; font-size:14px; color:#6d7072;
    margin:3px 15px; }
.FriendLinks a:hover{ color:#fff; }
@media only screen and (max-width: 1200px){
    .FriendLinks .Box{ margin:0 -8px; padding:15px 0; }
    .FriendLinks .title,
    .FriendLinks a{ margin:3px 8px; }
}
@media (max-width: 768px){
    .FriendLinks .title{ display:block; }
}
/*二级菜单*/
/* 下拉菜单样式 */
.Lib.libs {
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  min-width: 180px;
  display: none; /* 默认隐藏 */
  z-index: 999;
}

.li_A:hover .Lib.libs {
  display: block; /* 鼠标悬停显示 */
}

.Lib.libs .li_A {
  padding: 8px 15px;
  border-bottom: 1px solid #eee;
}

.Lib.libs .li_A:hover {
  background: #f8f8f8;
}

.Lib.libs .title {
  font-size: 14px;
  color: #333;
}
/* 案例 */
.fhxc1 {
    /* height: 950px; */
    background-image: url(/statics/images/about_bj.jpg);
    background-size: cover;
}
.pub_title {
    text-align: center;
    padding: 65px 0 40px;
}
.pub_title h4 {
    position: relative;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    z-index: 1;
    margin-top: 50px;
    display: inline-block;
    color: #333;
}
.fhxc1 .pub_title h4 {
    margin: 5px 0 17px;
    font-weight: normal;
    line-height: 40px;
    font-size: 34px;
}
.pub_title p {
    /* margin-top: 45px; */
    line-height: 22px;
    font-size: 14px;
    color: #888;
}


    .fhxc1 .more{margin-top: 50px}
	.fhxc1 .albox{padding-top:50px;}
	.fhxc1 .albox .fl ul li:nth-child(1){width: 480px;height: 640px;background: url(../images/scsb.jpg) no-repeat center;}
	.fhxc1 .albox .fl ul li:nth-child(2){width: 500px;height: 308px;background: url(../images/fl2.jpg) no-repeat center;}
	.fhxc1 .albox .fl ul li a{padding: 60px 0 0 20px;}
	.fhxc1 .albox .fl ul li a span{color: #fff;font-size: 36px;font-weight: 500;display: block;}
	.fhxc1 .albox .fl ul li a img{margin-top: 30px;}

	.fhxc1 .albox .fl .altop a{display: block;position: relative;}
	.fhxc1 .albox .fl .altop a h3{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 45px;background: rgba(0,0,0,0.7);color: #fff;padding: 0 20px;white-space: nowrap;      text-overflow: ellipsis; box-sizing: border-box;}
	.fhxc1 .albox .fl>a{height: 180px;text-align: center;padding-top: 30px;box-sizing: border-box;margin-top: 10px;background: url(c2.jpg) no-repeat center; background-size: cover;}
	.fhxc1 .albox .fl>a h4,.fhxc1 .albox .fl>a p{color: #fff;}
	.fhxc1 .albox .fl>a h4{font-family: impact;}
	.fhxc1 .albox .fr{width: 790px;}
	.fhxc1{/* height: 907px; */}
	.pub_anli{width: 1300px;height: 210px;margin-bottom: 20px;}
	.pub_anli .left_bt{width: 500px;text-align: left;padding-top: 40px;float: left;margin-left: 20px;}
	.pub_anli .left_bt span{color: #fff;font-size: 35px;}
	.pub_anli .left_bt h4{color: #fff;font-size: 48px;font-weight: 700;}
	.pub_anli .right_bt{width: 200px;float: right;margin-right: 100px;}
	.pub_anli .right_bt a{width: 150px;height: 45px;background-color:#ff2c00;border-radius: 50px;color: #fff;text-align: center;line-height: 45px;float: right;margin-top: 65px;}
	.swiper-container.anli{padding: 10px 0 30px 0;}
	.swiper-container.anli .swiper-slide{background-position:center;background-size:cover;width:600px;height:455px;}
	.swiper-container.anli .swiper-slide img{width:100%;}

	.fhxc2{height:780px;margin-top:100px;margin:0 auto;}
	
	.swiper-container.anli2{margin: 0 auto;}
	.swiper-container.anli2 .swiper-slide{background-position:center;background-size:cover;width:600px;height:455px;}
	.swiper-container.anli2 .swiper-slide img{width:100%;border: 3px solid #fff;}
    .more{text-align:center;margin-top: 60px;}
    .more .call,.more .but{display:inline-block;vertical-align:top;}
    .more .call{height:50px;line-height:50px;padding:0 40px;border-radius:100px;font-size:28px;font-family:impact;background:#0f387d;}
    .more .call a{color:#fff;}
    .more .call i{color:#fff;    margin-right: 10px;}
    .more .but{width:250px;height:50px;line-height:50px;margin-left:20px;border-radius:100px;background-color:#dc0213;text-align:center;font-size:16px;color:#fff;}
    .more .but:hover{background:#0f387d;color:#fff;}
    .fhxc1 .line {
        display: block;
        height: 3px;
        background: url(../images/icon_icon10.png) no-repeat center;
    }
@media (max-width: 1024px) {
    .fhxc1{margin-bottom: 40px;height: auto;background: none;}
	.fhxc1 .pub_title h4{margin-top: 30px;font-size: 30px;padding-bottom: 0;}
	.fhxc1 .pub_title h4 span{font-size: 30px;}
	.fhxc1 .pub_title h5{width: auto;font-size: 18px;font-weight: 400;}
	.fhxc1 .albox{padding-top: 20px;}
	.fhxc1 .albox .fl{display: none;}
    .more .call{height:50px;line-height:50px;border-radius:100px;font-size:28px;font-family:impact;margin-top: -40px;}
.more1{width: 250px;border-radius: 50px;
    line-height: 50px;
    background: #75bf21;
    margin: 50px auto 0;
    vertical-align: middle;}
	.more1 a:nth-child(1){width: 120px;
		display: inline-block;
		color: #000;
		background: #fff;
		border-radius: 50px;
		border: 1px solid #75bf21;}
	.more1 a:nth-child(2){ font-size: 22px;
		width: 250px;
		color: #ffffff;
		font-family: Impact;
		font-weight: 700;
	padding-left: 5px;}
    .more .but {display: none!important;}
}

/**底部**/
#footer{padding-top: 20px;color:#d3d3d3; font-size:14px; line-height:20px; background:#293146; }
#footer a{ color:#d3d3d3; }
#footer a:hover{ color:#fff; }
#footer .top{ padding-top: 60px; }
#footer .menu{}
#footer .menu li{ float:left; display:inline-block; width:170px; padding-right: 30px; }
#footer .menu .title{ font-size:16px; color:#ffffff; line-height:24px; margin-bottom:14px; }
#footer .menu .aBox{}
#footer .menu .aBox .div{ padding:5px 0; }
#footer .menu .aBox .div+.div{ margin-top:8px; }
#footer .menu .aBox .div a{ display:inline-block; transform:translateX(0); transition:all .3s; }
#footer .menu .aBox .div a:hover{ transform:translateX(2px); }
#footer .menu .contact{ text-align: right; width:350px; padding-right: 0; border-left: 1px solid #3b435a; }
#footer .menu .contact .t-left{ display: inline-block; }
#footer .menu .cont{ color:#666; padding-top:3px; }
#footer .menu .cont .wid{ display: inline-block; text-align: center; }
#footer .menu .cont .wid+.wid{ margin-left: 15px; }
#footer .menu .cont .wid img{ width: 119px; }
#footer .menu .cont .txt{ padding-top: 10px; color:#82858e; }
#footer .mid{ display: flex; justify-content: space-between; border-top:1px solid #3b435a; border-bottom: 1px solid #3b435a; margin:30px 0; padding:25px 0; }
#footer .mid .logo{ display: inline-block; vertical-align: middle; width: 420px;filter: grayscale(1) brightness(75%); }
#footer .mid .shareBox{ display: inline-block; vertical-align: middle; width:170px; text-align: center; }
#footer .mid .address{ display: inline-block; vertical-align: middle; max-width: 50%; }
#footer .mid .address .wid{ display: inline-block; }
#footer .mid .address .wid1{ width: 210px; }
#footer .bot{ padding-bottom:50px; text-align:center; }
#footer .bot .server{ margin-left:20px; }
.shareBox{ font-size:0; }
.shareBox a{ height:34px; width:34px; display:inline-block; vertical-align:top; border-radius:50%; position:relative; background:no-repeat center/contain; border:1px solid #82858e; margin:0 8px; }
.shareBox .qq{ background-image:url(../images/icon_icon5_1.png); }
.shareBox .wechat{ background-image:url(../images/icon_icon3_1.png); }
.shareBox .sina{ background-image:url(../images/icon_icon4_1.png); }
.shareBox .codeBox{ padding:8px; width:120px; background:#fff; border-radius:3px; position: absolute; left:50%; bottom:100%; margin-bottom:10px; margin-left:-60px; display:none; }
.shareBox .wechat:hover .codeBox{ display:block; box-shadow:0 0 15px rgba(0,0,0,.1); }
.shareBox a:hover{ background-color:#fff; border-color:#fff; }
@media only screen and (max-width: 1200px){
    /**底部**/
    #footer{ padding-bottom: 69px; }
    #footer .top{ padding-top:35px; }
    #footer .menu .cont .txt{ padding-top: 5px; }
    #footer .menu{ display:block; float:none; }
    #footer .menu li{ display:none; }
    #footer .menu .title{ display:none; }
    #footer .menu .contact{ text-align:center; padding:0; display:block; width:100%; max-width:100%; float:none; border:0 none; }
    #footer .menu .cont .wid img{ width:90px; }
    #footer .mid{ padding:15px 0; margin:15px 0; }
    #footer .mid .logo{ display:none; }
    #footer .mid .shareBox{ display: block; width:100%; }
    #footer .mid .address .wid{ display: inline-block; }
    #footer .mid .address{ display: none; }
    #footer .bot{ text-align: center; padding-bottom:20px; }
}

/**右侧悬浮**/
#RightFixed{ text-align: center; position: fixed; top:80%; right: 30px; z-index:999; }
#RightFixed .Box{ box-shadow:0 0 15px rgba(0,0,0,.1); }
#RightFixed .Box .a:first-child{ border-top-left-radius:5px; border-top-right-radius:5px; }
#RightFixed .Box .a:last-child{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
#RightFixed .a{ display: block; background:#fff; position: relative; width: 72px; height: 72px; padding-top:12px; transition:all .3s; }
#RightFixed .icon{ display: inline-block; vertical-align: top; position: relative; }
#RightFixed .icon img{ display: block; width:30px; height: 30px; transition:all .3s; }
#RightFixed .icon .i{ opacity: 1; }
#RightFixed .icon .i_h{ position: absolute; left: 0; top:0; opacity: 0; }
#RightFixed .a .txt{ margin-top: 2px; line-height: 18px; font-size: 12px; color:#999999; transition:all .3s; }
#RightFixed .codeBox{ display: block; border-radius: 3px; width:100px; height:100px; padding:5px; position: absolute; right:100%; top:50%; background:#fff; margin-right:0; transition:opacity .3s,margin .3s; transform:translateY(-50%) scale(0); }
#RightFixed .codeBox::after{ content:""; display: block; position: absolute; left:100%; top:50%; margin-top: -5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fff; }
#RightFixed .codeBox img{ display: block; width:90px; height:90px; }
#RightFixed .a:hover{ background:#0d4597; }
#RightFixed .a:hover .i{ opacity:0; }
#RightFixed .a:hover .i_h{ opacity:1; }
#RightFixed .a:hover .txt{ color:#fff; }
#RightFixed .a:hover .codeBox{ opacity: 1; margin-right:6px; transform:translateY(-50%) scale(1); }
#RightFixed .Returntop{ display: block; margin-top: 20px; width: 72px; height: 66px; border-radius: 5px; background:#bfbfbf url(../images/icon_icon9.png) no-repeat center; transition:all .3s; }
#RightFixed .Returntop:hover{ background-color:#0d4597; }
@media only screen and (max-width: 1200px){
    #RightFixed{ display: none; }
}

/* 打样预约弹框 */
.appointment-tank { display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 8; background: rgba(0,0,0,.43); }
.appointment-tank .input::-webkit-input-placeholder { color: #555555; }
.appointment-tank .cont-block { display: flex; height: 100%; width: 100%; text-align: center; align-items: center; justify-content: center; padding: 15px; font-size: 14px; line-height: 20px; color: #555555; }
.appointment-tank .cont-block .pad { position: relative; width: 890px; max-width: 100%; background: #fff; border-radius: 20px; padding: 25px 50px 35px; }
.appointment-tank .cont-block .exit{ position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; background: url(../images/exit.png) no-repeat center/60%; }
.appointment-tank .cont-block .h1 { margin: 0; font-weight: 400; font-size: 34px; line-height: 1.4em; color: #333; }
.appointment-tank .cont-block .phone { font-weight: 700; font-size: 40px; line-height: 1.4em; color: #0d4597; }
.appointment-tank .cont-block .word { margin-bottom: 15px; text-align: left; }
.appointment-tank .cont-block .label-box { display: flex; flex-wrap: wrap; margin: -10px; }
.appointment-tank .cont-block .li { display: inline-block; padding: 10px; }
.appointment-tank .cont-block .input { width: 100%; border: 1px solid #e0e0e0; padding: 12px 25px; font-size:14px; line-height: 24px; color: #555555; }
.appointment-tank .cont-block .submit-box { margin-top: 20px; }
.appointment-tank .cont-block .submit{ display: inline-block; font-size: 15px; line-height: 44px; height: 44px; width: 160px; text-align: center; color: #ffffff; background: #0d4597; cursor: pointer; }
.appointment-tank .cont-block .submit:hover{ background: #2f62b6; }
@media only screen and (max-width: 992px){
  .appointment-tank .cont-block .pad { border-radius: 10px; padding: 25px 25px 25px; }
  .appointment-tank .cont-block .exit{ right: 10px; top: 10px; width: 28px; height: 28px; }
  .appointment-tank .cont-block .h1 { font-size: 20px; }
  .appointment-tank .cont-block .phone { font-size: 24px; }
  .appointment-tank .cont-block .word { margin-bottom: 10px; }
  .appointment-tank .cont-block .label-box { margin: -7px; }
  .appointment-tank .cont-block .li { padding: 7px; }
  .appointment-tank .cont-block .input { padding: 5px 15px; }
  .appointment-tank .cont-block .submit-box { margin-top: 15px; }
  .appointment-tank .cont-block .submit{ font-size: 14px; line-height: 34px; height: 34px; max-width: 100%; }
}

/* 移动端底部悬浮 */
.phone-bot { display: none; z-index: 8; border-top: 1px solid #e5e5e5; width: 100%; text-align: center; background: #fff; position: fixed; left: 0; bottom: 0; justify-content: space-between; }
.phone-bot .a { display: inline-flex; flex-wrap: wrap; width: 25%; padding: 8px 10px 10px; font-size: 14px; line-height: 24px; color: #0d4597; }
.phone-bot .a img { display: block; margin: 0 auto; width: 26px; height: 26px; }
.phone-bot .a .text { display: block; width: 100%; }
@media only screen and (max-width: 1200px){
  .phone-bot { display: flex; }
}

/***Banner**/
#IndexBan{ position: relative;
            width: 100%;
            overflow: hidden;
            height: 100vh;
            min-height: 600px;}
#IndexBan .pc{ display: block; }
#IndexBan .phone{ display: none; }
#IndexBan .swiper-slide{ position:relative; }
#IndexBan .img{ position: absolute; left: 0; top:0; width: 100%; }
#IndexBan .video{ position: absolute; left: 0; top:0; width: 100%; height:100%; }
#IndexBan .video video{ display: block; width:100%; height: 100%; object-fit: cover; }
#IndexBan .paginations{ position: absolute; left:0; width:100%; bottom:40px; z-index:2; color:#fff; text-align:center; font-size:0; line-height:0; }
#IndexBan .paginations span{ display: inline-block; border-radius: 0; opacity: .6; vertical-align: top; height:4px; width:44px; background:#fff; margin:0 4.5px; cursor: pointer; transition:all .3s; }
#IndexBan .paginations .swiper-pagination-bullet-active{ background:#0d4597; opacity:1; }
#IndexBan .Btns a{ position: absolute; top:0; height: 100%; width:60px; cursor: pointer; z-index: 2; }
#IndexBan .Btns .prev{ left:10%; background:url(../images/icon_jt5_1.png) no-repeat center/contain; }
#IndexBan .Btns .next{ right:10%; background:url(../images/icon_jt5_2.png) no-repeat center/contain; }
#IndexBan .Btns .prev:hover{ background-image:url(../images/icon_jt5_1_h.png); }
#IndexBan .Btns .next:hover{ background-image:url(../images/icon_jt5_2_h.png); }
#AutoBan{ position:relative; overflow:hidden; }
#AutoBan .swiper-slide{ font-size: 0; height: 890px; background:url(../images/product/Banner_back.jpg) no-repeat center/100% 100%; }
#AutoBan .table{ display:table; width: 100%; height: 100%; }
#AutoBan .tab-cell{ display:table-cell; vertical-align: middle; }
#AutoBan .cont{ display: inline-block; vertical-align: middle; width: 360px; transform:translateX(-80px); opacity: 0; transition:all .7s cubic-bezier(0.42, 0, 0.58, 1) .3s; }
#AutoBan .h1{ margin-bottom: 40px; line-height: 50px; font-size: 44px; color:#222222; }
#AutoBan .des{ line-height: 34px; font-size: 28px; color:#222222; }
#AutoBan .Img{ display: inline-block; vertical-align: middle; width: 780px; margin-left: 45px; transform:translateX(-80px); opacity: 0; transition:all .7s cubic-bezier(0.42, 0, 0.58, 1) .5s; }
#AutoBan .Img img{ margin-bottom:.03rem; }
#AutoBan .swiper-slide-active .cont,
#AutoBan .swiper-slide-active .Img{ transform: translateX(0); opacity: 1; }
#AutoBan .paginations{ position: absolute; left:0; width:100%; bottom:40px; z-index:2; color:#fff; text-align:center; font-size:0; line-height:0; }
#AutoBan .paginations span{ display: inline-block; border-radius: 0; opacity: .6; vertical-align: top; height:4px; width:44px; background:#fff; margin:0 4.5px; cursor: pointer; transition:all .3s; }
#AutoBan .paginations .swiper-pagination-bullet-active{ background:#0d4597; opacity:1; }
#AutoBanB{ position: relative; overflow: hidden; }
#AutoBanB img{ animation:scaleAnim 5s ease forwards; }
#AutoBanB .cont{ position: absolute; left: 0; top:50%; width: 100%; text-align: center; }
#AutoBanB .cont .h1{ line-height: 42px; font-weight: normal; font-size: 42px; color:#ffffff; }
@media only screen and (max-width: 1200px){
    #IndexBan .paginations{ bottom:15px; }
    #IndexBan .paginations span{ width:36px; }
    #AutoBan .swiper-slide{ height: 450px; }
    #AutoBan .cont{ width:260px; }
    #AutoBan .tab-cell{ display: flex; justify-content: space-between; align-items: center; height: 100%; }
    #AutoBan .h1{ line-height:34px; font-size:28px; }
    #AutoBan .des{ line-height: 28px; font-size: 20px; }
    #AutoBan .Img{ margin-left: 0; width:calc( 100% - 320px); }
    #AutoBan .paginations{ bottom:15px; }
    #AutoBan .paginations span{ width:36px; }
    #AutoBanB .cont .h1{ line-height: 36px; font-size: 28px; }
}
@media only screen and (max-width: 992px){
    #AutoBan .Box{ height:calc(100% - 80px); }
    #AutoBan .tab-cell{ font-size:22px; }
    #AutoBan .h1{ font-size:20px; }
    #AutoBan .swiper-slide{ height: 300px; }
    #AutoBan .cont{ width:40%; }
    #AutoBan .h1{ line-height:24px; font-size:20px; margin-bottom: 25px; }
    #AutoBan .des{ line-height: 20px; font-size: 16px; }
    #AutoBan .Img{ width:55%; }
}
@media (max-width:768px) {
    #IndexBan .pc{ display: none; }
    #IndexBan .phone{ display: block; }
    #IndexBan .paginations{ bottom:10px; }
    #IndexBan .paginations span{ width:30px; }
    #AutoBan .swiper-slide{ height: 200px; }
    #AutoBan .h1{ line-height:22px; font-size:16px; margin-bottom: 10px; }
    #AutoBan .des{ line-height: 20px; font-size: 14px; }
    #AutoBan .paginations{ bottom:10px; }
    #AutoBan .paginations span{ width:30px; }
    #AutoBanB{ height: auto; position: relative; }
    #AutoBanB img{  width:100%;  }
    #AutoBanB .cont{ z-index: 2; }
    #AutoBanB .cont .h1{ line-height: 30px; font-size: 22px; }
}
@media (max-width:375px) {
    #AutoBan .h1{ line-height:20px; font-size:14px;}
}
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
/* 响应式调整 */
        @media (max-width: 1024px) {
            #IndexBan {
                min-height: 500px;
            }
            
            .bannertxt img {
                max-width: 70%;
            }
        }
        @media (max-width: 768px) {
            #IndexBan {
                height: auto;
                min-height: auto;
            }
            
            .bannertxt img {
                max-width: 60%;
            }
            
            .scroll-down img {
                width: 40px;
                height: 40px;
            }
        }
        
        @media (max-width: 480px) {
            #IndexBan {
                min-height: auto;
            }
            
            .bannertxt img {
                max-width: 80%;
            }
        }
/**首页**/

.IndexBlockA{ position:relative; padding-bottom: 95px; }
.IndexBlockA .swiper-container{ padding:25px 0; margin-top: -25px; margin-bottom: 25px;; }
.IndexBlockA .swiper-container .swiper-slide .Box{ transform: scale(1); transition:all .3s; box-shadow: 0 0 20px rgba(0,0,0,.5); }
.IndexBlockA .swiper-container .swiper-slide-active .Box{ box-shadow: 0 0 20px rgba(0,0,0,0); }
.IndexBlockA .swiper-container .swiper-slide-prev .Box{ transform: scale(.8); }
.IndexBlockA .swiper-container .swiper-slide-next .Box{ transform: scale(.8); }
.IndexBlockA .swiper-container .swiper-slide-shadow-left,
.IndexBlockA .swiper-container .swiper-slide-shadow-right{ display: none; }
.IndexBlockA .swiper-container .Box{ display: block; background:url(../images/back_product.jpg) no-repeat center/75% 100%; text-align: center; transform: translateX(0); padding-top:40px; }
.IndexBlockA .swiper-container .imgBox{ position: relative; margin:0 auto; width:65%; }
.IndexBlockA .swiper-container .imgBox::before{ content:""; display: block; padding-top:53.544%; }
.IndexBlockA .swiper-container .imgBox img{ display: block; position: absolute; left: 0; top:0; width: 100%; height: auto; }
.IndexBlockA .swiper-container .cont{ padding:10px 15px 30px; }
.IndexBlockA .swiper-container .title{ line-height: 20px; font-weight: bold; font-size: 16px; color:#014099; margin-bottom: 4px; }
.IndexBlockA .swiper-container .des{ line-height: 20px; font-size: 14px; color:#999999; }
.IndexBlockA .swiper-container .Btns a{ position: absolute; top:0; height: 100%; width:30px; cursor: pointer; z-index: 2; }
.IndexBlockA .swiper-container .Btns .prev{ left:5%; background:url(../images/icon_jt2_1.png) no-repeat center; }
.IndexBlockA .swiper-container .Btns .next{ right:5%; background:url(../images/icon_jt2_2.png) no-repeat center; }
.IndexBlockA .swiper-container .Btns .prev:hover{ background-image:url(../images/icon_jt2_1_h.png); }
.IndexBlockA .swiper-container .Btns .next:hover{ background-image:url(../images/icon_jt2_2_h.png); }
@media only screen and (max-width: 1200px){
    .IndexBlockA{ padding-bottom:30px; }
    .IndexBlockA .swiper-container{ margin-bottom: 0; }
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
}

/*.IndexBlockB{ padding:55px 0 145px;  }*/
.IndexBlockB .l_cont{ width: 630px; display: inline-block; vertical-align: middle; }
.IndexBlockB .des{ line-height: 30px; font-size: 15px; color:#555555; }
.IndexBlockB .content{ padding:50px 0 55px; }
.IndexBlockB .content .wid{ display: inline-block; vertical-align: top; text-align: center; position: relative; }
.IndexBlockB .content .wid+.wid{ margin-left:50px; padding-left: 50px; }
.IndexBlockB .content .wid+.wid::before{ content: ""; position: absolute; left:0; top:10%; height: 80%; width:1px; background:#82858e; }
.IndexBlockB .content .p{ margin-bottom: 10px; line-height: 0; font-size: 0; color:#333333; }
.IndexBlockB .content .num{ line-height: 60px; font-weight: bold; font-size: 59px; }
.IndexBlockB .content .icon{ vertical-align: top; line-height: 24px; font-style: normal; font-size: 23px; }
.IndexBlockB .content .icon2{ font-size: 14px; }
.IndexBlockB .content .txt{ line-height: 20px; font-size: 15px; color:#333333; }
.IndexBlockB .r_cont{ display: inline-block; vertical-align: middle; margin-left: 240px; margin-top: 60px; }
.IndexBlockB .r_cont .VideoPlay{ display: inline-block; height:101px; width:101px; background:url(../images/icon_play.png) no-repeat center/contain; border-radius: 50%; transition:all .3s; transform: rotate(0deg); opacity: 1; }
.IndexBlockB .r_cont .VideoPlay:hover{ opacity: .8; transform: rotate(45deg); }
.IndexBlockB .abjj {
    width: 100%;
    height: 890px;
    background: url(../images/abjj.png) center;
    margin-top: 40px;
     /*new*/
    background-size: cover;
}
.fullh {
    height: 100%;
    position: relative;
}
.w1330 {
    width: 80%;
    margin: 0px auto;
}
.fullh .wenrou {
    position: absolute;
    top: 10px;
    left: 0;
}
.abjjtt {
    width: 596px;
    height: auto;
    display: table;
}
.abjjtt h2 {
    font-size: 40px;
    font-weight: bold;
    color: #000000;
    margin-top: 230px;
    text-align: center;
}
.abjjtt span {
    color: #0086ff;
}
.abjjtt p {
    font-size: 16px;
    color: #4e4e4e;
    text-align: center;
}
/*.info {*/
/*    margin-top: 38px;*/
/*}*/
/*.info {*/
/*    width: 596px;*/
/*    height: auto;*/
/*    display: table;*/
/*}*/
/*.info p {*/
/*    font-size: 16px;*/
/*    color: #000000;*/
/*    font-weight: 500;*/
/*    line-height: 30px;*/
/*}*/
/*.info a {*/
/*    display: inline-block;*/
/*    width: 156px;*/
/*    height: 40px;*/
/*    border-radius: 40px;*/
/*    text-align: center;*/
/*    line-height: 40px;*/
/*    background-color: #424242;*/
/*    font-size: 16px;*/
/*    color: #FFFFFF;*/
/*    margin-top: 30px;*/
/*    margin: 0 25px;*/
    /* float: left; */
/*    -webkit-transition: 0.5s;*/
/*    -o-transition: 0.5s;*/
/*    -ms-transition: 0.5s;*/
/*    -moz-transition: 0.5s;*/
/*    transition: 0.5s;*/
/*}*/
/*.info a:hover {*/
/*    background-color: #0086ff;*/
/*}*/
.numc {
    width: 100%;
    height: 195px;
    background-color: #0086ff;
    margin-top: 55px;
}
.numc li {
    width: 25%;
    float: left;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.numc li p:nth-child(1) {
    font-size: 20px;
    color: #ffffff;
}
.numc li p:nth-child(1) span{
	font-size: 60px;
	color: #fff;
	font-family: impact;
}
.numc li p:nth-child(2){
	font-size: 20px;
	color: #fff;
}
.numc li:hover{
	background-color: #1b48a6;
	cursor: pointer;
}
.numc li:hover p{
	color: #FFFFFF;
}
.numc li:hover span.counter{
	color: #FFFFFF;
}
.numc li:hover p span {
    color: #fff;
}
.numc li:hover {
    background-color: #23ab2e;
    cursor: pointer;
}
@media (max-width: 1190px){
    .IndexBlockB .abjj {
    background: url(../images/abjj.jpg) left 0;
    background-size: 300%;
    margin-top: 38px;
   
}
.w1330 {
    width: 96%;
    margin: 0px auto;
}

.abjjtt {
    width: 100%;
    height: auto;
    display: table;
    text-align: center;
}

.info {
    width: 100%;
    height: auto;
    display: table;
    text-align: center;
}
.info a {
    margin: 0px auto;
}
.numc li p:nth-child(1) {
    font-size: 18px;
    color: #ffffff;
}
.numc li p:nth-child(2) {
    font-size: 14px;
    color: #fff;
}
}
@media (max-width: 768px){

    .abjj h2 {
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        margin-top: 75px;
    }

    .fullh .wenrou {
        position: absolute;
        top: -22px;
        left: 0px;
        width: 103px;
    }
.numc{
    width: 100%;
    height: auto;
    background-color: #1b48a6;
    display: table;
    margin-top: 55px;
  
}
.numc li {
    width: 50%;
    height: 110px;
}
.numc li p:nth-child(1) span {
    font-size: 40px;
    color: #fff;
    font-family: impact;
}
}
@media only screen and (max-width: 1200px){
    .IndexBlockB{ padding:0 0 100px; text-align: center; background-position:center bottom; background-size:auto 300px; }
    .IndexBlockB .l_cont{ width: 100%;}
    .IndexBlockB .des{ margin-top:-15px; }
    .IndexBlockB .content{ padding:15px 0 20px; }
    .IndexBlockB .content .p{ margin-bottom: 5px; }
    .IndexBlockB .content .num{ line-height: 40px; font-size: 36px; }
    .IndexBlockB .r_cont{ margin-left:0; margin-top:90px  }
    .IndexBlockB .r_cont .VideoPlay{ width:50px; height: 50px; }

}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
    .IndexBlockB{ padding:0 0 70px; background-size:auto 200px; }
    .IndexBlockB .des{ font-size: 14px; line-height: 24px; }
    .IndexBlockB .content{}
    .IndexBlockB .content .p{ margin-bottom: 0px; }
    .IndexBlockB .content .num{ line-height: 30px; font-size: 24px; }
    .IndexBlockB .content .wid+.wid{ margin-left: 15px; padding-left: 15px; }
    .IndexBlockB .content .txt{ font-size: 14px; }
    .IndexBlockB .r_cont{ margin-top:70px; }
}
@media only screen and (max-width: 400px){
    .IndexBlockB .content{ margin:0 -10px; }
    .IndexBlockB .content .wid+.wid{ margin-left:10px; padding-left: 10px; }
}
@media only screen and (max-width: 375px){
    .IndexBlockB .content{ margin:0 -15px; }
    .IndexBlockB .content .wid+.wid{ margin-left:10px; padding-left: 10px; }
    .IndexBlockB .content .txt{ font-size: 12px; }
}

.IndexBlockC{ padding-bottom: 0px; }
.IndexBlockC .TabBoxs{}
.IndexBlockC .TabBoxs .swiper-container{ margin-bottom: 50px; }
.IndexBlockC .swiper-container .Box{ display: block; text-align: center; width: 150px; height: 130px; padding-top: 18px; background:url(../images/back_bg1_1.png) no-repeat center/contain; position: relative; margin:0 auto }
.IndexBlockC .swiper-container .Box::after{ content:''; position: absolute; left:50%; top:120px; margin-left: -11px; }
.IndexBlockC .swiper-container .Box .Img{ display: inline-block; vertical-align: top; position: relative; margin-bottom: 3px; }
.IndexBlockC .swiper-container .Box .Img img{ display: block; transition:all .3s; opacity: 1; width:50px; height: 50px; }
.IndexBlockC .swiper-container .Box .Img .i{}
.IndexBlockC .swiper-container .Box .Img .i_h{ opacity: 0; position: absolute; left: 0; top:0; }
.IndexBlockC .swiper-container .Box .txt{ line-height: 22px; font-size: 16px; color:#666666; width: 100px;  margin: 0 auto;}
.IndexBlockC .swiper-container .Box.on{ background-image: url(../images/back_bg1_2.png); }
.IndexBlockC .swiper-container .Box.on .Img .i{ opacity: 0; }
.IndexBlockC .swiper-container .Box.on .Img .i_h{ opacity: 1; }
.IndexBlockC .swiper-container .Box.on::after{ border-top:8px solid #014099; border-left:11px solid transparent; border-right:11px solid transparent; }
.IndexBlockC .swiper-container .Box.on .txt{ color:#fff;width: 100px; margin: 0 auto; }
.IndexBlockC .TabCon{ font-size: 0; }
.IndexBlockC .TabCon .Img{ display: inline-block; vertical-align:top; width: 50%; }
.IndexBlockC .TabCon .Img li{ position: relative; }
.IndexBlockC .TabCon .Img li p{ position: absolute;bottom: 0;line-height: 40px;height: 40px;color: #fff; width: 100%; z-index: 9999;font-size: 22px;text-align: center;background: #00000099;}

.IndexBlockC .TabCon .cont{ display: inline-block; vertical-align:top; width: 50%;/* padding-top: 25px; padding-left: 35px;*/ }
.IndexBlockC .TabCon .cont li {position: relative; float: left;margin-left: 2%;width: 48%;}
.IndexBlockC .TabCon .cont li p{ position: absolute;bottom: 0;line-height: 40px;height: 40px;color: #fff; width: 100%; z-index: 9999;font-size: 22px;text-align: center;background: #00000099;}
.IndexBlockC .TabCon .cont li:nth-child(3) {padding-top: 20px;}
.IndexBlockC .TabCon .cont li:nth-child(4) {padding-top: 20px;}





.IndexBlockC .TabCon .cont .Img{ display: none; }
.IndexBlockC .TabCon .cont .h2{ line-height: 30px; font-size: 26px; color:#014099; }
.IndexBlockC .TabCon .cont .h2::after{ content: ""; display: block; height: 2px; background:#d7d7d7; width:1.6em; margin:20px 0 25px; }
.IndexBlockC .TabCon .cont .word{ line-height: 26px; font-size: 15px; color:#888888;     -webkit-line-clamp: 10; }
.IndexBlockC .TabCon .cont .word p{}
.IndexBlockC .TabCon .cont .word br{ display: none; }
.IndexBlockC .TabCon .cont .word br+p{ margin-top:10px; }
.IndexBlockC .cpinfobg {position: relative;}
.IndexBlockC .cpinfobg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-image: url(http://www.wfhxjx.cn/images/g1.jpg);*/
  background-size: cover;
  opacity: 0.5; /* 透明度设置（0-1） */
  z-index: -1; /* 置于底层 */
}
/*newcplist20250727*/
 .cards-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            padding: 50px 0;
        }
        
        .card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 51, 102, 0.15);
            overflow: hidden;
            width: 13.33%;
            position: relative;
            border: 1px solid #e0e0e0;
            transition: box-shadow 0.4s ease;
            height: 400px;
            overflow: hidden;
        }
        
        .card:hover {
            box-shadow: 0 15px 35px rgba(0, 70, 140, 0.25);
            z-index: 6;
        }
        
        .card-img {
            height: 220px;
            background-color: #f0f4f8;
            overflow: hidden;
            position: relative;
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        
        .card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        
        .card-content {
            padding: 25px;
            text-align: center;
            background: white;
            position: relative;
            z-index: 2;
            transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        
        .card:hover .card-img img {
            transform: scale(1.1);
        }
        
        .card:hover .card-img::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 51, 102, 0.3);
            transition: all 0.6s ease;
        }
        
        .card:hover .card-content {
            transform: translateY(-50%);
        }
        
        .feature-list {
            margin: 15px 0;
            list-style: none;
            text-align: left;
            padding: 0 10px;
            max-height: 0;
            opacity: 0;
            transition: all 0.5s ease;
        }
        
        .card:hover .feature-list {
            max-height: 150px;
            opacity: 1;
        }
        
        .feature-list li {
            padding: 8px 15px;
            margin: 8px 0;
            background: #f0f7ff;
            border-left: 3px solid #0056b3;
            border-radius: 4px;
            font-size: 0.95rem;
            color: #003366;
            transition: all 0.3s ease;
        }
        
        .feature-list li:hover {
            background: #d7e8ff;
            transform: translateX(5px);
        }
        
        .card h2 {
            font-size: 1.6rem;
            margin-bottom: 15px;
            color: #003366;
            transition: margin-bottom 0.5s ease;
        }
        
        .card:hover h2 {
            margin-bottom: 20px;
        }
        
        .card .learn-more {
            display: inline-block;
            padding: 10px 20px;
            color: white;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 600;
            transition: all 0.4s ease;
            margin-top: 10px;
            position: relative;
            overflow: hidden;
            border: none;
        }
        
        .card .learn-more span {
            position: relative;
            z-index: 2;
        }
        
        .card .learn-more::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #003366;
            transition: all 0.4s ease;
            
        }
        
      
        
        .card .learn-more:hover::after {
            left: 100%;
        }
        
        .card .learn-more i {
            margin-left: 5px;
            transition: transform 0.3s ease;
        }
        
        .card .learn-more:hover i {
            transform: translateX(5px);
        }
        
        .divider {
            position: absolute;
            top: 10%;
            right: -2px;
            height: 80%;
            width: 1px;
            background: #e0e0e0;
        }
        
        .statistics {
            display: flex;
            justify-content: space-around;
            max-width: 900px;
            margin: 50px auto;
            background: white;
            padding: 25px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        }
        
        .stat-item {
            text-align: center;
        }
        
        .stat-item .number {
            font-size: 2.5rem;
            font-weight: 700;
            color: #003366;
            margin-bottom: 5px;
        }
        
        .stat-item .label {
            color: #5a7d9c;
            font-weight: 600;
        }
        
        .footer {
            text-align: center;
            margin-top: 60px;
            color: #5a7d9c;
            font-size: 0.9rem;
        }
        
        
        @media (max-width: 1200px) {
            .cards-container {
                gap: 20px;
            }
            
            .card {
                width: 280px;
            }
        }
        
        @media (max-width: 900px) {
            .cards-container {
                flex-wrap: wrap;
            }
            
            .card {
                width: calc(50% - 20px);
            }
            
            header h1 {
                font-size: 2.4rem;
            }
        }
        
        @media (max-width: 600px) {
            .card {
                width: 45%;
                max-width: 350px;
            }
            
            header h1 {
                font-size: 2rem;
            }
        }
/* newcpend*/
@media (min-width: 1200px){
    .IndexBlockC .swiper-container .Box:hover{ background-image: url(../images/back_bg1_2.png); }
    .IndexBlockC .swiper-container .Box:hover .Img .i{ opacity: 0; }
    .IndexBlockC .swiper-container .Box:hover .Img .i_h{ opacity: 1; }
    .IndexBlockC .swiper-container .Box:hover::after{ border-top:8px solid #014099; border-left:11px solid transparent; border-right:11px solid transparent; }
    .IndexBlockC .swiper-container .Box:hover .txt{ color:#fff; }
}
@media (max-width: 1200px){
    .IndexBlockC{ padding-bottom: 30px; }
    .IndexBlockC .TabBoxs .swiper-container{ margin-bottom: 20px; }
    .IndexBlockC .swiper-container .Box{ width:110px; height: 100px; padding-top: 15px; }
    .IndexBlockC .swiper-container .Box .Img img{ width:36px; height: 36px; }
    .IndexBlockC .swiper-container .Box .txt{ font-size: 14px; }
    .IndexBlockC .swiper-container .Box::after{ top:91px; }
    .IndexBlockC .TabCon .cont{ padding-top: 10px; padding-left: 20px; }
    .IndexBlockC .TabCon .cont .h2{ line-height: 26px; font-size: 22px; }
    .IndexBlockC .TabCon .cont .h2::after{ margin:10px 0 15px; }
    .IndexBlockC .TabCon .cont .word{ line-height: 22px; font-size: 14px; }
}
@media (max-width: 992px){
    .IndexBlockC .TabCon .Img{ display: none; }
    .IndexBlockC .TabCon .cont{ display: block; width:100%;padding:inherit ; }
    .IndexBlockC .TabCon .cont .h2{ line-height: 24px; font-size: 20px; }
    .IndexBlockC .TabCon .cont .Img{ display: block; width:auto; margin-bottom: 15px; }
    .IndexBlockC .TabCon .cont .word{ line-height: 24px; font-size: 15px; }
    .IndexBlockC .TabCon .cont li {
        position: relative;
        float: left;
        margin: 0 1%;
        width: 48%;
    }
}
@media only screen and (max-width: 768px){
}

.IndexBlockD{ background:#f5f5f5; padding-bottom: 85px; }
.IndexBlockD .SBox{ position: relative; }
.IndexBlockD .swiper-container{}
.IndexBlockD .Box{ display: block; position: relative; }
.IndexBlockD .Box::after{ content:""; position: absolute; left:0; bottom:0; width:100%; height: 1px; background:#e7e7e7; }
.IndexBlockD .Box .imgBox{ display:block; position: relative;}
.IndexBlockD .Box .imgBox::before{ content:""; display:block; width:100%; padding-top:64%; }
.IndexBlockD .Box .imgBox:hover img{ transform:scale(1.02); }
.IndexBlockD .Box .cont{ padding:30px 0; }
.IndexBlockD .Box .title{ line-height: 22px; font-size: 18px; color:#333333; }
.IndexBlockD .Box .date{ line-height: 20px; font-size: 14px; color:#d3d3d3; margin-bottom:20px; }
.IndexBlockD .Box .des{ line-height: 24px; font-size:14px; color:#999999; }
.IndexBlockD .Box:hover .title{ color:#014099; }
.IndexBlockD .Box:hover::after{ background-color:#014099; }
.IndexBlockD .Btns a{ position: absolute; top:50%; margin-top:-30px; width: 42px; height: 60px; background:#cecece no-repeat center; transition:all .3s; z-index: 2; }
.IndexBlockD .Btns .prev{ left:-90px; background-image: url(../images/icon_jt1_1.png); }
.IndexBlockD .Btns .next{ right:-90px; background-image: url(../images/icon_jt1_2.png); }
.IndexBlockD .Btns a:hover{ background-color:#014099; }
@media (max-width: 1450px){
    .IndexBlockD .Btns .prev{ left:0; }
    .IndexBlockD .Btns .next{ right:0; }
}
@media (max-width: 1200px){
    .IndexBlockD{ padding-bottom: 30px; }
    .IndexBlockD .Box .cont{ padding:10px 0 15px; }
    .IndexBlockD .Box .title{ font-size: 16px; }
    .IndexBlockD .Box .date{ margin-bottom: 5px; }
    .IndexBlockD .Box .des{ line-height:22px; }
}
@media (max-width: 992px){
    .IndexBlockD .Box .title{ font-size: 15px; }
    .IndexBlockD .Btns a{ margin-top:-20px; width: 36px; height: 40px; }
}
@media (max-width: 768px){
  .IndexBlockD .Btns a { top: 35%; }
}

.IndexBlockE{ padding-bottom: 70px;}
.IndexBlockE .ul{ font-size: 0; line-height: 0; margin:-10px; }
.IndexBlockE .ul li{ display: inline-block; padding:10px; }
.IndexBlockE .ul .Box{ display: block; width:220px; max-width: 100%; margin:0 auto; transition:all .3s; transform:translateY(0); box-shadow:0 0 15px rgba(0,0,0,0); }
.IndexBlockE .ul .Box::before{ content:""; display: block; padding-top:53.63%; }
.IndexBlockE .ul .Box img{ position: absolute; left: 0; top:0; width:100%; height: 100%; }
.IndexBlockE .ul .Box:hover{ transform:translateY(-5px); box-shadow:0 0 15px rgba(0,0,0,.1); }
@media (max-width: 1200px){
    .IndexBlockE{ padding-bottom: 0px;margin-bottom:0; }
    .IndexBlockE .ul{ margin:-6px; }
    .IndexBlockE .ul li{ padding:6px; }
}

.WebSiteAndMenum{ position: relative; border-bottom: 1px solid #e5e5e5; }
/**面包屑地址**/
.WebSiteAndMenum .WebSite{ border-bottom:0 none; }
.WebSite{ font-size:0; line-height:0; padding:24px 0; border-bottom: 1px solid #e5e5e5; }
.WebSite a,
.WebSite span{ color:#555555; font-size:15px; line-height:22px; display:inline-block; vertical-align:middle; }
.WebSite span{ margin:0 5px; }
.WebSite .home{ padding-left:25px; background:url(../images/icon_icon11.png) no-repeat left center/18px auto; }
.WebSite span:last-child{ margin:0; }
.WebSite a:hover{ color:#13499a; }
@media (max-width:1200px) {
    .WebSite{ padding:20px 0; }
}
@media (max-width:992px) {
    .WebSiteAndMenum .WebSite{ float: none; display: block; border-bottom: 1px solid transparent; }
    /*.WebSiteAndMenum .WebSite::after{ content: ''; position: absolute; left: 0; width:100%; top:52px; height: 1px; background:#e5e5e5; }*/
    .WebSite{ padding:15px 0; }
    .WebSite a,
    .WebSite span{ font-size: 14px; }
}
@media (max-width:768px) {
    .WebSite{ padding:15px 0; }
}

/**二级菜单**/
.WebSiteAndMenum .NextMenu{     padding: 24px 0; }
.WebSiteAndMenum .NextMenu .fr img {
    height: 26px;
    float: left;
    margin-right: 10px;
}
.WebSiteAndMenum .NextMenu .fr strong {
    font-weight: 100;
    font-family: impact;
    font-size: 22px;
    display: inline-block;
}
/* .NextMenu{ border-bottom:1px solid #eeeeee; } */
.NextMenu .container{ text-align:center; }
.NextMenu .swiper-slide{ width: auto; }
.NextMenu .swiper-slide:last-child{ margin-right:0!important; }
.NextMenu .Box{ display:inline-block; vertical-align:top; font-size:0; line-height:0; }
.NextMenu a{ display:inline-block; font-size:15px; color:#333333; line-height:70px; position:relative;font-weight: 600; }
.NextMenu a::after{ content:""; display:block; position:absolute; left:0; bottom:0; height:2px; width:0; background:transparent; transition:all .4s; }
.NextMenu a:hover,
.NextMenu .on{ color:#13499a; }
.NextMenu a:hover::after,
.NextMenu .on::after{ background:#13499a; width:100%; }
@media (max-width:1200px) {
    .NextMenu a{ line-height:62px; }
}
@media (min-width:992px) {
    .NextMenu .swiper-slide{ width: auto!important; }
}
@media (max-width:992px) {
    .WebSiteAndMenum .NextMenu{ float: none; text-align: center; }
    .NextMenu a{ line-height:52px; font-size: 14px; }
    .NextMenu a+a{ margin-left:20px; }
}

/*新二级菜单*/
.cpkky-lan {
    height: auto;
    overflow: hidden;
    margin: 30px auto 10px;
}
.cpkky-lan li {
    list-style-type: none;
    float: left;
    width: 19%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 10px;
}
.cpkky-lan li a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #333333;
    color: #333333;
}
.cpkky-lan li a:hover {
    border: 1px solid #ce061f;
    background-color: #ce061f;
    color: #ffffff;  
    text-decoration: none;
    transition: all 300ms ease-in 0ms;
  
}
.cpkky-lan li.hover a {
    border: 1px solid #ce061f;
    background-color: #ce061f;
    color: #ffffff;
}
.pro_son{
    display: none;
    position: absolute;
    text-align: center;
    font-size: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    height: auto;
    background-color: rgba(0,0,0,0.75);
    z-index: 999;
}
.pro_son .item {
    display: inline-block;
    width: 12%;
    margin: 1%;
    text-align: center;
}
.pro_son .item p {
    font-size: 16px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 1;
}
.bag {
    width: 80%;
    margin: 0 auto;
}
@media (max-width: 992px){    
    .cpkky-lan li {
        list-style-type: none;
        float: left;
        width: 49%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

}
/* 产品中心分类 */
.left_side {

    width: 300px;

	padding:50px 0 70px 0;

}

.right_side { 

	padding:35px 0 70px 0;

	width: calc(100% - 300px);

}

.fl {

    float: left;

}

.left_side .box_one, .left_side .box_two {

    width: 280px;

    background-color: #1b48a6;

    padding: 10px 10px;

}

.left_side .box_one .title {

    padding: 40px 15px;
    margin-bottom: 5px;

}


.left_side .box_one .title .xian {
    width: 64px;
    height: 3px;
    background-color: #ffffff;
    margin: 10px 0;
}
.left_side .box_one .title h3 {

    color: #fff;
    font-size: 55px;
    font-family: impact;
    font-weight: 300;
    line-height: 60px;
    opacity: 0.8;
    margin: 0;
    padding: 0;
}

.left_side .box_one .title p {
    color: #fff;
    font-size: 36px;
    line-height: 41px;

}

.left_side .box_one ul li {

    line-height: 50px;

    background-color: #fff;

    margin-bottom: 5px;

    text-align: left;

	font-size: 16px;
    list-style: none;

}

.left_side .box_one ul li a {

    color: #333;

    padding-left: 20px;

    position: relative;

    z-index: 1;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.left_side .box_one ul li .son_nav {

    border-top: 1px solid #1b48a6;

}

.left_side .box_one ul li a i {

    background-color: dodgerblue;

}

.pub_button:hover .pb_bg, .pub_button.active .pb_bg {

    transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform-origin: left 0;

    -webkit-transform-origin: left 0;

    visibility: visible\9;

}

.pub_button .pb_bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(27,72,166,0.7);

    -webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);

    transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);

    transform-origin: left 100%;

    -webkit-transform-origin: left 100%;

    transform: scaleY(0);

    -webkit-transform: scaleY(0);

    visibility: hidden\9;

    z-index: -1;

}

.pub_button .pb_bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(27,72,166,0.7);

    -webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);

    transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);

    transform-origin: left 100%;

    -webkit-transform-origin: left 100%;

    transform: scaleY(0);

    -webkit-transform: scaleY(0);

    visibility: hidden\9;

    z-index: -1;

}

.left_side .box_one ul li .son_nav {

    border-top: 1px solid #1b48a6;

}

.left_side .box_one ul li .son_nav a {

    background: none;

    height: 40px;

    line-height: 40px;

	display: block;
    padding-left: 48px;

}

.left_side .box_one ul li a {

    color: #333;

    padding-left: 20px;

    position: relative;

    z-index: 1;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

	display: block;

}

.left_side .box_one ul li a i {

    background-color: #cc0000;

}

.pub_button .pb_bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(27,72,166,0.7);

    -webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);

    transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);

    transform-origin: left 100%;

    -webkit-transform-origin: left 100%;

    transform: scaleY(0);

    -webkit-transform: scaleY(0);

    visibility: hidden\9;

    z-index: -1;

}

.left_side .box_two {

    margin-top: 10px;

    padding: 20px 10px;

}

.left_side .box_one, .left_side .box_two {

    width: 280px;

    background-color: #1b48a6;

    padding: 10px 10px;

}



.left_side .box_two strong {

    color: #fff;

    font-size: 30px;

    display: block;

    margin-bottom: 10px;

    font-family: impact;

    font-weight: 100;

}

.left_side .box_two p {

    font-size: 16px;

    color: #fff;

    line-height: 30px;

}

.left_side .box_two .cont {

    height: 36px;

    line-height: 36px;

    background-color: #fff;

    margin-top: 10px;

    width: 200px;

    color: #333;

    text-align: center;

	display: block;

	font-size: 18px;
    margin: 0 auto;


}

.left_side .box_one ul li a:hover, .left_side .box_one ul li a.active {

    color: #fff;

}



.left_side .box_two .cont i {

    background-color: dodgerblue;

}

.pub_button .pb_bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(27,72,166,0.7);

    -webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);

    transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);

    transform-origin: left 100%;

    -webkit-transform-origin: left 100%;

    transform: scaleY(0);

    -webkit-transform: scaleY(0);

    visibility: hidden\9;

    z-index: -1;

}
.left_side .box_one ul li .imgr {
    float: right;
    margin: 16px 9px 0 0;
    transition: all 0.2s linear;
}
.left_side .box_one ul li a:hover .imgr {
    filter: grayscale(100%) brightness(200%);
}
.left_side .box_one ul li a.active .imgr {
    filter: grayscale(100%) brightness(200%);
}
/* 新产品 */
#scroll_1 {

    height: 350px;

    width: 90%;

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    padding: 20px 0;

}



#scroll_1 ul {

    width: 100000px;

    position: absolute;

    left: 0;

}



#scroll_1 ul li {

    float: left;

    width: 268px;

    text-align: center;

    margin-right: 36px;

    list-style: none;

}



#scroll_1 ul li img {

    display: inline-block;

    width: 248px;

    height: 248px;

    border: 10px solid #fff;

    border-radius: 50%;

    box-shadow: 0 0 10px #ccc;

}

#scroll_1 ul li:hover img {  

    border: 10px solid #0bc038;

	transform: scale(1.04);

	-webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

   

}

#scroll_1 ul li strong {font-weight: 300;display: block;font-size: 16px;color: #fff;margin-top: 20px;width: 100%;height: 40px;line-height: 40px;background-color: #0086ff;border-radius: 120px;}



#scroll_1 ul li:hover strong {

    background-color: #09c538;

	-webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

}
/*new*20250727*/
.cpbox{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    
}
/*.cpbox .picleft {width:35%;height:745px;overflow:hidden;}*/
.cpbox .picleft {width:35%;height:745px;overflow:hidden;display:none}/*2025308px
/*#scroll_up {height:680px;width:65%;overflow: hidden;max-width:100%;margin:50px auto 0;}*/
#scroll_up {height:400px;width:100%;overflow: hidden;max-width:100%;margin: 0;}/*2025*/
#scroll_up .scroll-container {overflow: hidden; /* 隐藏容器溢出的内容 */
  position: relative; /* 为子元素的绝对定位提供参考 */
  height: 100%; /* 设置为父容器高度的一半 */}
#scroll_up ul {
    width: 100000px;
    position: absolute;
}
/*#scroll_up ul li{float: left;width:33.3%;margin:0.5%;text-align: center;list-style: none;*/
/*#scroll_up ul li{float: left;width:11.5%;margin:0.5%;text-align: center;list-style: none;2025*/
#scroll_up ul li{float: left;width:308px;margin:5px;text-align: center;list-style: none;/*2025*/
    background: white;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.09);
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            position: relative;
            transform: translateY(0);
}

#scroll_up ul li .img, .section_four .item .img, #scroll_two ul li .img{overflow: hidden;}

#scroll_up ul li img, .section_four .item .img img, #scroll_two ul li .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

#scroll_up ul li:hover img, .section_four .item:hover img, #scroll_two ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#scroll_up ul li .img {
            /* 保留原有overflow属性 */
            overflow: hidden;
            
            /* 新增样式 */
            height: 220px;
          /*  height: 80px; 2025*/
            display: flex;
            align-items: center;
            justify-content: center;
            /*background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%);*/
            border-radius: 8px;
            position: relative;
        }
        
        #scroll_up ul li .img:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*background: rgba(52, 152, 219, 0.1);*/
            opacity: 0;
            transition: opacity 0.4s ease;
        }
        
        #scroll_up ul li:hover .img:before {
            opacity: 1;
        }
        
        #scroll_up ul li img {
            /* 保留原有transition */
            transition: 0.5s;
            
            /* 新增图片效果 */
            max-width: 100%;
            max-height: 260px;
            object-fit: contain;
            filter: grayscale(15%);
        }
        
        #scroll_up ul li:hover img {
            /* 保留原有动画基础上增强 */
            transform: scale(1.08);
            filter: grayscale(0%);
        }
        
        /* 标题美化 */
        #scroll_up ul li h3.wot {
            /* 保留原有font-size和color */
            color: #333;
            font-size: 18px;
            
            /* 新增标题样式 */
            padding: 18px 0 10px;
            text-align: center;
            font-weight: 600;
            position: relative;
            margin-top: 15px;
            transition: color 0.3s ease;
            /*white-space: nowrap;*/
            /*overflow: hidden;*/
            /*text-overflow: ellipsis;*/
            height: 44px;/*2025*/
        }
        
        #scroll_up ul li:hover h3.wot {
            color: #0f3580;
        }
        
        #scroll_up ul li h3.wot:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 2px;
            background: #0f3580;
            opacity: 0;
            transition: all 0.3s ease;
        }
        
        #scroll_up ul li:hover h3.wot:after {
            opacity: 1;
            width: 80px;
        }
#scroll_up ul li h3{color:#333;font-size:18px;padding:10px 0 10px 10px;}

#scroll_up ul li .call{height:25px;line-height:20px;font-size: 16px; color:#333;font-weight:bold;padding-left:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}

#scroll_up ul li .call i{display: inline-block;vertical-align:top;width:20px;height:20px;margin-right:10px;background:url(/skin/images/stel-g.png) center/100% no-repeat;}

/*#scroll_up ul li:hover{background-color:#0086ff;}*/
 #scroll_up ul li:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
#scroll_up ul li:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(to right, #3498db, #2ecc71);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        #scroll_up ul li:hover:before {
            opacity: 1;
        }
 #scroll_up ul li a {
            text-decoration: none;
            display: block;
            padding: 20px;
            color: #333;
            position: relative;
            transition: all 0.3s ease;
        }
 #scroll_up ul li:hover a {
            transform: scale(1.02);
        }
        
#scroll_up ul li:hover h3{color:#fff;}

#scroll_up ul li:hover i{background-image:url(/skin/images/stel-w.png);}

#scroll_up ul li:hover .call{color:#fff;border-color:#0086ff;}
@media screen and (max-width:1200px){
   .cpbox .picleft {display:none;} 
   #scroll_up {width:100%;} 
}
@media screen and (max-width:768px){

	
	#scroll_1{

		height: 240px;

	}

	#scroll_1 ul li{

		width: 180px;

		margin-right: 20px;

	}

	#scroll_1 ul li img{

		width: 160px;

		height: 160px;

	}

	#scroll_up {
	    height: 500px;
	}

	#scroll_up ul li {

	    float: left;

	    width: 200px;

	    margin: 5px;

	    -webkit-transition: 0.5s;

	    -o-transition: 0.5s;

	    -ms-transition: 0.5s;

	    -moz-transition: 0.5s;

	    transition: 0.5s;

	}
	#scroll_up ul li .img {
	    height: auto;;
	}

	#scroll_up ul li h3{

		font-size: 16px;
		line-height: 19px;
        height: 32px;
    }

	}
	

	
/*文化*/
.js-m-top.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.js-m.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.js-m-top {
    opacity: 1;
    -webkit-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: all 1.5s cubic-bezier(0.69, 0.1, 0.12, 1.02);
    transition: all 1.5s cubic-bezier(0.69, 0.1, 0.12, 1.02);
}
.js-m {
    opacity: 1;
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.f-cb {
    zoom: 1;
}
.w1400 {
    width: 1400px;
    margin: 0 auto;
}
.n-news .li-item {
    background: #f2f2f2;
    display: block;
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.n-news .li-item .dd {
    width: 100%;
}
.li-img .img {
    overflow: hidden;
}
.n-news .li-item .dd img {
    width: 100%;
}
.li-img .img img {
    width: 100%;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.li-img:hover .img img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
.n-news .li-item:hover {
    background: #093c89;
}
.n-news .li-item:hover .p {
    color: #fff;
}
.n-news .li-item .dt {
    width: 100%;
    padding: 1rem 1.2rem;
}
.n-news .li-item .dt-tit1 {
    font-size: 28px;
    text-align: center;
}
.n-news .li-item .p {
    margin-top: .3rem;
    font-size: 18px;
    line-height: 24px;
    height: 48px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}
@media (max-width: 1600px) {
    .w1400 {
        width: 100%;
    }
}
@media (max-width: 786px) {
    .n-news .li-item {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
      .n-news .li-item:nth-child(2n+2) {
        margin-right: 0;

    }
    
    .n-news .li-item .dt-tit1 {
    font-size: 20px;
}
}
/**分页按钮**/
.PageBtns{ text-align:center; font-size:0; line-height:0; padding:60px 10px 85px; }
.PageBtns a{ display:inline-block; vertical-align: middle; font-size:16px; line-height:42px; color:#555555; min-width:62px; padding:0 5px; margin:2px; transition:all .4s; border:1px solid #e5e5e5; }
.PageBtns a:hover,
.PageBtns .page-num-current{ color:#fff; background:#ce061f; border-color:#ce061f; }
@media (max-width:1200px) {
    .PageBtns{ padding:45px 10px 60px; }
}
@media (max-width:992px) {
    .PageBtns{ padding:35px 10px 45px; }
    .PageBtns a{ min-width:38px; line-height:36px; }
}
@media (max-width:768px) {
    .PageBtns{  padding:20px 10px 30px; }
}

/**产品列表**/
.ProductList{ padding:20px 0 95px; }
.ProductList .ul{ line-height: 0; font-size: 0; }
.ProductList .ul li{ display: inline-block; vertical-align: top; width:33%;  }
.ProductList .ul .Box{ display: block;  text-align: center; padding:15px 11px; }
.ProductList .ul .imgBox{ position: relative; }
.ProductList .ul .imgBox::before{ content:''; display: block; padding-top:75%; }
.ProductList .ul .imgBox img{ display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; }
.ProductList .ul .title{ line-height: 20px; font-weight: bold; font-size: 16px; color:#333333; padding-top: 10px;}
.ProductList .ul .Box:hover .title{ color:#13499a; }
.caselist .ul li {width: 25%;}
.xiangg .ul li {width:25%;}
@media (max-width:1200px) {
    .ProductList{ padding:35px 0 30px; }
    .ProductList .ul{ margin:-10px; }
    .ProductList .ul li{ padding:10px; }
    .ProductList .ul .Box{ padding:20px 10px; }
}
@media (max-width:992px) {
    .ProductList .ul{ margin:-8px; }
    .ProductList .ul li{width:50%;  padding:0; }
    .ProductList .ul .Box{ padding:15px 10px; }
}
@media (max-width:768px) {
    .ProductList{ padding:0; }
    .ProductList .ul{ margin:-5px; }
    .ProductList .ul li{ padding:0; }
    .ProductList .ul .Box{ padding:10px 2px 5px; }
    .ProductList .ul .title{ font-size: 14px; }
}



/**产品详情**/
.ProductInfoA{ padding:90px 0 75px; background:linear-gradient(to bottom,#fafafa,#d9d9db); box-shadow:15px 0 15px rgba(0,0,0,.1) inset; text-align: center; }
.ProductInfoA .h1{ line-height: 52px; font-weight: normal; font-size: 42px; color:#333333; margin-bottom: 11px; }
.ProductInfoA .des{ line-height: 30px; font-size: 16px; color:#999999; }
.ProductInfoA .des::after{ content:""; display: block; height: 3px; background:url(../images/icon_icon10.png) no-repeat center; margin-top: 15px; }
.ProductInfoA .img{ padding:10px 0 15px; }
.ProductInfoA .word{ line-height: 30px; font-size: 16px; color:#555555; }
.ProductInfoB{ padding-bottom: 65px; }
.ProductInfoB .ul{ font-size: 0; line-height:0; padding-top:35px; margin:-15px 0; }
.ProductInfoB .ul li{ text-align: center; display: inline-block; vertical-align: top; width:20%; margin-left: 5%; padding:15px 0; }
.ProductInfoB .ul li:nth-child(4n+1){ margin-left: 0; }
.ProductInfoB .ul .Box{ transform:translateY(0); transition:all .3s; }
.ProductInfoB .ul .title{ line-height: 26px; font-size: 18px; color:#333333; margin:25px 0 15px; }
.ProductInfoB .ul .des{ line-height: 24px; font-size: 14px; color:#999999; }
.ProductInfoC{ background:#f1f1f1; padding-bottom: 90px; }
.ProductInfoC .ul{}
.ProductInfoC .ul .li{ background:#fff; font-size: 0; line-height:0; }
.ProductInfoC .ul .li:hover{ background: #f6f6f6; }
.ProductInfoC .ul .li .imgBox{ display: inline-block; width:50%; vertical-align: middle; }
.ProductInfoC .ul .li .imgBox::before{ content: ""; display: block; padding-top:55.835%; }
.ProductInfoC .ul .li .cont{ display: inline-block; width:50%; vertical-align: middle; padding:15px 5%; }
.ProductInfoC .ul .li .word{ line-height: 32px; font-size: 16px; color:#555555; }
.ProductInfoD{ padding-bottom: 60px; }
.ProductInfoD .ul{ font-size: 0; line-height:0; margin: -15px; }
.ProductInfoD .ul .li{ display: inline-block; vertical-align:top; padding:15px; text-align: center; }
.ProductInfoD .ul .li .imgBox{ display:block; cursor: pointer; margin-bottom: 12px; }
.ProductInfoD .ul .li .imgBox::before{ content: ""; display: block; padding-top:72.075%; }
.ProductInfoD .ul .li .title{ line-height: 20px; font-size: 14px; color:#333333; }
.ProductInfoE{ background:#f1f1f1; padding-bottom: 85px; }
.ProductInfoE .ul{ font-size: 0; line-height:0; margin: -15px; }
.ProductInfoE .ul .li{ display: inline-block; vertical-align:top; padding:15px; text-align: center; }
.ProductInfoE .ul .li .imgBox{ display:block; cursor: pointer; }
.ProductInfoE .ul .li .imgBox::before{ content: ""; display: block; padding-top:72.075%; }
.ProductInfoF{ padding-bottom: 100px; }
.ProductInfoF .cont{ line-height: 22px; font-size:14px; color:#666666; overflow-y: auto; }
.ProductInfoF .cont table{ width:100%; min-width: 640px; border-collapse: collapse; text-align: center; }
.ProductInfoF .cont table td,
.ProductInfoF .cont table th{ border:1px solid #ededed; padding:10px; line-height: 22px; height: 64px; }
.ProductInfoF .cont table th{ background: #f5f5f5; font-weight: normal; font-size:15px; color:#333333; }
.ProductInfoF .cont table td{ font-size:14px; color:#666666; }
.ProductInfoF .cont table td:nth-child(1){ width:16.66%; }
.ProductInfoF .cont table td:nth-child(2){ width:22.08%; }
.ProductInfoG{ background:#f1f1f1; padding-bottom: 85px; }
.ProductInfoG .cont{ line-height: 22px; font-size:14px; color:#666666; overflow-y: auto; }
.ProductInfoG .cont table{ width:100%; min-width: 640px; border-collapse: collapse; text-align: center; }
.ProductInfoG .cont table td,
.ProductInfoG .cont table th{ border:1px solid #d6d6d6; padding:10px; line-height: 22px; width:17.5%; }
.ProductInfoG .cont table th{ background: #0d4597; font-weight: bold; font-size:16px; color:#ffffff; height: 64px; }
.ProductInfoG .cont table td{ height: 48px; }
.ProductInfoG .cont table td:nth-child(1),
.ProductInfoG .cont table th:nth-child(1){ width:12.5%; }
@media (min-width:1200px) {
    .ProductInfoB .ul .Box:hover{ transform:translateY(-10px); }
}
@media (max-width:1200px) {
    .ProductInfoA{ padding:35px 0 30px; }
    .ProductInfoA .h1{ margin-bottom: 5px; line-height: 34px; font-size: 26px; }
    .ProductInfoA .des::after{ margin-top: 10px; }
    .ProductInfoA .word{ line-height: 26px; font-size: 15px; }
    .ProductInfoB{ padding-bottom: 30px; }
    .ProductInfoB .ul{ padding-top:0; margin:-8px 0; }
    .ProductInfoB .ul li{ width:23%; margin-left:2%; padding:8px 0; }
    .ProductInfoB .ul img{ width: 100px; height: 87px; }
    .ProductInfoB .ul .title{ margin:15px 0 5px; line-height: 24px; font-size: 16px; }
    .ProductInfoB .ul .des{ line-height: 22px; }
    .ProductInfoC{ padding-bottom: 30px; }
    .ProductInfoC .ul .li .word{ line-height: 26px; font-size: 15px; }
    .ProductInfoD{ padding-bottom: 30px; }
    .ProductInfoD .ul{ margin: -8px; }
    .ProductInfoD .ul .li{ padding:8px }
    .ProductInfoD .ul .li .imgBox{ margin-bottom: 8px; }
    .ProductInfoE{ padding-bottom: 30px; }
    .ProductInfoE .ul{ margin: -8px; }
    .ProductInfoE .ul .li{ padding:8px }
    .ProductInfoF{ padding-bottom: 30px; }
    .ProductInfoF .cont table td,
    .ProductInfoF .cont table th{ height: 48px; }
    .ProductInfoG{ padding-bottom: 30px; }
    .ProductInfoG .cont table th{ height: 48px; font-size: 14px; }
}
@media (max-width:992px) {
    .ProductInfoC .ul .li{ display: flex; flex-wrap: wrap; }
    .ProductInfoC .ul .li .imgBox{ width:100%; order: 1; }
    .ProductInfoC .ul .li .cont{ width:100%; padding:15px; order: 2; }
    .ProductInfoC .ul .li .word{ line-height: 24px; font-size: 14px; }
}
@media (max-width:768px) {
    .ProductInfoA{ padding:25px 0 30px; }
    .ProductInfoA .h1{ margin-bottom: 4px; line-height: 26px; font-size: 20px; }
    .ProductInfoA .des{ line-height: 20px; font-size: 14px; }
    .ProductInfoA .word{ font-size: 14px; line-height: 24px; }
    .ProductInfoB .ul li{ width:49%; margin-left:2%; padding:8px 0; }
    .ProductInfoB .ul li:nth-child(2n+1){ margin-left: 0; }
    .ProductInfoB .ul img{ width:80px; height: 69px; }
    .ProductInfoB .ul .title{ margin:10px 0 5px; }
    .ProductInfoF .cont table td,
    .ProductInfoF .cont table th{ height: 40px; }
    .ProductInfoG .cont table th,
    .ProductInfoG .cont table td{ height: 40px; }
}

.ProductInfoA-A{ padding-top: 32px; padding-bottom: 80px; }
.ProductInfoA-A .retrurn{ text-align: right; }
.ProductInfoA-A .retrurn a{ display: inline-block; font-size: 16px; line-height: 22px; color: #999999; }
.ProductInfoA-A .retrurn a:hover{ color: #1759bb; }
.ProductInfoA-A .clearBox{ padding-top: 10px; }
.ProductInfoA-A .imgs{ width: 50%; }
.ProductInfoA-A .imgBox{ border: 1px solid #e4e4e4; transition: all .3s; }
.ProductInfoA-A .imgBox::before{ content: ""; display: block; width: 100%; padding-top: 75%; }
.ProductInfoA-A .swiper-box{ margin-top: 20px; position: relative; padding: 0 30px; }
.ProductInfoA-A .swiper-box .imgBox{ display: block; cursor: pointer; }
.ProductInfoA-A .swiper-box .on .imgBox,
.ProductInfoA-A .swiper-box .imgBox:hover{ border-color: #1759bb; }
.ProductInfoA-A .swiper-box .btn{ position: absolute; top: 0; height: 100%; width: 20px; cursor: pointer; background: no-repeat center/10px auto; }
.ProductInfoA-A .swiper-box .prev{ left: 0; background-image: url(../images/icon_jt2_1.png); }
.ProductInfoA-A .swiper-box .next{ right: 0; background-image: url(../images/icon_jt2_2.png); }
.ProductInfoA-A .swiper-box .prev:hover{ background-image: url(../images/icon_jt2_1_h.png); }
.ProductInfoA-A .swiper-box .next:hover{ background-image: url(../images/icon_jt2_2_h.png); }
.ProductInfoA-A .cont{ width: 45%; padding-top: 45px; }
.ProductInfoA-A .cont .h1{ font-weight: 400; font-size: 32px; line-height: 1.4em; color: #333333; }
.ProductInfoA-A .cont .des{ font-size: 16px; line-height: 1.4em; color: #999999; }
.ProductInfoA-A .cont .text{ margin-top: 25px; margin-bottom: 50px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-top: 8px; padding-bottom: 8px; font-size: 15px; line-height: 2em; color: #777777; }
.ProductInfoA-A .cont .text .p{ position: relative; margin-top: 14px; margin-bottom: 14px; padding-left: 20px; }
.ProductInfoA-A .cont .text .p::before{ content: ""; display: block; position: absolute; left: 5px; top: 11px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #e3e3e3; }
.ProductInfoA-A .cont .MoreBox .a{ border-radius: 3px; padding:0 45px; font-size: 16px; }
.ProductInfoA-B{ background: #f1f1f1 url(../images/product/bg.jpg) no-repeat top center/100% auto; padding: 70px 0 100px; }
.ProductInfoA-B .pad{ padding: 35px 30px; }
.ProductInfoA-B .title{ border-bottom: 1px solid #dfdfdf; font-size: 0; line-height: 0; }
.ProductInfoA-B .title .span{ display: inline-block; position: relative; padding: 15px 0; font-size: 18px; font-weight: 700; color: #777777; line-height: 1.4em; color: #777777; cursor: pointer; }
.ProductInfoA-B .title .span+.span{ margin-left: 48px; }
.ProductInfoA-B .title .span:hover{ color: #03499a; }
.ProductInfoA-B .title .span.on{ color: #03499a;}
.ProductInfoA-B .title .span::after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; transition: all .3s ease-in-out; }
.ProductInfoA-B .title .span.on::after{ background: #03499a;}
.ProductInfoA-B .cont-block{ padding-top: 22px; }
.ProductInfoA-A .cont .info_1{margin:30px 0;}
.ProductInfoA-A .cont .info_1 .dh{color:#555;min-height:40px;line-height:40px;margin-bottom:10px;}
.ProductInfoA-A .cont .info_1 .dh img{float: left;width:30px;margin-top:5px;}
.ProductInfoA-A .cont .info_1 .dh span{float: right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;}
.ProductInfoA-A .cont .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;}
.ProductInfoA-A .contbox {width: 70%;margin: 0 auto;}
/* .ProductInfoA-A .contbox p {font-size: 18px;line-height: 30px;} */
@media (max-width:1200px) {
  .ProductInfoA-A{ padding-top: 25px; padding-bottom: 40px; }
  .ProductInfoA-A .cont{ padding-top: 20px; }
  .ProductInfoA-A .cont .h1{font-size: 26px; }
  .ProductInfoA-A .cont .text{ margin-top: 10px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; line-height: 1.8em; }
  .ProductInfoA-A .cont .text .p{ margin-top: 12px; margin-bottom: 12px; }
  .ProductInfoA-A .cont .text .p::before{ top: 9px; }
  .ProductInfoA-B{ padding: 40px 0 50px; }
  .ProductInfoA-B .pad{ padding: 15px 25px 25px; }
  .ProductInfoA-B .title .span{ padding: 10px 0; font-size: 16px; }
  .ProductInfoA-B .title .span+.span{ margin-left: 25px; }
  .ProductInfoA-B .cont-block{ padding-top: 20px; }
  .ProductInfoA-A .contbox {width: 100%;margin: 0 auto;}
}
@media (max-width:992px) {
  .ProductInfoA-A{ padding-top: 20px; padding-bottom: 30px; }
  .ProductInfoA-A .cont{ padding-top: 10px; }
  .ProductInfoA-A .cont .h1{ font-size: 20px; }
  .ProductInfoA-A .cont .text{ margin-top: 8px; }
  .ProductInfoA-A .cont .text .p{ margin-top: 8px; margin-bottom: 8px; }
  .ProductInfoA-A .cont .text .p::before{ top: 7px; }
  .ProductInfoA-B{ padding: 30px 0; }
}
@media (max-width:768px) {
  .ProductInfoA-A{ padding-top: 15px; }
  .ProductInfoA-A .retrurn a{ font-size: 14px; }
  .ProductInfoA-A .imgs{ width: 100%; }
  .ProductInfoA-A .cont{ width: 100%; padding-top: 20px; }
  .ProductInfoA-A .cont .h1{ margin-bottom: 5px; font-size: 18px; }
  .ProductInfoA-B .pad{ padding-left: 20px; padding-right: 20px; }
  .ProductInfoA-B .title{ display: flex; justify-content: space-between; }
  .ProductInfoA-B .title .span{ padding: 10px 0; font-size: 14px; }
  .ProductInfoA-B .title .span+.span{ margin-left: 0; }
  .ProductInfoA-B .cont-block{ padding-top: 15px; margin: 0 -20px; }
}

/**服务支持**/
.ServerTopA{}
.ServerTopA .ul{ font-size: 0; margin:-14px; padding-top:10px; padding-bottom: 120px; }
.ServerTopA .ul li{ display: inline-block; vertical-align: top; text-align: center; padding:14px; }
.ServerTopA .ul .Box{ display: block; border-radius: 5px; border:1px solid #e2e2e2; padding:75px 15px; transition: all .3s; line-height:26px; font-size:18px; color:#222222; }
.ServerTopA .ul .img{ display: inline-block; position: relative; vertical-align: top; }
.ServerTopA .ul .img img{ display: block; width:90px; height: 90px; transition: all .3s; }
.ServerTopA .ul .img .i{ opacity: 1; }
.ServerTopA .ul .img .i_h{ position: absolute; left:0; top:0; opacity: 0; }
.ServerTopA .ul .Box:hover{ background:#0d4597; color:#fff; }
.ServerTopA .ul .Box:hover .i{ opacity: 0; }
.ServerTopA .ul .Box:hover .i_h{ opacity: 1; }
@media (max-width:1200px) {
    .ServerTopA .ul{ margin:-8px; padding-top:0; padding-bottom: 30px; }
    .ServerTopA .ul li{ padding:8px; }
    .ServerTopA .ul .Box{ padding:20% 15px; line-height: 24px; font-size: 16px; }
    .ServerTopA .ul .img img{ width:70px; height: 70px; }
}
@media (max-width:768px) {
    .ServerTopA .ul .Box{ padding:15% 15px; line-height: 22px; font-size: 15px; }
    .ServerTopA .ul .img img{ width:50px; height: 50px; }
}

/**常见问题**/
.FaqList{ }
.FaqList .ul{}
.FaqList .ul li{ font-size: 16px; line-height: 1.4em; background-color: #f6f6f6; }
.FaqList .ul li+li{ margin-top: 30px; }
.FaqList .ul .pad{ padding:18px 50px; }
.FaqList .ul .q{ background-color: transparent; cursor: pointer; }
.FaqList .ul li:hover .q{ background-color: #eee; }
.FaqList .ul .on .q{ background-color: #e6e6e6; }
.FaqList .ul .a{ display: none; }
.FaqList .ul .icons{ float: right; display: inline-block; height: 22px; width: 18px; background:url(../images/icon_jt3.png) no-repeat center/contain; transform:scaleY(1); transition:all .3s; }
.FaqList .ul .on .icons{ transform:scaleY(-1); }
@media (max-width:1200px) {
    .FaqList .ul li+li{ margin-top: 20px; }
    .FaqList .ul .pad{ padding:15px 40px; }
}
@media only screen and (max-width: 992px){
	.FaqList .ul li+li{ margin-top: 10px; }
	.FaqList .ul .pad{ padding:15px 20px; }
}
@media only screen and (max-width: 992px){
    .FaqList .ul li{ font-size: 15px; }
    .FaqList .ul .a{ font-size: 14px; }
    .FaqList .ul li+li{ margin-top: 8px; }
    .FaqList .ul .pad{ padding:15px; }
    .FaqList .ul .icons{ width: 14px; }
}

/**下载专区**/
.Downlist{ background-color: #f7f7f7; }
.Downlist .typeMenu{ text-align: center; padding-bottom:25px; font-size:0; }
.Downlist .typeMenu a{ transition:all .3s; display: inline-block; vertical-align: top; padding:0 40px; background:#f2f2f2; border-radius:4px; line-height:30px; font-size:14px; color:#666; }
.Downlist .typeMenu a+a{ margin-left:45px; }
.Downlist .typeMenu a:hover,
.Downlist .typeMenu a.on{ background:#2f62b6; color:#fff; }
.Downlist .list li+li{ margin-top: 2.77%; }
.Downlist .list .Box{ display: block; position: relative; background-color: #fff; border:1px solid #fff; line-height: 22px; padding:18px 30px; transition: all 0.3s ease-in-out; }
.Downlist .list .time{ color:#666; position: absolute; margin-top:-5px; display: block; width: 70px; text-align: center; }
.Downlist .list .year{ font-size: 24px; line-height: 24px; }
.Downlist .list .date{ font-size: 15px; line-height: 20px; }
.Downlist .list .word{ padding:8px 140px 8px 30px; font-size: 16px; color:#333333; margin-left: 105px; border-left: 1px solid #e2e2e2; position: relative; }
.Downlist .list .word .more{ display: block; position: absolute; top: 0; right:0; line-height: 38px; font-size: 14px; color:#666; text-align: center; padding:0 34px; border-radius: 5px; background-color: #e3e3e3; transition: all 0.3s ease-in-out; }
.Downlist .list .word .more i{ display: block; margin:0 auto; font-style: normal; padding-left:25px; background:url(../images/down2.png) no-repeat left center; transition: all 0.3s ease-in-out; }
.Downlist .list .Box:hover{ border-color:#2f62b6; }
.Downlist .list .Box:hover .more{ background-color:#2f62b6; color:#fff; transform: translate(-2px,0); }
.Downlist .list .Box:hover .more i{ background-image: url(../images/down1.png); }
@media screen and (max-width: 992px) {
    .Downlist .list{ padding-top:10px; }
    .Downlist .list .Box{ padding:12px 20px; }
    .Downlist .list .time{ margin-top: -3px; width: 50px; }
    .Downlist .list .year{ font-size: 20px; line-height: 20px; }
    .Downlist .list .date{ font-size: 14px; line-height: 18px; }
    .Downlist .list .word{ padding:5px 110px 5px 15px; font-size: 16px; margin-left: 65px; }
}
@media screen and (max-width: 768px) {
    .Downlist .typeMenu{ padding-bottom:10px; }
    .Downlist .typeMenu a{ padding:0 35px; }
    .Downlist .typeMenu a+a{ margin-left:15px; }
    .Downlist .list{ padding-top:5px; }
    .Downlist .list .Box{ padding:8px 8px; }
    .Downlist .list .time{ display: none; }
    .Downlist .list .word{ padding-left:0; margin-left: 0px; border:0 none; font-size: 14px; }
    .Downlist .list .word .more{ line-height: 28px; padding:0 20px; }
    .Downlist .list .word .more i{ padding-left: 23px; background-size: 16px; }
}

/**视频中心**/
.Videolist .ul{ margin:-14px; font-size:0; line-height:0; }
.Videolist .ul li{ padding:14px; display:inline-block; width:33.33%; vertical-align:top; }
.Videolist .ul li .Box{ display:block; transition:all .5s; transform:translateY(0); box-shadow:0 0 14px rgba(0,0,0,0); text-align:left; }
.Videolist .ul li .imgBox{ padding-top:64%; background:#000; }
.Videolist .ul li .more{ position: absolute; left:0; top:0; width:100%; height: 100%; background:url(../images/icon_play2.png) no-repeat center; opacity: 1; }
.Videolist .ul li .title{ font-size:16px; line-height:22px; color:#333333; padding:15px 10px; transition:all .5s; background:#f8f8f8; }
.Videolist .ul li .Box:hover{ transform:translateY(-5px); box-shadow:0 0 14px rgba(0,0,0,.08); }
.Videolist .ul li .Box:hover img{ opacity:.45; }
.Videolist .ul li .Box:hover .title{ color:#fff; background:#2f62b6; }
.Videolist .ul li .more:hover{  opacity: .8; }
@media only screen and (max-width: 1200px){
    .Videolist .ul{ margin:-9px; }
    .Videolist .ul li{ padding:9px; }
    .Videolist .ul li .more{ background-size: 70px 70px; }
}
@media only screen and (max-width: 992px){
    .Videolist .ul{ margin:-7px; }
    .Videolist .ul li{ padding:7px; }
    .Videolist .ul li .title{ line-height:20px; font-size:14px; padding:10px; }
    .Videolist .ul li .more{ background-size: 60px 60px; }
}
@media only screen and (max-width: 768px){
    .Videolist .ul{ margin:-7px; }
    .Videolist .ul li{ padding:7px; width:50%; }
    .Videolist .ul li .more{ background-size: 50px 50px; }
}

/**售后服务**/
.AboutInfo{}
.AboutInfo .content{ padding-bottom: 75px; font-size: 16px; line-height: 1.8em; color:#666; }
.AboutInfo .content img{ height: auto!important; }
@media only screen and (max-width: 1200px){
    .AboutInfo .content{ padding-bottom: 30px; }
}
@media only screen and (max-width: 768px){
    .AboutInfo .content{  font-size: 15px; }
}

/**新闻中心**/
.NewsList{}
.NewsList .ul{ padding-top:50px; }
.NewsList .ul li + li{margin-top:40px;}
.NewsList .ul li .Box{display:block;padding-bottom:40px;border-bottom:1px dashed #e5e5e5;}
.NewsList .ul li .Box .imgBox{float:left; width:265px; margin-right:3.21%;}
.NewsList .ul li .Box .imgBox::before{ content:""; display:block; width:100%; padding-top:64%; }
.NewsList .ul li .Box .r_con{float:right;position:relative;width:15.57%;margin-left:5.35%;padding-top:45px;color:#d6d6d6;text-align:right;}
.NewsList .ul li .Box .r_con .year{font-size:24px;line-height:30px;}
.NewsList .ul li .Box .r_con .time{font-size:40px;line-height:48px;}
.NewsList .ul li .Box .cont .h2{ padding-top:30px;margin-bottom:20px; font-weight: bold; line-height:26px; font-size:18px; color:#333333;}
.NewsList .ul li .Box .cont .word{ line-height:24px; font-size:15px; color:#777777;}
.NewsList .ul li .Box:hover .r_con{ color:#0d4597; }
.NewsList .ul li .Box:hover .cont .h2{color:#0d4597;}
@media only screen and (max-width: 1200px){
    .NewsList .ul{ padding-top:35px; }
    .NewsList .ul li + li{ margin-top:25px; }
    .NewsList .ul li .Box{ padding-bottom:25px; }
    .NewsList .ul li .Box .imgBox{ width:200px; margin-right:2%; }
    .NewsList .ul li .Box .r_con{width:140px;margin-left:2%;padding-top:30px;}
    .NewsList .ul li .Box .r_con .year{font-size:20px;line-height:30px;}
    .NewsList .ul li .Box .r_con .time{font-size:34px;line-height:40px;}
    .NewsList .ul li .Box .cont .h2{padding-top:25px;margin-bottom:15px;line-height:22px;}
    .NewsList .ul li .Box .cont .word{font-size:14px;line-height:22px;}
}
@media only screen and (max-width: 768px){
    .NewsList .ul{padding-top:30px;}
    .NewsList .ul li + li{margin-top:15px;}
    .NewsList .ul li .Box{padding-bottom:15px;}
    .NewsList .ul li .Box .imgBox{width:140px;margin-right:15px;}
    .NewsList .ul li .Box .r_con{display:none;}
    .NewsList .ul li .Box .cont .h2{padding-top:10px;margin-bottom:8px;font-size:16px;}
    .NewsList .ul li .Box .cont .word{font-size:14px;line-height:20px;}
}

/**新闻详情**/
.NewsInfo{}
.NewsInfo .f_Box{ position: relative; padding-bottom: 35px; }
.NewsInfo .f_Box::before{ content:''; position: absolute; width:1px; height: 100%; top:0; left:72.91%; background:#e7e7e7; }
.NewsInfo .l_con{ width: 69.58%; }
.NewsInfo .l_con .Info{ padding-top: 65px; }
.NewsInfo .l_con .Info .h1{ margin-bottom: 15px; line-height: 30px; font-weight: bold; font-size: 24px; color:#333333; }
.NewsInfo .l_con .Info .other{ line-height: 30px; font-size: 14px; color:#c8c8c8; }
.NewsInfo .l_con .Info .shareBox{ font-size: 0; }
.NewsInfo .l_con .Info .shareBox a{ height: 30px; width:30px; background:#c0c0c0 no-repeat center/contain; border:0 none; border-radius: 50%; transition:all .3s; }
.NewsInfo .l_con .Info .shareBox .wechat{ background-image:url(../images/icon_icon13.png); }
.NewsInfo .l_con .Info .shareBox .qq{ background-image:url(../images/icon_icon12.png); }
.NewsInfo .l_con .Info .shareBox a:hover{ background-color:#0d4597; }
.NewsInfo .l_con .Info .cont{ margin-top:25px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:50px 0; line-height: 24px; font-size: 16px; }
.InfoPNBtn{ padding:25px 0; line-height: 24px; font-size: 14px; color:#555555; }
.InfoPNBtn p{ max-width: 49%; }
.InfoPNBtn p a{ color:#555555; }
.InfoPNBtn p a:hover{ color:#004097; }
.NewsInfo .r_con{ width:23.75%; padding-top:65px; }
.NewsInfo .r_con .h5{ line-height: 28px; font-weight: normal; font-size: 22px; color:#333333; }
.NewsInfo .r_con .ul{ padding-top: 32px; }
.NewsInfo .r_con .ul li{}
.NewsInfo .r_con .ul li+li{ border-top:1px solid #f0f0f0; margin-top:17px; padding-top:17px; }
.NewsInfo .r_con .ul .Box{ display: block; }
.NewsInfo .r_con .ul .h6{ line-height: 22px; font-weight: normal; font-size: 15px; color:#333333; margin-bottom: 7px; }
.NewsInfo .r_con .ul .cont{ line-height: 22px; font-size: 14px; color:#c8c8c8; }
.NewsInfo .r_con .ul .Box:hover .h6{ color:#0d4597; }
@media only screen and (max-width: 1200px){
    .NewsInfo .f_Box{ padding-bottom: 25px; }
    .NewsInfo .l_con .Info{ padding-top: 35px; }
    .NewsInfo .l_con .Info .h1{ margin-bottom: 10px; line-height: 26px; font-size: 20px; }
    .NewsInfo .l_con .Info .cont{ margin-top:15px; padding:30px 0; }
    .NewsInfo .r_con{ padding-top:35px; }
    .NewsInfo .r_con .h5{ line-height: 22px; font-size: 20px; }
    .NewsInfo .r_con .ul{ padding-top: 20px; }
    .NewsInfo .r_con .ul li+li{ margin-top:10px; padding-top:10px; }
    .NewsInfo .r_con .ul .h6{ margin-bottom: 2px; }
    .NewsInfo .r_con .ul .cont{ font-size: 13px; }
}
@media only screen and (max-width: 992px){
    .NewsInfo .f_Box{ padding-bottom: 15px; }
    .NewsInfo .f_Box::before{ display: none; }
    .NewsInfo .l_con{ width:100%; }
    .NewsInfo .l_con .Info{ padding-top: 20px; }
    .NewsInfo .l_con .Info .h1{ text-align: center; line-height: 24px; font-size: 16px; margin-bottom: 2px; }
    .NewsInfo .l_con .Info .other{ text-align: center; line-height: 20px; font-size:12px; }
    .NewsInfo .l_con .Info .other .f_l,
    .NewsInfo .l_con .Info .other .f_r{ display: block; float: none; }
    .NewsInfo .l_con .Info .shareBox{ padding-top: 3px; }
    .NewsInfo .l_con .Info .shareBox a{ margin:0 4px; height: 26px; width: 26px; }
    .NewsInfo .l_con .Info .cont{ margin-top:10px; padding:15px 0; }
    .NewsInfo .r_con{ display: none; }
    .InfoPNBtn{ padding:15px 0; line-height: 24px; }
    .InfoPNBtn p{ max-width: 100%; width: 100%; }
}

/**关于我们**/
.AboutBlockA{ background:#f5f5f5; padding-bottom: 70px; }
.AboutBlockA .cont{ text-align: left; line-height: 34px; font-size: 18px; color:#555555; }
.AboutBlockA .cont .pBox{ /*width:1100px;*/ margin:0 auto; max-width: 100%; }
.AboutBlockA .VideoPlay{ position: relative;  margin-top: 15px; }
/* .AboutBlockA .VideoPlay::after{ content: ''; position: absolute; left:0; top:0; width:100%; height: 100%; background:url(../images/icon_play3.png) no-repeat center; opacity: 1; transform:rotate(0); transition:all .3s; } */
.AboutBlockA .NumBox{ padding:40px 0;text-align: center; }
.AboutBlockA .NumBox .wid{ display: inline-block; vertical-align: top; text-align: center; position: relative; color:#333333; }
.AboutBlockA .NumBox .wid+.wid{ margin-left:50px; padding-left: 50px; }
.AboutBlockA .NumBox .p{ margin-bottom: 10px; line-height: 0; font-size: 0; }
.AboutBlockA .NumBox .num{ line-height: 60px; font-weight: bold; font-size: 59px; }
.AboutBlockA .NumBox .icon{ vertical-align: top; line-height: 24px; font-style: normal; font-size: 23px; }
.AboutBlockA .NumBox .icon2{ font-size: 14px; }
.AboutBlockA .NumBox .txt{ line-height: 20px; font-size: 15px; color:#999999; }
.AboutBlockA .NumBox .wid:hover{ color:#0d4597; }
.AboutBlockA .Images{ font-size: 0; margin:0; padding-top: 40px; text-align: left; }
.AboutBlockA .Images .imgBox{ display: block; position: relative; }
.AboutBlockA .Images .imgBox::before{ content:''; display: block; padding-top:64%; }
/**发展历程**/
.HistoryList{ padding-bottom: 100px; }
.HistoryList .TabCon{ padding:3.33%; background:#f5f5f5; font-size: 0; }
.HistoryList .TabCon .imgBox{ display: inline-block; vertical-align: top; width:49.55%; }
.HistoryList .TabCon .imgBox img{ position: static; }
.HistoryList .TabCon .cont{ display: inline-block; vertical-align: top; width:50.45%; padding:3% 2% 0 4.01%; }
.HistoryList .TabCon .cont .h2{ line-height: 48px; font-weight: bold; font-size: 40px; color:#0d4597; }
.HistoryList .TabCon .cont .des{ line-height: 30px; font-weight: bold; font-size: 24px; color:#333333; margin-bottom: 35px; }
.HistoryList .TabCon .cont .imgBox{ display: none; }
.HistoryList .TabCon .cont .word{ line-height: 28px; font-size: 14px; color:#555555; }
.HistoryList .swiper-container{ padding-top: 75px; }
.HistoryList .swiper-container .swiper-slide{ text-align: center; position: relative; }
.HistoryList .swiper-container .swiper-slide::before{ content:""; display: block; position: absolute; left:0; bottom:100%; width:100%; height: 22px; background:url(../images/back_bg1_3.jpg) no-repeat center/100% 100%; }
.HistoryList .swiper-container .Box{ display: block; padding-top:10px; line-height: 32px; font-size: 28px; color:#333333; }
.HistoryList .swiper-container .Box:hover,
.HistoryList .swiper-container .on.Box{ color:#e20a00; }
/**资质证书**/
.HonorList{ padding-bottom: 75px; background:url(../images/about/back_bg.jpg) no-repeat center/100% 100%; }
.HonorList .swiperBox{ position: relative; margin-bottom: 40px; }
.HonorList .swiperBox .swiper-slide{ background-color:#fff; }
.HonorList .swiperBox .imgBox{ display: block; margin:25px 28px; }
.HonorList .swiperBox .imgBox::before{ content: ''; display: block; padding-top:135.4%; }
.HonorList .swiperBox .Btns a{ display: block; z-index: 2; position: absolute; top:50%; margin-top:-30px; width:40px; height: 60px; cursor: pointer; background:rgba(0,0,0,.16) no-repeat center; transition:all .3s; }
.HonorList .swiperBox .Btns .prev{ left:-90px; background-image:url(../images/icon_jt1_1.png); }
.HonorList .swiperBox .Btns .next{ right:-90px; background-image:url(../images/icon_jt1_2.png); }
.HonorList .swiperBox .Btns a:hover{ background-color:#014099; }
.HonorListBlock .HonorList{ padding:55px 0 0; }
.HonorListBlock .HonorList .swiperBox{ display: block; font-size: 0; margin-bottom: 0; }
.HonorListBlock .HonorList .swiperBox .swiper-slide{ display: inline-block; vertical-align: top; height: auto; width:23.15%; margin-left: 2.46%; margin-top: 2.46%; }
.HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(4n+1){ margin-left: 0; }
/**人才招聘**/
.JobList{ padding-bottom: 80px; }
.JobList .dl{ font-size: 0; }
.JobList .dl .wid{ display: inline-block; vertical-align: middle; padding:23px 8px; line-height: 22px; font-size: 14px; }
.JobList .dl .dt .wid{ font-size: 15px; color:#fff; }
.JobList .dl .wid{ text-align: center; width:15%; }
.JobList .dl .wid1{ width:40%; text-align: center; padding-right: 10%; }
.JobList .dl .wid5{ width:15%; }
.JobList .dl .dt{ background:#014099; }
.JobList .dl .dd{ }
.JobList .dl .t{ border-bottom: 1px solid #dcdcdc; cursor: pointer; }
.JobList .dl .icon{ display: block; margin:0 auto; height: 28px; width:28px; background:url(../images/icon_jt4_1.png) no-repeat center/contain; }
.JobList .dl .on .icon{ background-image: url(../images/icon_jt4_2.png); }
.JobList .dl .cont{ padding:3.4% 4.16% 4%; background:#f7f7f7; line-height: 30px; font-size: 14px; color:#888888; }
.JobList .dl .hr{ border:0 none; border-top:1px solid #e0e0e0; margin:25px 0 30px; }
.JobList .dl .MoreBox{ text-align: left; }
.JobList .dl .MoreBox .a{ text-align: center; }
.JobList .dl .t:hover{ background:#f6f6f6; }
@media only screen and (max-width: 1400px){
    .HonorList .swiperBox .Btns .prev{ left: 0; }
    .HonorList .swiperBox .Btns .next{ right: 0; }
}
@media only screen and (min-width: 1200px){
    .AboutBlockA .VideoPlay:hover::after{ opacity: .9; transform:rotate(45deg); }
}
@media only screen and (max-width: 1200px){
    .AboutBlockA{ padding-bottom: 30px; }
    .AboutBlockA .cont{ line-height: 26px; }
    .AboutBlockA .NumBox{ padding:15px 0 20px; }
    .AboutBlockA .NumBox .wid+.wid{ margin-left:35px; padding-left: 35px; }
    .AboutBlockA .NumBox .p{ margin-bottom: 5px; }
    .AboutBlockA .NumBox .num{ line-height: 40px; font-size: 36px; }
    .AboutBlockA .Images{ padding-top:15px; }
    .HistoryList{ padding-bottom: 30px; }
    .HistoryList .TabCon .cont .h2{ line-height: 40px; font-size: 30px; }
    .HistoryList .TabCon .cont .des{ margin-bottom: 15px; line-height: 26px; font-size: 20px; }
    .HistoryList .TabCon .cont .word{ line-height: 24px; }
    .HistoryList .swiper-container{ padding-top:35px; }
    .HistoryList .swiper-container .swiper-slide::before{ height: 15px; }
    .HistoryList .swiper-container .Box{ padding-top: 5px; font-size: 22px; }
    .HonorList{ padding-bottom: 30px; }
    .HonorList .swiperBox{ margin-bottom: 25px; }
    .HonorList .swiperBox .imgBox{ margin:15px; }
    .HonorListBlock .HonorList{ padding:35px 0 0; }
    .JobList{ padding-bottom:30px; }
    .JobList .dl .wid{ padding:13px 8px; }
    .JobList .dl .cont{ line-height: 26px; }
    .JobList .dl .hr{ margin:15px 0 20px; }
}
@media only screen and (max-width: 992px){
    .AboutBlockA .cont{ line-height: 24px; font-size: 14px; }
    .AboutBlockA .VideoPlay::after{ background-size: 60px auto; }
    .AboutBlockA .NumBox{ display: flex; flex-wrap: wrap; justify-content: center; padding:0 0 20px; }
    .AboutBlockA .NumBox .wid{ width:33.33%; padding:25px 8px 0; }
    .AboutBlockA .NumBox .wid+.wid{ margin-left:0; padding-left: 8px; }
    .HistoryList .TabCon .cont .h2{ line-height: 30px; font-size: 24px; }
    .HistoryList .TabCon .cont .des{ margin-bottom: 10px; line-height: 24px; font-size: 16px; }
    .HistoryList .TabCon .cont .word{ line-height: 22px; }
    .HonorList{ padding-bottom: 25px; }
    .HonorListBlock .HonorList .swiperBox{ margin-top: -2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide{ width:32%; margin-left: 2%; margin-top:2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(4n+1){ margin-left: 2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(3n+1){ margin-left: 0; }
}
@media only screen and (max-width: 768px){
    .AboutBlockA .VideoPlay::after{ background-size: 45px auto; }
    .AboutBlockA .NumBox{ padding-bottom: 10px; }
    .AboutBlockA .NumBox .wid:nth-child(4),
    .AboutBlockA .NumBox .wid:nth-child(5){ width:48%; }
    .AboutBlockA .NumBox .p{ margin-bottom: 0px; }
    .AboutBlockA .NumBox .num{ line-height: 30px; font-size: 24px; }
    .AboutBlockA .NumBox .txt{ font-size: 14px; }
    .HistoryList .TabCon .imgBox{ display: none; }
    .HistoryList .TabCon .cont{ display: block; padding:0; width:100%; }
    .HistoryList .TabCon .cont .h2{ line-height: 26px; font-size: 20px; }
    .HistoryList .TabCon .cont .des{ margin-bottom: 0; line-height: 22px; font-size: 15px; }
    .HistoryList .TabCon .cont .imgBox{ display: block; margin:5px 0; width:100%; }
    .HistoryList .TabCon .cont .imgBox img{ margin:0 auto; }
    .HonorList .swiperBox{ margin-bottom: 20px; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide{ width:49%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(3n+1){ margin-left: 2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(2n+1){ margin-left: 0; }
    .HistoryList .swiper-container .Box{ font-size: 18px; }
    .JobList .dl .dt{ border-bottom:1px solid #dcdcdc; }
    .JobList .dl .dt *{ display: none; }
    .JobList .dl .dd:first-child{ border-top:1px solid #dcdcdc; }
    .JobList .dl .dd{}
    .JobList .dl .t{ display: flex; flex-wrap: wrap; padding:10px 0; }
    .JobList .dl .wid{ padding:0 15px; }
    .JobList .dl .wid1{ width:calc(100% - 25px); order: 1; padding-left:10px; text-align: left; }
    .JobList .dl .wid2,
    .JobList .dl .wid3,
    .JobList .dl .wid4{ width:auto; order: 2; padding-top: 5px; }
    .JobList .dl .wid5{ display: inline-flex; align-items: center; width:20px; padding:0; order: 1; }
    .JobList .dl .icon{ height: 20px; width:20px; }
    .JobList .dl .cont{ padding:15px; }
}
.fam {
    float: left;
    width: 20%;
    padding: 1%;
}
@media only screen and (max-width: 992px) {
    .fam {
        width: 33.333333%;
    }
}
/***解决方案***/
.Solution{ background:#f5f5f5; padding-bottom: 85px; }
.Solution .cont{ text-align: center; margin:-20px 0 40px; line-height: 26px; font-size: 14px; color:#777777; }
.Solution .ul{}
.Solution .ul .li{ font-size: 0; }
.Solution .ul .imgBoxs{ display: inline-block; vertical-align: middle; width:50%; overflow: hidden; cursor: pointer; }
.Solution .ul .imgBoxs img{ display: block; transform: scale(1); transition:all .3s; }
.Solution .ul .imgBoxs:hover img{ transform: scale(1.05); }
.Solution .ul .words{ display: inline-block; vertical-align: middle; width:50%; padding:15px 3.33% 15px 4.2%; line-height: 26px; font-size: 14px; color:#777777; }
/**相关产品**/
.RelatedProductList .ProductList{ padding-top:0; padding-bottom: 85px; }
@media only screen and (max-width: 1200px){
    .Solution{ padding-bottom: 30px; }
    .Solution .cont{ margin:-10px 0 20px; }
    .RelatedProductList .ProductList{ padding-bottom: 30px; }
}
@media only screen and (max-width: 992px){
    .Solution .cont{ line-height: 24px; }
    .Solution .ul .words{ line-height: 24px; }
}
@media only screen and (max-width: 768px){
    .Solution{ padding-bottom: 15px; }
    .Solution .cont{ line-height: 22px; margin:-10px 0 15px; }
    .Solution .ul .li{ display: flex; flex-wrap: wrap; }
    .Solution .ul .imgBoxs{ width: 100%; order: 1; }
    .Solution .ul .words{ width:100%; padding:15px 10px 20px; line-height: 22px; order: 2; }
}

/**联系我们**/
.ContactBlockA{}
.ContactBlockA .MapBox{ position: relative; }
.ContactBlockA .MapBox .Map{ height: 420px; }
.ContactBlockA .MapBox .Map img{ max-width: 999px; }
.ContactBlockA .MapBox .Btns{ position: absolute; top:50%; right: 3.33%; z-index: 5; }
.ContactBlockA .MapBox .Btns .a{ display: block; border-radius:5px; padding:0 25px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); line-height: 46px; font-size: 15px; color:#8b8b8b; }
.ContactBlockA .MapBox .Btns .span{ display: block; padding-left:25px; background:url(../images/icon_icon14_2.png) no-repeat left center; }
.ContactBlockA .MapBox .Btns .a+.a{ margin-top:10px; }
.ContactBlockA .MapBox .Btns .a.on,
.ContactBlockA .MapBox .Btns .a:hover{ color:#fff; background:#0d4597; }
.ContactBlockA .MapBox .Btns .a.on .span,
.ContactBlockA .MapBox .Btns .a:hover .span{ background-image: url(../images/icon_icon14_1.png); }
.ContactBlockA .ul{ font-size: 0; padding:45px 0; }
.ContactBlockA .ul .li{ display: inline-block; vertical-align:top; position: relative; width:100%; padding:10px; text-align: center; }
.ContactBlockA .ul .Box{ transform:translateY(0); transition:all .3s; }
.ContactBlockA .ul .icon{ margin:0 auto; height: 102px; width:102px; border-radius: 50%; border:1px solid #dadada; background:url(../images/icon_icon14_3.png) no-repeat center }
.ContactBlockA .ul .h5{ margin:25px 0 20px; line-height: 30px; font-weight: bold; font-size: 24px; color:#333333; }
.ContactBlockA .ul .words{ line-height: 30px; font-size: 15px; color:#555555; }
.ContactBlockA .ul .li:nth-child(2n+2)::before{ content:''; position: absolute; left:0; height: 90%; top:6%; width:1px; background:#d4d4d4; }
.ContactBlockB{ background: #f5f5f5; }
.ContactBlockB .ul{ font-size: 0; margin:-12px; }
.ContactBlockB .ul .li{ display: inline-block; vertical-align: top; width: 33.33%; padding:12px; }
.ContactBlockB .ul .Box{ display: block; background:#fff url(../images/contact/bg.png) no-repeat right -120px bottom -8%; transform:translateY(0); transition:all .3s; line-height: 28px; font-size: 14px; color:#777777; }
.ContactBlockB .ul .pad{ padding:35px 25px; }
.ContactBlockB .ul .h5{ padding-left:15px; margin-bottom: 18px; position: relative; line-height: 22px; font-weight: bold; font-size: 18px; color:#014099; }
.ContactBlockB .ul .h5::before{ content:''; position: absolute; left: 0; top:0; height: 22px; width:3px; background:#014099; }
.ContactBlockB .ul .Box:hover{ background-color:#014099; color:rgba(255,255,255,.35); }
.ContactBlockB .ul .Box:hover .h5{ color:#fff; }
.ContactBlockB .ul .Box:hover .h5::before{ background:#fff; }
.ContactBlockC{ padding-bottom: 80px; }
.ContactBlockC .form{ display: block; margin:-14px -12px; font-size: 0; }
.ContactBlockC .form .divs{ padding:14px 12px; display: inline-block; vertical-align: top; }
.ContactBlockC .form .input{ display: block; width:100%; border:1px solid #e0e0e0; padding:13px 23px; line-height: 20px; font-size: 14px; color:#666; }
.ContactBlockC .form textarea.input{ height: 260px; }
.ContactBlockC .form .Btn{ display: block; cursor: pointer; margin:0 auto; width:158px; text-align: center; background:#0d4597; line-height: 48px; font-size: 15px; color:#fff; }
.ContactBlockC .form .Btn:hover{ background:#1759bb; }
@media only screen and (min-width: 1200px){
    .ContactBlockA .ul .Box:hover{ transform:translateY(-10px); }
}
@media only screen and (max-width: 1200px){
    .ContactBlockA .ul{ padding:20px 0 30px; }
    .ContactBlockA .ul .icon{ height: 60px; width:60px; background-size: 30%; }
    .ContactBlockA .ul .h5{ margin:15px 0 10px; line-height: 26px; font-size: 20px; }
    .ContactBlockA .ul .words{ line-height: 26px; font-size: 14px; }
    .ContactBlockB{}
    .ContactBlockB .ul{ margin:-8px; }
    .ContactBlockB .ul .li{ padding:8px; }
    .ContactBlockB .ul .Box{ line-height: 24px; }
    .ContactBlockB .ul .pad{ padding:25px 20px; }
    .ContactBlockB .ul .h5{ margin-bottom: 10px; padding-left:10px; font-size: 16px; }
    .ContactBlockC{ padding-bottom: 30px; }
    .ContactBlockC .form{ margin:-8px; }
    .ContactBlockC .form .divs{ padding:8px; }
    .ContactBlockC .form .input{ padding:10px 15px; }
    .ContactBlockC .form .Btn{ width:140px; line-height:40px; font-size: 14px; }
}
@media only screen and (max-width: 992px){
    .ContactBlockA .ul{ padding:15px 0 20px; }
    .ContactBlockA .ul .li{ width:100%; }
    .ContactBlockA .ul .li:nth-child(2n+2)::before{ display: none; }
    .ContactBlockA .ul .Box{ height: auto!important; }
    .ContactBlockA .ul .icon{ height: 40px; width:40px; background-size: 40%; }
    .ContactBlockA .ul .h5{ margin:10px 0 5px; line-height: 24px; font-size: 16px; }
    .ContactBlockA .ul .words{ line-height: 22px; }
    .ContactBlockB .ul{ margin:-7px; }
    .ContactBlockB .ul .li{ width:50%; padding:7px; }
    .ContactBlockB .ul .pad{ padding:20px 15px; }
    .ContactBlockB .ul .h5{ margin-bottom: 8px; font-size: 15px; }
}
@media only screen and (max-width: 768px){
    .ContactBlockA .MapBox .Map{ height: 350px; }
    .ContactBlockA .MapBox .Btns .a{ padding:0 20px; }
    .ContactBlockA .MapBox .Btns .span{ padding-left: 20px; line-height: 40px; font-size: 14px; }
    .ContactBlockC .form textarea.input{ height: 150px; }
}

/**地图弹框**/
.MapTank{position:fixed;left:0;top:0;height:100%;width:100%;z-index:9999;background-color:rgba(0,0,0,0.2);display:none;cursor:pointer;}
.MapTank .MapBox{ border:5px solid #fff; background: #fff; border-radius: 5px; position:absolute;left:50%;top:50%; width: 1200px; height: 600px; max-height: 80vh; max-width: 90vw; }
.MapTank .MapBox .exit{ position: absolute; right:-15px; top:-15px; height:40px; width:40px; border-radius:50%; background:#fff url(../images/exit.png) no-repeat center/40%; z-index: 2; }
.MapTank .MapBox #TMap{ height: 100%; width: 100%; border:5px solid #fff; }
.MapTank .MapBox #TMap img{ max-width: 99999px; }

/**网站地图**/
.sitemapBlock .h1{ font-size:30px; font-weight: normal; line-height:1.4em; color:#cccccc; border-bottom:1px solid #e9e9e9; padding:12px 0; }
.sitemapBlock .content{ font-size:15px; line-height:1.8em; color:#777777; padding-bottom:30px; }
.sitemapBlock .content .h3{ color:#333333; font-weight:bold; font-size:15px; line-height:1.8em; }
.sitemapBlock dt{ border-bottom: 1px dashed #ccc; height: 50px;}
.sitemapBlock dt a{ font-size: 18px; font-weight: 800;  line-height: 50px; }
.sitemapBlock dd{ width: 100%; line-height: 50px; }
.sitemapBlock ul li{ list-style: none; float: left; height: 50px;  margin-left: 20px;}
@media only screen and (max-width: 768px){
    .sitemapBlock .h1{ font-size:20px; padding:0 0 10px; }
    .sitemapBlock .content{ padding-bottom:10px; }
}
/* 服务优势 */
@media (min-width: 1560px){
.center {
    width: 1520px;
    margin: 0 auto;
}
}
@media (min-width: 1366px){
.center {
    width: 1300px;
    margin: 0 auto;
}
}
@media (min-width: 1280px){
.center {
    width: 1250px;
    margin: 0 auto;
}
}
@media (min-width: 1024px){
.center {
    width: 1024px;
    margin: 0 auto;
}
}
@media (min-width: 991px){
.center {
    width: 970px;
    margin: 0 auto;
}
}
@media (min-width: 768px){
.center {
    width: 768px;
    margin: 0 auto;
}
}
.center {
    width: 1520px;
    margin: 0 auto;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.index-service{ padding:0 0 40px 0; background-image:url(../images/servicebg.jpg); background-repeat:no-repeat; background-position:bottom right;}
.index-service h4{ display:block; font-size:32px; color:#025bab; text-align:center;}
.index-service h5{ display:block; font-size:22px; color:#b3b3b3; text-align:center;font-family: 'ITC Avant Garde Gothic'; font-weight:100;text-transform: uppercase;}
.index-service a{ cursor:default;}
.index-service .service-warp{ overflow:hidden; margin-top:0;}
.index-service .service-warp span{ display:block; font-size:50px; margin-bottom:20px; padding-top:30px; padding-left:35px;font-family: 'Agency FB'; color:#fff;}
.index-service .service-li1{ width:384px; height:535px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li1 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li1 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'ITC Avant Garde Gothic'; font-weight:100;}
.index-service .service-li1:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li2{ width:383px; height:257px; margin-bottom:20px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li2:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li2 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li2 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'ITC Avant Garde Gothic'; font-weight:100;}
.index-service .service-li3{ width:383px; height:257px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li3:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li3 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li3 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'ITC Avant Garde Gothic'; font-weight:100;}
.index-service .service-li4{ width:716px; margin-bottom:20px; height:257px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li4:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li4 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li4 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'ITC Avant Garde Gothic'; font-weight:100;}
.index-service .service-li5{ width:350px; height:257px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li5:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li5 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li5 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'ITC Avant Garde Gothic'; font-weight:100;}
.index-service .service-li6{ width:350px; height:257px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li6:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li6 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li6 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'ITC Avant Garde Gothic'; font-weight:100;}
.index-service .service-w-li1{ width:384px; margin-right:20px;}
.index-service .service-w-li2{ width:384px;}
.index-service .service-w-li3{ width:716px;}

@media (min-width:320px){
    .center{width: 100%;padding: 0 2%;}
    .index-service .service-w-li1{ width:49%; margin-right:2%;margin-bottom:1vh;}
    .index-service .service-w-li2{ width:49%; margin-bottom:1vh;}
    .index-service .service-w-li3{ width:100%;}
    .index-service .service-li1{ width:100%; height:31vh; background-size: cover;}
    .index-service .service-li2{ width:100%; height:15vh; margin-bottom:1vh; background-size: cover;}
    .index-service .service-li3{ width:100%; height:15vh; background-size: cover;}
    .index-service .service-li4{ width:100%; margin-bottom:1vh;height:15vh; background-size: cover;}
    .index-service .service-li5{ width:49%; height:15vh; background-size: cover;}
    .index-service .service-li6{ width:49%; height:15vh; background-size: cover;}
    .index-service .service-li1:hover{ background-size:cover;}
    .index-service .service-li2:hover{ background-size:cover;}
    .index-service .service-li3:hover{ background-size:cover;}
    .index-service .service-li4:hover{ background-size:cover;}
    .index-service .service-li5:hover{ background-size:cover;}
    .index-service .service-li6:hover{ background-size:cover;}
 
}
@media (min-width:768px){
    .center{width: 100%;padding: 0 2%;}

    .index-service .service-w-li1{ width:49%; margin-right:2%;margin-bottom:2vh;}
    .index-service .service-w-li2{ width:49%; margin-bottom:2vh;}
    .index-service .service-w-li3{ width:100%;}
    .index-service .service-li1{ width:100%; height:62vh; background-size: cover;}
    .index-service .service-li2{ width:100%; height:30vh; margin-bottom:2vh; background-size: cover;}
    .index-service .service-li3{ width:100%; height:30vh; background-size: cover;}
    .index-service .service-li4{ width:100%; margin-bottom:2vh;height:30vh; background-size: cover;}
    .index-service .service-li5{ width:49%; height:30vh; background-size: cover;}
    .index-service .service-li6{ width:49%; height:30vh; background-size: cover;}
    .index-service .service-li1:hover{ background-size:cover;}
    .index-service .service-li2:hover{ background-size:cover;}
    .index-service .service-li3:hover{ background-size:cover;}
    .index-service .service-li4:hover{ background-size:cover;}
    .index-service .service-li5:hover{ background-size:cover;}
    .index-service .service-li6:hover{ background-size:cover;}



}
@media (min-width: 991px){
    .center{width: 970px;padding: 0 ;}
    .index-service .service-w-li1{ width:245px; margin-right:15px;}
    .index-service .service-w-li2{ width:245px;}
    .index-service .service-w-li3{ width:450px;}
    .index-service .service-li1{ width:100%; height:420px; background-size: cover;}
    .index-service .service-li2{ width:100%; height:200px; margin-bottom:20px; background-size: cover;}
    .index-service .service-li3{ width:100%; height:200px; background-size: cover;}
    .index-service .service-li4{ width:100%; margin-bottom:20px;height:200px; background-size: cover;}
    .index-service .service-li5{ width:49%; height:200px; background-size: cover;}
    .index-service .service-li6{ width:49%; height:200px; background-size: cover;}
    .index-service .service-li1:hover{ background-size:cover;}
    .index-service .service-li2:hover{ background-size:cover;}
    .index-service .service-li3:hover{ background-size:cover;}
    .index-service .service-li4:hover{ background-size:cover;}
    .index-service .service-li5:hover{ background-size:cover;}
    .index-service .service-li6:hover{ background-size:cover;}



}
@media (min-width:1024px){
    .center{width: 1020px;padding: 0 ;}
    .index-service .service-w-li1{ width:250px; margin-right:20px;}
    .index-service .service-w-li2{ width:250px;}
    .index-service .service-w-li3{ width:480px;}
    .index-service .service-li1{ width:100%; height:400px; background-size: 120%;}
    .index-service .service-li2{ width:100%; height:190px; margin-bottom:20px; background-size: 120%;}
    .index-service .service-li3{ width:100%; height:190px; background-size:  120%;}
    .index-service .service-li4{ width:100%; margin-bottom:20px; height:190px; background-size:  120%;}
    .index-service .service-li5{ width:49%; height:190px; background-size:  120%;}
    .index-service .service-li6{ width:49%; height:190px; background-size:  120%;}
    .index-service .service-li1:hover{ background-size:140%;}
    .index-service .service-li2:hover{ background-size:140%;}
    .index-service .service-li3:hover{ background-size:140%;}
    .index-service .service-li4:hover{ background-size:140%;}
    .index-service .service-li5:hover{ background-size:140%;}
    .index-service .service-li6:hover{ background-size:140%;}
	
	
}
@media (min-width:1280px){
    .center{width: 1250px;padding: 0 ;}
    .index-service .service-w-li1{ width:300px; margin-right:20px;}
    .index-service .service-w-li2{ width:300px;}
    .index-service .service-w-li3{ width:610px;}
    .index-service .service-li1{ width:100%; height:415px; background-size: 100%;}
    .index-service .service-li2{ width:100%; height:200px; margin-bottom:20px; background-size: 100%;}
    .index-service .service-li3{ width:100%; height:200px; background-size:  100%;}
    .index-service .service-li4{ width:100%; margin-bottom:20px; height:200px; background-size:  100%;}
    .index-service .service-li5{ width:49%; height:200px; background-size:  100%;}
    .index-service .service-li6{ width:49%; height:200px; background-size:  100%;}
    .index-service .service-li1:hover{ background-size:110%;}
    .index-service .service-li2:hover{ background-size:110%;}
    .index-service .service-li3:hover{ background-size:110%;}
    .index-service .service-li4:hover{ background-size:110%;}
    .index-service .service-li5:hover{ background-size:110%;}
    .index-service .service-li6:hover{ background-size:110%;}
	
}
@media (min-width:1366px){
    .center{width: 1300px;padding: 0 ;}
    .index-service .service-w-li1{ width:300px; margin-right:20px;}
    .index-service .service-w-li2{ width:300px;}
    .index-service .service-w-li3{ width:660px;}
    .index-service .service-li1{ width:100%; height:420px;}
    .index-service .service-li2{ width:100%; height:200px; margin-bottom:20px;}
    .index-service .service-li3{ width:100%; height:200px;}
    .index-service .service-li4{ width:100%; margin-bottom:20px; height:200px;}
    .index-service .service-li5{ width:49%; height:200px;}
    .index-service .service-li6{ width:49%; height:200px;}

}
@media (min-width: 1560px) {    
    .center{width: 1520px;padding: 0 ;}
   .index-service .service-w-li1{ width:384px; margin-right:20px;}
    .index-service .service-w-li2{ width:384px;}
    .index-service .service-w-li3{ width:716px;}
    .index-service .service-li1{ width:384px; height:535px;}
    .index-service .service-li2{ width:383px; height:257px; margin-bottom:20px;}
    .index-service .service-li3{ width:383px; height:257px;}
    .index-service .service-li4{ width:716px; margin-bottom:20px; height:257px;}
    .index-service .service-li5{ width:350px; height:257px;}
    .index-service .service-li6{ width:350px; height:257px;}
	
}
@media (min-width: 1700px) {
    .index-service .service-w-li1{ width:384px; margin-right:20px;}
    .index-service .service-w-li2{ width:384px;}
    .index-service .service-w-li3{ width:716px;}
    .index-service .service-li1{ width:384px; height:535px;}
    .index-service .service-li2{ width:383px; height:257px; margin-bottom:20px;}
    .index-service .service-li3{ width:383px; height:257px;}
    .index-service .service-li4{ width:716px; margin-bottom:20px; height:257px;}
    .index-service .service-li5{ width:350px; height:257px;}
    .index-service .service-li6{ width:350px; height:257px;}
}
@media (max-width: 767px) {
   .index-service .service-warp span{font-size: 22px;width: 50px;float: left;padding-left: 18px;  } 
    .index-service .service-li6 .p-cn {padding-top: 30px;padding-left: 45px;font-size: 22px;}
    .index-service .service-li5 .p-cn {padding-top: 30px;padding-left: 45px;font-size: 22px;}
    .index-service .service-li4 .p-cn {padding-top: 30px;padding-left: 45px;font-size: 22px;}
    .index-service .service-li3 .p-cn {padding-top: 30px;padding-left: 45px;font-size: 22px;}
    .index-service .service-li2 .p-cn {padding-top: 30px;padding-left: 45px;font-size: 22px;}
    .index-service .service-li1 .p-cn {padding-top: 30px;padding-left: 45px;font-size: 22px;}
    .index-service .p-en {display: none;}

}
/* 地图 */

.BMap_shadow img{max-width:none;}
.BMap_Marker img{max-width:none;}

.lh-other.ones {
    background: #f5f3f0;
}
.lh-contact-a {
    position: relative;

}
.lh-map {
    height: 550px;
    width: 100%;
}
.lh-contact-text {
    position: absolute;
    text-align: center;
    right: 70px;
    top: 0;
    bottom: 0;
    padding: 0 28px;
    background: #2f318b;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    background: #fff url(/statics/images/dtbg.jpg);
}
.lh-contact-text h1 {font-size: 32px;letter-spacing: 11px;/* text-align: left; */color: #f94848;}
@media (max-width: 767px) {
    #map {height: 300px;}
    .lh-contact-a {
        height: 770px;        
    }
    .lh-contact-text {
        left: 0;
        right:0;
        top: 300px;
        height: 470px;
    } 
    .lh-contact-text h1 {
        font-size: 22px;
 }
 }










.index_hz{ padding: 100px 0; padding-bottom: 80px;}
.hz_tit{ text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 40px;}
.hz_swiper{ position: relative;}
.hz_swiper li .imgbox{ width: 100%; text-align: center; height: 100px; padding: 20px; box-sizing: border-box; display: flex;display: -ms-flexbox; align-items: center; justify-content: center;}
.hz_swiper li .imgbox img{ display: block; max-height: 100%; max-width: 100%;  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;}
.hz_swiper li .imgbox:hover img{ -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    filter: gray;}
.hz_btn.iconfont{ display: block; outline:none; transition: ease .4s; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border:1px solid #aaaaaa; border-radius: 50%; text-align: center; line-height: 54px; font-size: 24px; color: #aaa;}
.hz_btn.icon-arr_l{ left: -66px;}
.hz_btn.icon-arr_r{ right: -66px;}

.hz_btn.iconfont:hover{ background: #11886A; color: #fff; border-color: #11886A;}

.z_footer{ width: 100%; background: #111111;} 
.foot_top{ padding: 3.6458333333333335vw 0  1.5625vw 0; border-bottom:1px solid rgba(255,255,255,.1);display: flex;display: -ms-flexbox; justify-content: space-between;position: relative;
    z-index: 1;}

.share-icons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        
        .icon-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
            background: white;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            position: relative;
            overflow: hidden;
            border: 2px solid transparent;
        }
        
        .icon-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: currentColor;
            opacity: 0.1;
            z-index: 0;
        }
        
        .icon-btn:hover {
            transform: translateY(-5px) scale(1.05);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
        }
        
        .icon-btn i {
            font-size: 30px;
            z-index: 1;
        }
        
        .icon-label {
            margin-top: 8px;
            font-size: 0.8rem;
            color: #555;
            position: absolute;
            bottom: -25px;
            width: 100%;
            text-align: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .icon-btn:hover .icon-label {
            opacity: 1;
        }
        
        .wechat-btn { color: #2aab67; }
        .qq-btn { color: #12b7f5; }
        .weibo-btn { color: #e6162d; }
        .qzone-btn { color: #fbb605; }
        
        .url-container {
            margin: 25px 0;
            display: flex;
            justify-content: center;
        }
        
        #current-url {
            background: #f5f5f7;
            padding: 14px 20px;
            border-radius: 10px;
            font-size: 0.9rem;
            flex-grow: 1;
            max-width: 400px;
            text-align: left;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .copy-btn {
            background: #4a4d9b;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 10px;
            cursor: pointer;
            font-weight: 500;
            margin-left: 10px;
            transition: all 0.3s ease;
        }
        
        .copy-btn:hover {
            background: #3a3d8b;
            transform: translateY(-2px);
        }
        
        /* 模态框 */
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .modal.active {
            opacity: 1;
            visibility: visible;
        }
        
        .modal-content {
            background: white;
            padding: 40px;
            border-radius: 20px;
            text-align: center;
            max-width: 90%;
            width: 400px;
            box-shadow: 0 25px 50px rgba(0,0,0,0.3);
            transform: translateY(-50px);
            transition: transform 0.4s ease;
        }
        
        .modal.active .modal-content {
            transform: translateY(0);
        }
        
        #qrcode {
            margin: 20px auto;
            width: 200px;
            height: 200px;
            padding: 10px;
            background: white;
            border-radius: 10px;
        }
        
        .close-modal {
            background: #4a4d9b;
            color: white;
            border: none;
            padding: 12px 30px;
            border-radius: 8px;
            font-size: 1rem;
            cursor: pointer;
            margin-top: 20px;
            transition: background 0.3s ease;
        }
        
        .close-modal:hover {
            background: #3a3d8b;
        }
        
        .hint {
            color: #666;
            font-size: 0.9rem;
            margin-top: 30px;
        }
        
        /* 响应式调整 */
        @media (max-width: 500px) {
            .share-icons {
                gap: 15px;
            }
            
            .icon-btn {
                width: 40px;
                height: 40px;
            }
            
            .icon-btn i {
                font-size: 25px;
            }
            
            .container {
                padding: 25px;
            }
            
            .url-container {
                flex-direction: column;
                gap: 10px;
                align-items: center;
            }
            
            .copy-btn {
                width: 100%;
                max-width: 400px;
                margin-left: 0;
                padding: 12px;
            }
        }
/*ziabout*/
 /* 导航栏样式 */
        .navbar {
                padding: 0;
                position: absolute;
                bottom: 0;
                z-index: 2;
                width: 100%;
                text-align: center;
        }

        .nav-container {
           max-width: 600px;
            margin: 0 auto;
            padding: 0 20px;
        }

     

        /* 导航菜单 */
        .nav-menu {
           display: flex;
            list-style: none;
            flex-direction: row;
            flex-wrap: nowrap;;
            justify-content: space-evenly;
            background: #3a3a3a;
        }

        .nav-item {
            position: relative;
        }

        .nav-link {
            
          padding: 21px 34px;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #fff;
        }

        .nav-link:hover {
           
            background: #024ba9;
            color: #fff;
        }

        .nav-link.active {
           background: #024ba9;
           color: #fff;
        }
        
 @media (max-width: 980px) {
     
     .navbar {
    padding: 0;
    position: relative;
    bottom: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
}
     .nav-link {
    padding: 10px 10px;
 }
 }
 
 .img_big_box {
    width: 55%;
    float: left;
}
.img_big_box .img_box img {
    max-width: 99%;
    max-height: 99%;
    border-radius: 5px;
    margin: auto;
}
.info_big_box {
    width: 40%;
    float: right;
    height: 502px;
}
.info_big_box h1 {
    color: #444;
    line-height: 36px;
    font-weight: bold;
    font-size: 26px;
    margin-top: 60px;
}
.info_big_box .info_1 {
    margin: 30px 0 0;
}
.info_big_box .info_1 .dh {
    color: #555;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    cursor: help;
    font-family: impact;
    font-size: 26px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.info_big_box .info_1 .dh img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin-right: 12px;
}
.info_big_box .info_1 .dh {
    color: #555;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    cursor: help;
    font-family: impact;
    font-size: 26px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.info_big_box .info_1 .dh img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin-right: 12px;
}
.info_big_box .info_1 .dh span {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #555;
    letter-spacing: 0px;
}

.info_big_box .share {
    height: 24px;
    line-height: 24px;
    margin: 20px 0;
}
.baojia {    width: 154px;
    background: #1b48a6;
    color: #fff;
    text-align: center;
}
.baojia span {
	font-size: 21px;
    line-height: 42px;
}
.xgcp_title {
    padding: 10px;
    background-color: #fafafa;
    margin: 30px 0 0;
}
.xgcp_title h3 {
    color: #1b48a6;
    border-left: 2px solid #1b48a6;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
}


@media screen and (max-width:1200px){
.right_side {		
	width: 100%;
	padding: 10px;
}
.img_big_box {
	width: 100%;
}
.info_big_box {
	display: none;
}
}