﻿
.swiper-container {
    width: 100%;
    height: 100%; position: relative;
}
.column_banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.sale-content-lr{ padding-bottom: 45px;}
.s-1 img {
    width: 21px;
    position: absolute;
    left: 10px;
}

.piclist{ max-width: 1200px; margin: 45px auto;}
.piclist ul li{ border: 1px solid rgba(0,0,0,.033); box-shadow: 0 2px 2px rgba(0,0,0,.063); margin-bottom: 25px; padding: 10px 0; position: relative; padding-right: 180px;}
.piclist ul li:hover{box-shadow: 0 2px 6px rgba(4, 24, 143, .23);}
.piclist ul li .icon{ color: red; font-size: 32px; margin: 0 15px;}
.piclist ul li b{ font-size: 15px; color: #313131; display: inline-block; margin-right: 35px; font-weight: 700;}
.piclist ul li  .time,.piclist ul li  .num{ font-size: 12px; color: #999; display: inline-block; margin-right: 20px;}
.piclist ul li .order{ position: absolute; right: 15px;top: 50%;transform: translateY(-50%);}
.piclist ul li .order a{ display: inline-block; line-height: 30px; padding: 0 15px; padding-left: 39px; border-radius: 15px; background: rgba(0,0,0,.23) url(../image/view.png) no-repeat 15px center; background-size: 16px; color:#fff; font-size: 14px; }
.piclist ul li .order a:last-child{ padding-left: 40px; background:rgba(253, 2, 2, 1) url(../image/down.png) no-repeat 12px center; background-size: 24px; margin-left: 15px; }
.nav-wrap.navFix{position: fixed;z-index: 99999; top: 0; left: 0;} 
.nav-wrap{ float: right; width:800px ;}
.nav-wrap ul {padding: 0;margin: 0 auto;  display: block;}
.nav-wrap.navFix ul{ border-bottom: 0; text-align: right;}
.nav-wrap li { display: inline-block; text-align:left; position: relative; font-size: 12px;}
.nav-wrap li i{ display: block; font-size: 12px; line-height: 1; white-space: nowrap; text-transform: uppercase;}
.nav-wrap li a:after{ width: 4px; height: 4px; display: block; left: 0; position: absolute; top: 50%; margin-top: -2px; background: #9a9a9a; border-radius: 50%; content: "";}
.nav-wrap .active:after{ background: #034a9a;}
.nav-wrap li a {display: block;padding-right: 30px;color:#9a9a9a; text-decoration: none;padding-left: 10px;}
.nav-wrap li a:hover{color: #034a9a;}
.nav-wrap li a.active {color: #034a9a;}
.aboutcontent{ margin: 25px 0; position: relative;}
.subnav{ overflow: hidden; text-align: right;} 
.subnav .share{ float: left; width: 300px; margin-right: }
.share{ text-align:left; padding-top: 6px;}
.title-name {
    display: inline-block;
    margin: auto;
    position: relative;
    text-align: left;
    padding: 45px 0;
    color: #fff; margin-bottom: 5px;
}
.title-name .sub-en {
    font-size: 24px; line-height: 1; margin-bottom: 5px;
}
.sub-en:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
     bottom: -10px;
    width: 45px;
    border-bottom: 3px solid #034a9a;
}
.title-name .sub-en:after {
    bottom:30px;
}
.color{
    color: #313131; margin: auto;
}
.sub-lmname{ text-align: center;}
.showwecontent p{ color:#737373; margin-bottom:25px; text-indent: 20px;}
.showwecontent  ul{ margin: 35px auto; }
.showwecontent ul li{ display: inline-block; width: 33%; text-align: center; font-size: 16px; color: #313131;}
.showwecontent ul li .icon{ display:inline-block; font-size:42px; color: #034a9a; margin: auto; margin-left: 18px;}
.section-content{ max-width: 1200px; margin: auto;}
.honor .bd ul{ width:100%;}
.story .box .next{ left:inherit; right:-10px;}
.story .box .prev .icon,.story .box .next .icon{ font-size:48px;}
		  .story .hd ul li:after, .honor .hd ul li:after  {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,1);
    border-radius: 50%;
    left: 50%;
    margin-left: -10px;
    bottom: 40px;
    position: absolute; z-index:99
}
.story .box .hd ul li.on{ color: rgb(9, 78, 156);}
.story .hd ul .on:after,.about-bd1 .honor .hd ul .on:after{ background:#094e9c;}
.about-bd1 .title-name,.about-bd1 .bd ul li,about-bd1 .hd ul li,.about-bd1 .honor .hd ul li{ color:#313131}
	/* 本例子css */
    .story .bd ul,.honor .bd ul{ overflow:hidden; position:relative; z-index:0;  padding:30px; background:rgba(255,255,255,0.13); margin-top:25px; width:80%; margin-left:10%; color:#fff; line-height:25px; }
    .story .bd li {
        text-align: center;
    }
    .slider, .slider-1 {
        width: 100%;
        height: 130px;
        position: relative;
        cursor: pointer;
    }
    .prev, .next {
        position: absolute;
        width: 25px;
        height: 20px;
        cursor: pointer;
        top: 50px;
        background-color: #daa520;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        color: #fff;
        padding: 0 5px;
    }
    .next {
        right: 20px;
    }
    .no_click {
        background-color: #808080;
    }
    #slider_pic, #slider_pic-1 {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        height: 130px;
        position: relative;
    }
    .story .hd ul, .honor .hd ul {
        width: 80%;
        margin-left: 10%;
        margin-top: 60px;
        text-align: center;
        cursor: pointer;
        position: relative;
    }
    .story .hd ul li, .honor .hd ul li {
        float: left;
        width: 9%;
        color: #fff;
        font-weight: 700;
        position: relative;
        top: 30px;
    }
    #slider_pic li, #slider_pic-1 li {
        float: left;
        margin-right: 10px;
        width: 110px;
    }
    .story .hd ul li:after, .honor .hd ul li:after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: rgba(255,255,255,1);
        border-radius: 50%;
        left: 50%;
        margin-left: -10px;
        bottom: 40px;
        position: absolute;
        z-index: 99;
    }
    #slider_pic:after, #slider_pic-1:after {
        content: "";
        display: block;
        border-bottom: 1px solid #6b6b6b;
        position: absolute;
        top: 60px;
        width: 100%;
    }
    #section2 video {
        width: 100%;
        height: auto;
        opacity: .8; cursor: pointer;
    }
    #section2  img{cursor: pointer;}
    .left-news{ float: left; width: 40%;}
    .news-li{ float: left; width: 60%; padding-left: 25px;}
    .left-news p{ white-space: nowrap; text-overflow: ellipsis;}
    .left-news p a{ color: #fff;}
    .left-news p a:hover{ color:#e0e0e0;}
    .show-list{ padding: 15px;}
.show-list ul li{ padding:15px 10px; margin-bottom: 15px; background:#efefef;}
.show-list ul li .zoombox{ position: relative; padding-right:110px;}
.show-list ul li .zoombox b{ font-weight: 500; font-size: 18px; color: #313131; margin-bottom: 10px; display: block;}
.show-list ul li .zoombox p,.show-list ul li .zoombox i{ display: block; color: #999; font-size: 13px;}
.show-list ul li .zoombox i{ color: #034a9a;}
.show-list ul li .zoombox p{ line-height: 1.25; margin-bottom: 10px;}
.show-list ul li .zoombox a{ position: absolute; right: 0;top:7px;display:block; line-height: 25px; border-radius:13px; padding: 0 13px; color: #999; background:#f2f2f2 url(../image/6372939375373158022518747.png) no-repeat 5px center; background-size: 16px; padding-left: 25px;}
.show-list ul li .vr{ text-align: right;}
.show-list ul li .vr dd { display: inline-block;}
.show-list ul li .vr dd a{ display:block; line-height: 25px; border-radius:13px; padding: 0 13px; color: #999; background: #e0e0e0; margin-right: 10px;background:#f2f2f2 url(../image/vr.png) no-repeat 5px center; background-size: 16px; padding-left: 25px;}
.show-list ul li .vr dd:last-child a{ margin-right: 0;}
#pagelistend{ font-size: 12px; text-align: center; padding: 25px 0; display: block;}
.fixedright{ position: fixed; right: 0; bottom:15px; transform: translateY(-50%); z-index: 999;}
.fixedright li{ cursor: pointer; width: 40px; height: 40px; margin-bottom: 1px; background:rgba(0,0,0,.23) url(../image/shareicon.png) no-repeat center center; background-size: 24px; position: relative; transition: all 500ms;}
.fixedright li:last-child{ background:rgba(0,0,0,.23) url(../image/top.png) no-repeat center center;background-size:24px; display: none; }
.fixedright li .bshare-custom{ position: absolute; left:100%; width:100px;}
.fixedright li:hover .bshare-custom{ left: inherit; right: 40px;}
.bshare-custom a{width: 30px !important; height: 30px !important;}
.bshare-custom.icon-medium .bshare-weixin{ background: url(../image/wechat.png) no-repeat left center !important; background-size:90% !important; }
.bshare-custom.icon-medium .bshare-sinaminiblog{ background: url(../image/weibo.png) no-repeat left center !important; background-size:90% !important;}
.bshare-custom.icon-medium .bshare-qqim{ background: url(../image/qq.png) no-repeat left center !important; background-size:90% !important;}
.saixuan{ display: inline-block; margin: 25px auto; margin-top: 10px;}
.saixuan span{ display: none;}

.saixuan a{display: inline-block; line-height: 35px; border: 1px solid #094e9c; color: #094e9c; padding: 0 15px;}
.saixuan a:first-child{ display: none;}
.saixuan a:last-child{border-left: 0;}
.case-ul{ max-width: 1200px; margin: auto; margin-top: 25px;}
.case-ul a{ display: inline-block; border: 1px solid #e0e0e0; color: #999; padding: 5px 12px; line-height: 1.25; text-align: center; font-size: 10px; margin-right:10px; margin-bottom: 15px;}
.case-ul .curr,.saixuan .curr,.case-ul a:hover,.saixuan a:hover{ border:1px solid #094e9c; background: #094e9c; color: #fff;}
.case-ul a:last-child{ margin-right: 0;}
.case-ul a span{ font-size: 14px; display: block; margin: auto;}
.show-case{ overflow: hidden; margin-top: 25px !important;}
.show-case ul{ overflow: hidden; width: 1200px; display: flex; flex-wrap: wrap;}
.show-case ul li{margin-right:15px; margin-bottom: 15px; width:calc((100% - 30px)/3); border: 1px solid #efefef;  background: #fff; position:relative; padding-bottom: 49px;}
.show-case ul li:nth-child(3n){ margin-right: 0;}
.show-case ul li .overimg{ height: 230px; position: relative;}
.show-case ul li .overimg a{ display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.show-case ul li  b{ display: block; font-weight: 700; font-size: 16px; margin-bottom: 5px; color: #313131; line-height: 1.25;}
.show-case ul li  b i{ display: block; font-weight: normal;}
.show-case ul li  p{ color: #999;padding-top: 10px;}
.show-case ul li  p em{ font-style: normal; padding: 10px; padding-top: 0px; display: block;} 
.show-case ul li  p a{ display: block; padding: 13px; position: absolute; width: 100%; left: 0; bottom: 0; color: #034a9a; border-top: 1px solid #efefef; background: url(../image/right-arrow.png) no-repeat 99% center; background-size: 24px;}
.casebox{ padding-top: 20px;margin: auto;   max-width: 1200px; border-bottom: 1px solid #d4d4d4; margin-bottom:35px;padding-bottom: 15px;}
.casebox h1{ font-size:21px; margin-bottom: 5px; color: #034a9a; font-weight: 700; border-bottom: 1px solid #d4d4d4; margin-bottom:15px; padding-bottom: 15px; position: relative;}
.casebox h1 i{ display: block; font-size: 16px;}
.casebox h1 em{ font-style: normal; color: #999; font-size:12px; position: absolute; right: 0; bottom: 10px; font-weight: normal;}
.case-intro{ color: #999; line-height:1.5;}
.casecontent{ max-width: 1200px; margin: auto; padding-bottom: 65px;}
.casecontent #zoomsubing .swiper-slide {
    height:60px;
    background-size: cover !important;
    position: relative;
    border: 3px solid rgba(255,255,255,1); opacity: .5;
}
.casecontent #zoomsubing {
    margin-top: 25px;
}
.casecontent #zoomsubing .active {
    border: 3px solid #034a9a; opacity: 1;
}
.lefttdbg{ padding-right: 10px !important; vertical-align: middle;}
.casecontent #zooming .swiper-slide{ width: 100%; height:800px; overflow: hidden;}
.casecontent #zooming .swiper-slide img{ min-height: 800px; width: auto; min-width: 100%;}
.timelinebox{ margin-top: 95px;}
.code{border: 1px solid rgba(224, 224, 224, 0.43);background: rgba(255, 255, 255, 0.33);line-height: 35px;padding: 0 10px; margin-left: 0;}
.replay-online img{ height: 37px; width: auto;}
.timelinebox #zooming { margin-bottom: 35px;}
.timelinebox #zooming .swiper-slide{ background:rgba(255,255,255,.23); padding:15px; }
.timelinebox #zoomsubing,.timelinebox #subqyry,.timelinebox #subqyzz { position: relative; padding-bottom:40px;}
.timelinebox #zoomsubing:after,.timelinebox #subqyry:after,.timelinebox #subqyzz:after {content: ""; display: block; width:95%; height: 3px; background:#fff; border-radius: 3px; bottom:20px; left:2.5%; position: absolute;  opacity: .3;}
.timelinebox #zoomsubing .swiper-slide:after,.timelinebox #subqyry .swiper-slide:after,.timelinebox #subqyzz .swiper-slide:after { content: ""; display: block; width:12px; height:12px; border-radius: 50%; background: rgba(255,255,255,1); position: absolute; left: 50%; bottom: -26.5px; transform: translateX(-50%);}
.timelinebox #zoomsubing .active:after,.timelinebox #subqyry .active::after,.timelinebox #subqyzz .active::after { background: yellow;}
.story{ text-align: center; color: #fff;}
.replay-online .text{ float: left;}
.tdbg{vertical-align: middle;}
.story .swiper-slide,.timelinebox .swiper-slide{ cursor: pointer;}
.story .swiper-button-next, .story  .swiper-button-prev,.timelinebox .swiper-button-next,.timelinebox .swiper-button-prev{ background-size: 12px;    margin-top: -13px;}
#section4  .timelinebox{ margin-top: 30px;}
.story .swiper-button-prev,.timelinebox .swiper-button-prev{ left: 0;}
.story  .swiper-button-next,.timelinebox .swiper-button-next{ right: 0;}
.timelinebox #subqyry:after,.timelinebox #subqyzz:after{ background: #313131;}
.timelinebox #subqyry .swiper-slide:after,.timelinebox #subqyzz .swiper-slide:after{ background: #313131; }
.timelinebox #subqyry .active::after,.timelinebox #subqyzz .active::after, .timelinebox #subqyzz  .active:after{background: #0665d0;
    width: 20px;
    height: 20px;
    border: 4px solid #00bdff;
    bottom: -27.5px;;}
    .qyry  .swiper-slide.active {
        font-weight: 700;
        font-size: 16px;
        color: #0665d0;
    }
#qyry ul,#qyzz ul{ overflow: hidden; margin-top: 30px;}
#qyry ul li,#qyzz ul li{ width:calc((100% - 75px)/4); float: left; margin-bottom: 25px; height: 245px; position: relative;  overflow: hidden; padding: 0 15px; text-align: center;}
#qyry ul li:nth-child(4n),#qyzz ul li:nth-child(4n){ margin-right: 0;}
#qyry ul li .overimg,#qyzz ul li .overimg{ height: 205px; margin-bottom: 5px; overflow:hidden; position:relative; text-align: center;}
#qyry ul li .overimg img,#qyzz ul li .overimg img{ position: relative; top: 50%; transform: translateY(-50%); display: inline-block; margin: auto; max-height: 100%; max-width: 100%;}
#qyry ul li b,#qyzz ul li b{ display: block; width: 100%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #e0e0e0; color: #313131; font-size: 14px; line-height: 35px;}
.tab_menu{ margin: auto; display: block; text-align: center;}
.tab_menu li{ background: #e0e0e0; color: #313131; line-height: 35px; padding: 0 35px; display: inline-block; cursor: pointer;}
.tab_menu .curr{ background: #034a9a; color: #fff;}
.result{position: fixed;top:0;left:0;background: rgba(0,0,0,0.5);z-index:1000;width:100%;height:100%;display: none;}  
.imgresult{border:5px solid #fff;}
.indiv{position: absolute;}
.pimg{ cursor: pointer;}
.rongyu{ padding: 0 15px;}
.bk-content ul{ overflow: hidden;}
.rongyu ul{ overflow: hidden;}
.rongyu  h1{ display: block; text-align: center; position: relative; padding: 0 15px; margin: 20px 0;}
.rongyu  h1:after,.rongyu  h1:before{ position: absolute; width: 40%; left: 0; top: 50%; border-bottom: 1px solid #e0e0e0; content: ""; display: block;}
.rongyu  h1:after{ left: inherit; right: 0;}
.sub-lm-title{ padding:35px 0; text-align:center; color:#999;text-transform: uppercase;
    position: relative;}
.sub-lm-title p{ position:relative; font-size:21px; color:#464646;letter-spacing:3px}
.sub-lm-title p:before{ content:""; display:block; width:83px; border-bottom:1px solid #e1e1f1; position:absolute;    left: 35%; top:50%; }
.sub-lm-title p:after{ content:""; display:block; width:83px; border-bottom:1px solid #e1e1f1; position:absolute; right:35%; top:50%; }
.jion-table td input{ color: #fff !important;}
.jion{ text-align:center;color:#fff; text-shadow:1px 1px 0 #333; line-height:30px;}
.jion .jion-title{ font-size:32px; font-weight: normal; padding-bottom:15px; text-align: center; letter-spacing: 2px; }
.jion .tel{ font-size: 36px; margin: 20px auto; font-weight: 700;}
.jion .tel i{ font-size: 12px; display: block; text-align: right; font-style: normal; margin-bottom: 5px; font-weight: normal;}
.jion p{ font-style: 14px;}
.jioncontent{ display:inline-block; margin: auto; text-align: left;}
.on-reset{    background: #01bc8e; color: #fff;}
.jion-table td input, .jion-table td textarea{line-height: 35px;height: 37px;padding-left: 5px;border: 1px solid rgba(255,255,255,.7);background: rgba(255,255,255,0.3);color: #313131;width: 100%;}
.replay-online span { display: inline-block; float: left; margin-right: 15px; line-height: 45px; width:70px; text-align: right;}
.replay-online td{ text-align: left; padding: 10px 5px;    position: relative;padding-left: 80px;}
.replay-online td td{ padding: 0;}
.jion-table td{    padding: 10px 5px; padding-left: 90px;}
.replay-online td span{ position: absolute; width: 80px; padding-right: 10px; text-align: right; left: 0; line-height: 45px; top:5px;}