/*Top */
.Top{ padding:0 1.5%; background:url(../images/top_bg.jpg)no-repeat top center;border-bottom: 3px solid #00393e}
.Top::before
.Top a{ transition:0.3s;}
.Top .logo a{ display:block;background-position:left center; background-repeat:no-repeat;width:100%;}
@media(min-width:1025px){
.Top .auto{ position:relative; z-index:100;}
.Top .logo{ position:absolute; left:0%;top:0; height:100%; width:195px; z-index:2;}
.Top .logo::after{ position:absolute; content:''; left:0; height:82px; bottom:0;background:#fff; width:100%; }
.Top .logo a{ position:absolute; z-index:10; left:0; top:10px;  bottom:10px;}
}
.Top .header-top dl{ float:right; border-left:1px solid #f3f3f3;background: #f1f1f1;border-radius: 0 0 0 60px;position: relative;z-index: 999;border-top: 2px solid #004760;}
.Top .header-top dd{ float:left;height:35px; line-height:35px;}
.Top .top-hotline{ font-size:18px; color:#e73a32; padding:0 19px;}
.Top .top-hotline b{ background:url(../images/Top_icon_tel.png) no-repeat left center; padding-left:24px; font-family:Arial, Helvetica, sans-serif;}
.Top .top-link{ font-weight:bold; padding:0 20px;}
.Top .top-link a{ color:#c2c2c2;}
.Top .top-link a:hover{ color:#00465e;}
.Top .open-search,
.Top .top-share{ width:49px;}
.Top .open-search{ position:relative; background:url(../images/Top_icon_search.png) no-repeat center center; cursor:pointer; z-index:100;border-left: 1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.Top .top-search{ position:absolute; width:350px; padding:28px; background:#fff; top:100%; right:0; box-shadow:0 3px 7px rgba(0,0,0,0.35); display:none; overflow:hidden; z-index:3;}
.Top .top-search .text{ width:214px; float:left; background:#f6f6f6; line-height:30px; height:30px; border:none; padding:0 10px;}
.Top .top-search .btn{ float:right; height:30px; border:1px solid #cecece; background:url(../images/Top_btn_search.png) no-repeat center center; width:66px;}
.Top .open-search-show{ background-image:url(../images/Top_icon_search_hover.png);}
.Top .open-search-show::after{ position:absolute; content:''; left:50%; margin-left:-4px; bottom:-4px; width:8px; height:8px; transform:rotate(45deg); background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2);z-index:1;}
.Top .top-share a{ margin:0; display:block; width:49px; height:35px; line-height:35px; background:url(../images/Top_icon_share.png) no-repeat center center;}
.header-bottom {padding-left:200px;}
.Top .top-share a:hover{ background-image:url(../images/Top_icon_share_hover.png);}
.Top .header-menu li{ position:relative; width:11.1111111%!important;}
.Top .header-menu li em a{ display:inline-block; font-size:16px; line-height:45px;position: relative;padding-bottom: 10px;}
.Top .header-menu li em a::after{display:block;content:'';width: 0px;height: 15px;margin: auto;position: absolute;left: 0;right: 0;margin: auto;bottom: 5px;background: #ffff;}
.Top .header-menu li.aon em a::after{background: #00465e;}
.Top .header-menu li.aon em a{ color:#00455e;}
.Top .header-menu li .sub-menu{padding:2px;}
.Top .header-menu li .sub-menu dt a{ padding-left:0; line-height:36px;color:#333;text-align: center;font-size: 15px;}
.Top .header-menu li .sub-menu dt a::before{ margin-right:12px; display:inline-block; content:''; vertical-align:middle; border-radius:50%; width:7px; height:7px; border:2px solid #d7d7d7;}
.Top .header-menu li .sub-menu dt:hover a::before{ border-color:#00465e; }
.Top .header-menu li .sub-menu dt a:hover{background:none;color:#00465e;}
@media(max-width:1520px){
    .header-menu li .sub dt a{padding: 0} 
    .Top .header-menu li .sub-menu dt a::before{display: none;}
}
@media(max-width:1024px){
.Top {background: none}
.Top .header-top dl{float: right;margin-right: 2%;margin-top: 3%}
.Top #open_menu{margin-top: 3%}
.Top .header-top dd,.Top .top-share a{height:49px;line-height:49px;}
.Top,
.Top .auto{ padding:0;}
.Top #open_menu{float: right; position:relative; width:60px; height:49px; background:#00465e;right: 2%;}
.Top #open_menu i,
.Top #open_menu i::before,
.Top #open_menu i::after{background:#fff;}
.Top #open_menu i{ height:3px; left:20%; width:60%; margin-top:-1.5px;}
.Top #open_menu i::before{ top:-8px;}
.Top #open_menu i::after{ top:8px;}
.Top #open_menu.open_menu_on{ position:fixed; bottom:0; left:50%; margin-left:-25px; z-index:101; background:none;    z-index: 9999999999;}
.Top #header-menu{ position:fixed; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.8); z-index:100;  padding:50px 0; transform:translateX(-100%); transition:0.3s;z-index: 999999999;}
.Top #header-menu ul{overflow:auto; max-height:100%; max-width:80%; margin:0 auto; padding:0 5%;}
.Top #header-menu.header-menu-show{transform:translateX(0);}
.Top .logo{float: left;width: 40%;padding: 2%;}
.Top .logo a{ padding-bottom:20%;}
/*.Top #header-menu li{ text-align:center;}*/
.Top #header-menu li em{ font-size:20px;}
.Top #header-menu li.has-sub em::after{ position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color: #fff; top:50%; margin-top:-3px;}
.Top #header-menu li.has-sub.clickon em::after{ border-top-color:transparent; border-bottom-color:#fff;margin-top:-6px;}
.Top #header-menu li dd{ padding:0 10px; font-weight:bold; background:#00465e; color:#fff; font-size:16px;}
.Top #header-menu li .sub-menu{ background:rgb(0, 70, 94,0.5);}
}
@media(max-width:768px){
    .Top .header-top dl,.Top #open_menu{margin-top:2%}
}
@media(max-width:600px){
    .Top .header-top dd.top-share{display: none;}
    .Top .logo a{padding-bottom:24%;background-size: contain;} 
    .Top #header-menu li em{font-size: 18px;}
}
@media(max-width:500px){
.Top .logo{width: 45%}
.Top .header-top dd{display: none;}
.Top .top-hotline{ display:none;}
.Top .top-search{width:300px; padding:5px; right:-49px;}
.Top #open_menu{width: 44px;height: 34px;margin-top: 3%;}
.Top #open_menu i{height: 2px; }
}
@media(max-width:360px){
    .Top #open_menu{margin-top:1%}
}
/*index-Banner */
.index-Banner{ padding:0%;}
.index-Banner .swiper-container{position: relative;overflow: hidden;z-index: 1;}
.index-Banner .btn{ position:absolute; z-index:10; width:60px; height:90px; background:rgba(0,0,0,0.13); top:50%; margin-top:-45px; overflow:hidden; line-height:1000px; transition:0.2s;opacity: 0}
.index-Banner .btn:hover{ background:#00465e;}
.index-Banner .btn::before{ position:absolute; content:''; width:20px; height:20px; transform:rotate(-45deg); top:50%; margin-top:-10px;border-top:1px solid rgba(255,255,255,0.5); border-left:1px solid rgba(255,255,255,0.5);}
.index-Banner:hover .btn{opacity: 1}
.index-Banner .btn:hover::before{ border-color:#fff !important;}
.index-Banner .btn.swiper-prev{ left:2%;}
.index-Banner .btn.swiper-prev::before{  left:40%;}
.index-Banner .btn.swiper-next{ right:2%;}
.index-Banner .btn.swiper-next::before{  left:20%;transform:rotate(135deg);}
.index-Banner .pager{ position:absolute; left:0; text-align:center; width:10%; bottom:5%; z-index:10;left: 80%}
.index-Banner .pager span{ display:inline-block;padding-right:0px; position:relative;}

.index-Banner .pager span:last-child{ padding-right:0;}
.index-Banner .pager span:last-child::after{ display:none;}
.index-Banner .pager i{ display:block; border:1px solid transparent; width:15px; height:15px; border-radius:50%; margin:0 2px; position:relative; overflow:hidden; line-height:1000px;}
.index-Banner .pager i::before{ position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-6px; width:12px; height:12px;border-radius:50%; content:''; border: 2px solid rgba(255,255,255,0.5)}
.index-Banner .pager span.swiper-pagination-bullet-active i::before{ border: 2px solid rgba(255,255,255,1)}

.index-Banner .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;
}
.index-Banner li{width: 100%; position: relative;-webkit-flex-shrink: 0; -ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;}
.index-Banner li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.index-Banner li .table{ position:absolute; width:100%; bottom:-33%; right:-20%; text-align:center; z-index:1; 	height:80%;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}

.index-Banner li.banner1 .table{ top:1%;right:-18%; }
.index-Banner li.banner2 .table{ top:-3%;bottom: auto;}
.index-Banner li.banner3 .table{ top:-6%;bottom: auto;left:-23%;}
.index-Banner li.banner4 .table{ top:-2%;bottom: auto;right:22%;}
.index-Banner li.banner5 .table{ top:10%;bottom: auto;left:26%;}
.index-Banner li.banner4 .table{ bottom:-28%; }
@media(max-width:1400px){
    .index-Banner li.banner5 .table{right:-15%;}
    
}
@media(max-width:1200px){
.index-Banner{ padding:0;}
.index-Banner li .table img{height:100px!important;}
}
@media(min-width:1025px){
.index-Banner  li > img{ display:block; width:100%;}
.index-Banner  li img.wap{ display:none;}

}
@media(max-width:1024px){
.index-Banner  li img.pc{ display:none;}
.index-Banner  li .table img{ max-width:75%; margin:0 auto;margin-left: 130px;}
}
@media(max-width:640px){
    .index-Banner li.banner1 .table{right:2%; }
    .index-Banner li.banner2 .table{top: -23%;right: 8%}
    .index-Banner .pager{width:20%}
    .index-Banner li.banner2 .table img,.index-Banner li.banner3 .table img,.index-Banner li.banner5 .table img{height:30px;}
    .index-Banner li .table img{height:70px!important;}
    .index-Banner li.banner2 .table{top:-16%;right:-7%}
    .index-Banner li.banner5 .table{left:-7%;}

}
@media(max-width:480px){
.index-Banner .btn{ transform:scale(0.7);}
.index-Banner .pager span::after{ width:10px;}
.index-Banner .pager i{width:20px; height:20px; }
.index-Banner .pager{width:37%;left:61%;}

}
/*index_news */
@import url('dinBold/dinBold.css');
.index_news{ padding:50px 0% 60px 0px;background: url(../images/news_bg.jpg)no-repeat center center;background-size: cover;background-position: center top;background-attachment: fixed;}
.index_news .title{ padding-top:8px; text-align:center; padding-bottom:2%; font-size:30px; color:#3f3a39;}
.index_news .title .en{ text-transform:uppercase; font-size:42px; letter-spacing:17px; padding-left:17px;font-family: "dinbold";    font-family: "dincond-medium-webfont";}
.index_news .title figure{ display:inline-block; position:relative;}
.index_news .title figure::after{ position:absolute; content:''; width:32px; height:32px; border-radius:50%; right:-10px; top:-5px; z-index:1;}
.index_news .title figure span{ position:relative; z-index:2;}
@media(max-width:640px){
.index_news .title .en{ letter-spacing:10px;}
}

.index_news .tab{ padding-bottom:3%;}
.index_news .tab li{ width:129px; cursor:pointer; border:1px solid #c4c4c4; line-height:34px; text-align:center; border-radius:34px; margin:0 15px;}
.index_news .tab li.on{ color:#fff; background:#00465e; border-color:#00465e;}
.index_news .tab li a{display: block;border-radius: 20px;transition: all 0.5s;}
.index_news .tab li a:hover{background: #00465e;color: #fff}

.index_news .box{ display:none;}
/*swiper*/
.index_news .js-img  .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
.index_news .js-img  .swiper-container-android .swiper-slide, 
.index_news .js-img  .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.index_news .js-img .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;  transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;}
.index_news .js-img .swiper-slide {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%;
position: relative; -webkit-transition-property: -webkit-transform;transition-property: -webkit-transform; -o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;}
.index_news .js-img .swiper-slide { opacity:0 !important;}
.index_news .js-img .swiper-slide-active { opacity:1 !important;}
.index_news .js-img .swiper-container-fade .swiper-slide {/*pointer-events: none;*/-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
/*swiper end*/
@media(min-width:769px){
.index_news .main{ position:relative; z-index:1;}
.index_news .main:before{position:absolute;content:'';height:77%;width: 48%;background:url(../images/news_lbg.png)no-repeat left bottom #00465e;left:0;bottom:0;}
.index_news .box{ position:relative; z-index:1;}
.index_news .box::before{ width:45%; position:absolute; content:''; left:0; bottom:0; height:77%; }
.index_news .box  .js-img,
.index_news .box dl{ width:49.1666666%;}
.index_news .box  .js-img{ float:left;}
.index_news .box dl{ float:right;}
.index_news .js-img li .txt{ width:88%;}
}
.index_news .js-img li .Ispic{display:block;padding-bottom: 50%;}
.index_news .js-img li .txt{color:#fff; padding:23px 0; position:relative;}
.index_news .js-img li .txt::before{ position:absolute; content:''; border:13px solid transparent; left:17px; top:-26px;}
.index_news .js-img li .txt h3{ font-size:18px; margin:0 0 10px 0;}
.index_news .js-img li .txt h3 a{ color:#fff;}
.index_news .js-img li .txt p{ line-height:24px; height:48px; overflow:hidden; margin:0;}
.index_news .js-img li .txt time{ font-family:Arial, Helvetica, sans-serif; text-align:center; border-right:1px dashed rgba(255,255,255,0.3); padding-right:28px; width:90px;}
.index_news .js-img li .txt time span{ line-height:48px; display:block; border-bottom:2px solid #fff; font-size:53px; margin-bottom:2px;}
.index_news .js-img li .txt figure{ margin:0 0 0 5%; max-width:80%;}

.index_news .pager{ position:absolute; right:2%; bottom:142px; margin-bottom:2%; z-index:10;}
.index_news .pager *{ float:left; width:12px; height:12px; margin:0 3px; border:2px solid #fff; border-radius:50%; opacity:0.3; cursor:pointer;}
.index_news .pager .swiper-pagination-bullet-active{ opacity:1;}
.index_news .box dd{ margin-bottom:3%;}
.index_news .box dd:last-child{ margin-bottom:0;}
.index_news .box dd a{ transition:0.3s; padding:5% 0;border:1px solid transparent; background:#f7f7f7;}
.index_news .box dd a:hover{color:#00465e; border-color:#00465e;background:#fff; box-shadow:1px 0 7px rgba(200,160,99,0.22);}
.index_news .box dd time{ width:23%; text-align:center; color:#d6d6d6; font-family:Arial, Helvetica, sans-serif;}
.index_news .box dd a:hover time{color:#00465e;}
.index_news .box dd time span{ display:block; font-size:53px; line-height:46px;}
.index_news .box dd time span::after{ display:block; margin:5px auto; content:''; width:54px; height:2px; background:#d6d6d6;}
.index_news .box dd a:hover time span::after{background:#00465e;}
.index_news .box dd figure{ max-width:72%;}
.index_news .box dd h2{ font-size:18px; margin:0; font-weight:normal;}
.index_news .box dd p{ margin-bottom:0; line-height:24px; height:48px; overflow:hidden; color:#999;}
.index_news .box dd a:hover p{color:#00465e;}
@media(max-width:768px){
.index_news .main .auto{ padding:0;}
.index_news .js-img li .txt{ padding:3% 5%;}
.index_news .js-img .swiper-container{background: #00465e;}
.index_news .tab li{margin:  0 5px}
}
@media(max-width:480px){
.index_news .js-img li .txt time{ padding-right:16px; width:72px;}
.index_news .js-img li .txt figure{ max-width:75%;}
.index_news .js-img li .txt time span{ font-size:38px; line-height:40px;}
.index_news .box dd{ margin:3% 0 0 0;}
.index_news .box dd time span{ font-size:38px;line-height:40px;}
.index_news .pager{ bottom:110px;}
}
@font-face{
     font-family: 'dincond-medium-webfont'; 
     src: url('../fonts/dincond-medium-webfont.eot');
     src:url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg') format('svg');
}



/*Floor002564 */
.index_about{overflow: hidden}
.index_about .title{ padding-top:8px; padding-bottom:2%; font-size:30px; color:#fff;}
.index_about .title .en{ text-transform:uppercase; font-size:42px; letter-spacing:17px; font-family: "dinbold";    font-family: "dincond-medium-webfont";color: rgba(255,255,255,0.5)}
.index_about .title figure{ display:inline-block; position:relative;}
.index_about .title figure::after{ position:absolute; content:''; width:32px; height:32px; border-radius:50%; right:-10px; top:-5px; z-index:1;}
.index_about .title figure span{ position:relative; z-index:2;}
@media(max-width:640px){
.index_about .title .en{ letter-spacing:10px;}
}
.index_about .box1{background:#00465e;background-size: cover;background-position: center top;background-attachment: fixed;padding: 90px 0 100px;overflow: hidden;}
.index_about .box1 .fll{width: 39.3%;float: left;}
.index_about .box1 .fll p{font-size: 14px;color: #fff;line-height: 24px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical;}
.index_about .box1 .fll .more a{line-height: 40px;color: #fff;width: 175px;background: url(../images/more_jian.png)no-repeat 115px center #e9524b;display: block;text-indent:40px;margin-top:38px;}
.index_about .box1 .fll .more a:hover{animation: fadehover 0.35s linear;}
    @keyframes fadehover {

        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        50% {
            opacity: 0;
            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
            transform: scale(1.5);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }
    }
.index_about .box1 .frr{width: 55.15%;float: right;position: relative;}
.index_about .box1 .frr figure{height: 343px;width:98%;background-size: cover;position: relative;}
.index_about .box1 .frr::before{position:absolute;width: 95%; content: "";border:2px solid rgba(255,255,255,0.5);height: 110%;top: -5%;right: 0;z-index: 2;}
.index_about .box1 {position: relative;}
.index_about .box1 .absolute{position: absolute;}
.index_about .box1 .wave{height: 106px;bottom: 0;}
.index_about .box1 .wave-0{width: 267.44%;background: url(../images/service-wave-0.png) repeat-x left bottom;opacity:1;z-index: 3;-webkit-animation: WaveL 20s linear 0s infinite normal;animation: WaveL 20s linear 0s infinite normal;right: 0;}
.index_about .box1 .wave-1{width: 223.125%;background: url(../images/service-wave-1.png) repeat-x right bottom;opacity:1;z-index: 2;-webkit-animation: WaveL 10s linear 0s infinite normal;animation: WaveL 10s linear 0s infinite normal;right: 0;}

@-o-keyframes WaveL{0%{-o-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(50%);transform: translateX(50%);}}
@-ms-keyframes WaveL{0%{-ms-transform: translateX(0px);transform: translateX(0px);}100%{-ms-transform: translateX(50%);transform: translateX(50%);}}
@-moz-keyframes WaveL{0%{-moz-transform: translateX(0px);transform: translateX(0px);}100%{-moz-transform: translateX(50%);transform: translateX(50%);}}
@-webkit-keyframes WaveL{0%{-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-webkit-transform: translateX(50%);transform: translateX(50%);}}
@keyframes WaveL{0%{-o-transform: translateX(0px);-ms-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(50%);-ms-transform: translateX(50%);-moz-transform: translateX(50%);-webkit-transform: translateX(50%);transform: translateX(50%);}}


@media(max-width:1300px){
    .index_about .box1p{padding: 40px 4%;} 
    .index_about .box1.txt::before{bottom:3%}
    .index_about .box1.txt::after{bottom:3%}
    .index_about .box1p::before{top:3%}
    .index_about .box1p::after{top:3%}
}

.index_about .box2{background: #f5f5f5;padding: 40px 0;overflow: hidden;}
.index_about .box2 .phonebox{display: none;}
.index_about .box2 .auto{position: relative;}
.index_about .box2 ul{position: relative;z-index: 2}
.index_about .box2 li{width: 98px;float: left;list-style: none;font-size: 18px;line-height:40px;text-align: center}
.index_about .box2 li .yuan{width: 98px;}
.index_about .box2 li:nth-child(3){width: 98px;float: left;margin: auto}
.index_about .box2 li:nth-child(1),.index_about .box2 li:nth-child(3),.index_about .box2 li:nth-child(5){margin-top:58px;}
.index_about .box2 li:nth-child(2),.index_about .box2 li:nth-child(4){width: calc((100% - 294px)/2);}
.index_about .box2 li .yuan{width: 98px;margin: auto}
.index_about .box2 li img{transition: all 0.5s;}
.index_about .box2 li:hover img{transform:rotateY(180deg)}
.index_about .box2 li:hover a{color: #e9524b;}
.index_about .box2 dl{position: absolute;width: 100%;overflow: hidden;z-index: 0}
.index_about .box2 dd{width: calc((100% - 98px)/4);background:url(../images/about_hui.png)no-repeat center center;background-size: contain;height: 94px;float: left;margin-top:60px}
.index_about .box2 dd:nth-child(1){margin-left:49px;}
@media(max-width:1360px){
    .index_about .box2 dl dd{margin-left: -18px;}   
}
@media(max-width:1250px){
    .index_about .box2 dl dd{margin-left:-8px;}   
}
@media(max-width:768px){
    .index_about .box2 dl{display: none;}
    .index_about .box2 .phonebox{display: block;}
    .index_about .box2 .pcbox{display: none;}
    .index_about .box1 .fll{width: 100%;float: none;margin-bottom:40px;}   
    .index_about .box1 .frr{width: 100%;float: none;}   
    .index_about .box1 .frr::before{height: 106%;top: -3%;}
    .index_about .box2 li{width: 33.3333333%!important;}
    .index_about .box2 li:nth-child(1),.index_about .box2 li:nth-child(3),.index_about .box2 li:nth-child(5){margin-top:0px;margin-bottom: 20px}
    .index_about .box1{padding:50px 0 60px;}
}
@media(max-width:480px){
    .index_about .box2 li{font-size: 16px;}
    .index_about .box2 li img{max-width:75%;}
}

/*index_project */
@import url('dinBold/dinBold.css');
.index_project{ padding:50px 0% 60px 0px;background:url(../images/project_bg.jpg)no-repeat center bottom;background-size: contain}
.index_project .title{ padding-top:8px; text-align:center; padding-bottom:2%; font-size:30px; color:#3f3a39;}
.index_project .title .en{ text-transform:uppercase; font-size:42px; letter-spacing:17px; padding-left:17px;font-family: "dinbold"; font-family: "dincond-medium-webfont";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_project .title figure{ display:inline-block; position:relative;}
.index_project .title figure::after{ position:absolute; content:''; width:32px; height:32px; border-radius:50%; right:-10px; top:-5px; z-index:1;}
.index_project .title figure span{ position:relative; z-index:2;}
@media(max-width:640px){
.index_project .title .en{ letter-spacing:10px;}
.index_project .title .en span{ display: none;}
}
.index_project .main{ position:relative;}
.index_project .tab{  background:#fff;}
.index_project .tab li{ position:relative; padding-left:70px; overflow:hidden; transition:0.3s;}
.index_project .tab li .txt{ margin-left:3%;}
.index_project .tab li .txt i{ font-style:normal; color:#c7c3c2;}
.index_project .tab li .txt i.i_1{ font-size:24px; color:#3f3a39;}
.index_project .tab li .txt i.i_3{ padding-top:5px;}
.index_project .tab li.on .txt i{ color:#fff !important;}
.index_project .tab li span{ position:absolute; transition:left 0.3s; left:-100%; top:50%;}
.index_project .tab li span::before{ position:absolute;content:''; left:-100%;}
.index_project .tab li .icon img{ width:80px; height:80px; max-width:none;}
.index_project .tab li.on span{ width:48px; height:48px; margin-top:-24px; background:#fff; transform:rotate(45deg); left:-24px;}
.index_project .tab li.on span::before{ width:12px; height:12px; border-top:1px solid #00465e; border-left:1px solid #00465e;left: 50%;top: 50%;margin-left: 2px;margin-top: -14px; transform:rotate(-90deg);}
.index_project .tab li.on{ background:#00465e;}
.index_project .tab li.on .icon .hide{ display:block;}
.index_project .main dl{  display:none;}
.index_project .main dd{ float:left; width:50%; padding-right:20px; margin-bottom:20px;}
.index_project .main dd a{ display:block; padding:3%; background:#FFF;}
.index_project .main dd a:hover{ color:#00465e;}
.index_project .main dd .Ispic{ position:relative; overflow:hidden; padding-bottom:76%;}
.index_project .main dd p{ font-size:16px; background:url(../images/index_project_p_more.png) no-repeat right center; padding-right:25px; margin:5% 0;}
.index_project .main dd .Ispic::before{ position:absolute;content:'';left: -100%;top: 0;width: 50%;height: 100%;transform: skewX(-45deg); 
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%); /* Safari 5.1 - 6.0 */ 
background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);/* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);/* Firefox 3.6 - 15 */
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);/* 标准的语法 */
}
.index_project .main dd a:hover .Ispic::before{left: 150%;transition: 1s ease; }
@media(max-width:1000px){
    .index_project .tab li .icon img{width: 60px;height: 60px;}
}
@media(max-width:768px){
.index_project .tab li .txt i.i_1{ font-size:18px;}
.index_project .tab li{ padding-left:50px;}
.index_project .main dd{ padding-right:10px;}
}
@media(min-width:641px){
.index_project .tab{height:100%; position:absolute; width:50%; right:0; top:0;}
.index_project .main dl{max-width:50%;}
.index_project .main dd:nth-child(3),
.index_project .main dd:last-child{ margin-bottom:0;}
}
@media(max-width:640px){
.index_project .main dl{ min-height:inherit !important;}
.index_project .tab{ overflow:hidden; margin-bottom:2%;}
.index_project .tab li{ height:auto !important; float:left; width:33.33333%; display:block !important; padding-left:0; text-align:center; padding:2%;}
.index_project .tab li span{ display:none;}
.index_project .tab li .icon img{ width:40px; height:40px; margin:0 auto;}
.index_project .main dd{ width:49%; margin-right:2%; margin-bottom:2%;}
.index_project .main dd:nth-child(2n){ margin-right:0;padding-right: 0}
.index_project .tab{background: #f7f7f7}
.index_project .tab li .icon img{width:70px;height:70px;}
    .index_project .main dd:nth-child(2n) .Ispic{padding-bottom: 74%}
}
@media(max-width:480px){
.index_project .tab li .txt i.i_1{ font-size:14px; padding-top:4%;}
.index_project .tab li .txt i.i_2,
.index_project .tab li .txt i.i_3{ display:none;}
}

/*
 .Bottom
 */
.Bottom footer{color: #888;border-top: 3px solid #00394c;}
.Bottom footer{line-height:24px;position: relative;background-color: #00465e;}
.Bottom footer .fl a{color:rgba(255,255,255,0.5);}
.Bottom footer .fr{float:right;width:24%;}
@media only screen and (max-width:767px ) {
	.Bottom footer{ text-align: center;}
}
.Bottom footer a:hover{ color: #fff;}
.Bottom footer .auto{padding-top:20px;padding-bottom:10px; }
.Bottom footer .fl .links{max-width: 200px;}

.Bottom footer .links a{ display:inline-block; position: relative;}
.Bottom footer .links a+a{ margin-left: 20px;}
.Bottom footer .links a+a:before{ content: ""; left: -10px; position: absolute;  height: 50%; top: 25%; width: 1px; display: block; background: #4f4f4f; }
.Bottom footer .fl{color:rgba(255,255,255,0.5);line-height:30px;margin-top: 5px;font-size: 13px;}
.Bottom footer .copyright{margin: 0;}
@media only screen and (min-width:768px ){
.Bottom footer .fl .links{float: left;margin-right: 15px;max-width: 200px;margin-top: 20px}
.Bottom footer .fl .copyright{float: right;}
.Bottom footer .fl{ float:left;}
.Bottom footer .fl a:hover{color:#0066cb}
}
.Bottom .linklist{position:relative;float: left;width:65%;height: 30px;border: 1px solid rgba(255,255,255,0.1);margin-top: 10%;}
.Bottom .weixin{width: 27%;text-align: center;float:right;font-size: 12px;color: rgba(255,255,255,0.5)}
.Bottom .weixin dd{width:100%;float: left;text-align: center;}
.Bottom .linklist h6{ font-size:12px; line-height:28px; padding:0px 20px; margin: 0; font-weight: normal; }
.Bottom .linklist h6 a{color:rgba(255,255,255,0.5);}
.Bottom .linklist h6 i{cursor:pointer;display:block;position:absolute;top: -1px;right:-1px;width:28px;height:30px;background: #003c50;}
.Bottom .linklist h6 i:before{ content:"";display: block; position: absolute; width: 0; height: 0; border-style:solid dashed dashed dashed; border-width: 5px 5px 0 5px; border-color:#295463 transparent transparent transparent; top: 50%; margin-top: -2px; left: 50%; margin-left: -4px;}
.Bottom .linklist ul{display:none;width:100%;position:absolute;left:-1px;bottom:30px;background-color: #00465e;border: 1px solid rgba(255,255,255,0.1);border-bottom: none;}
.Bottom .linklist ul li{/* border-bottom: solid 1px rgba(255,255,255,0.1); */}
.Bottom .linklist ul li a{ padding-left:20px; display:block; line-height: 30px;color: rgba(255,255,255,0.5);    font-size: 12px;}
.Bottom .linklist ul li a:hover{background-color: #003c50;}

@media only screen and (max-width:1220px ){
    .Bottom footer .fr{float: none;width: 100%}
    .Bottom .weixin dd{max-width: 150px;float: none;margin: auto;width: 60%}
}
@media only screen and (max-width:1000px ){
    .Bottom footer .fr{width:100%;margin-top:20px;}
}

@media only screen and (max-width: 767px) {
	.Bottom .linklist{margin-top: 10px;}
}

@media only screen and (max-width:768px ){
    .Bottom footer .fl .links{margin: auto}
    .Bottom .linklist{width:60%;float: none;margin: auto;}
    .Bottom .weixin{width:50%;float: none;margin: auto;margin-top: 20px}
}
/*Banner_nei */
.Banner_nei{overflow: hidden;}
.Banner_nei div.bn{ height:400px; background-repeat:no-repeat; background-position:center top;}
.Banner_nei img{ width:100%; display:none;}
.Banner_nei .auto{position: relative;}
.Banner_nei .word{position: absolute;bottom: 0;left:0%;width: 253px;background: rgba(0,53,72,0.6);font-size: 18px;color: #fff;    padding:20px 0;padding-left: 30px;line-height:30px;display: none;}
@media(max-width:1360px){
.Banner_nei .auto{padding: 0;margin: 0 2%}
}
@media(max-width:1000px){
.Banner_nei div{ display:none;}
.Banner_nei img{ width:100%; display:block;}
}
/*
 .breadCrum
 */
.breadCrum .n_bann{ height:410px; position:relative; overflow:hidden;}
.breadCrum .n_bann img{ position:absolute; top:0; left:50%; margin-left:-683px; width:1366px; height:100%; max-width:none;}
.breadCrum .n_bann .word{position:absolute; bottom:0; left:50%; margin-left:-600px; background:url(../img/red.7.png) repeat;width: 283px;}
.n_bann .word .box{padding:30px;font-size:18px; color:#fff;}
.breadCrum{background: #f7f7f7;height:85px; line-height: 85px;}
.breadCrum .channel{font-size:28px;color: #00455e;/* background-color:#00455e; */width: 140px;font-weight: normal;margin-right:1%;position:relative;}
.breadCrum .channel:before{content:'';width:55px;height:3px;/* background-color: #00455e; */position:absolute;bottom: 0;left:35px;}
.posi{font-size:12px;font-weight: normal;}
.breadCrum .pc{display: block}
.breadCrum .phone{display: none}
.posi,.posi a{color:#666;}
.posi span{}
.l {float: left;}
.r{float: right;}
.s_menu li{float:left; position:relative;padding:0 20px;}
.s_menu li a{font-size:15px;display:block;}
.s_menu li a:hover{color: #00455e}
.s_menu_bar{width:56%; position:relative}
.s_menu_bar .s_menu{width:90%;overflow:hidden;height:85px;position:relative;}
.s_menu_bar .s_menu ul{width: 200%;position: absolute;left: 0;top: 0;}
.s_menu_bar .s_menu li{width:8.5%;text-align: center;padding:0;}
.s_menu_bar .s_menu li a{display: inline-block;vertical-align: middle;height: auto;line-height: 1.4;padding: 0 5px;}
.s_menu_bar .sarrs{display:block;width:20px; height:20px;background:url(../img/ico.png) no-repeat; position:absolute; top:50%; margin-top:-10px;}
.s_menu_bar .sprev{background-position: 0 -20px; right:40px;}
.s_menu_bar .snext{background-position: -20px -20px; right:0;}
.main_content{padding:25px 0 30px;}
.mh{min-height: 400px;}
.chann_current{font-size:36px;color:#2a2a2a;margin-top: 33px;}
.home_t{font-size:42px;color:#00455e;font-weight: normal; }
.m_more{font-size:16px;color:#fff;display:block;margin:0 auto;width:115px;height:33px; line-height: 33px;border-width: 1px; border-style: solid;text-align: center;}
.m_more:hover{background-color:#fff;color:#333;}

.breadCrum .pc ul li{padding: 0}
.breadCrum .pc ul li a{padding: 6px 20px;margin: 0 10px;display: initial;position: relative;}
.breadCrum .pc ul li a:hover,
.breadCrum .pc ul li.cur a{background: #00455e;color: #fff}
.breadCrum .pc li a:after{content:'';width:100%;height:1px;background-color:#00455e;position:absolute;bottom:-8px;;left:0;opacity:0;filter:alpha(opacity=0);}
.breadCrum .pc li.cur a:after{opacity:1;filter:alpha(opacity=100);}
.breadCrum .pc li.cur a::before{margin: 0 0 0 -8px;background:#f7f7f7;border-right: solid 1px #00455e;border-bottom: solid 1px #00455e;content: "";background: #f7f7f7;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; -o-transition: all 0.5s;width: 10px; height: 10px;display: block;opacity: 0;position: absolute;left: 0;right: 0;margin: auto;bottom: -13px;z-index: 999;}
.breadCrum .pc li.cur a::before{opacity:1}


@media(max-width:1100px){
.breadCrum{position: relative;height:auto;line-height: 40px;overflow:hidden}
.breadCrum .channel{height: 40px;line-height: 40px;}
.s_menu{float: none!important;bottom: 0;}
.breadCrum .channel{font-size: 22px;}
.breadCrum .channel:before{width: 40px;}
.s_menu li{padding:auto}
.breadCrum{background: none;position: relative;}
.breadCrum .pc{display: none}
.breadCrum .phone{display: block;margin-top:30px}
.breadCrum .position{background: #f7f7f7;overflow: hidden;}
.breadCrum .channel{width: 140px;}
}
@media(max-width:1100px){
.s_menu{width: 100%;}
.s_menu li{padding:0}  
.s_menu li{width:23.5%;margin-right: 2%;text-align: center;margin-bottom: 2%}
.s_menu li:nth-child(4n){margin-right: 0}
.s_menu li:after{height: 0}
.s_menu li a{background: #f7f7f7}
.s_menu li.cur a{background:#00455e;color: #fff;line-height: 32px;font-size: 14px;}
}
@media(max-width:375px){ 
.s_menu li{width:32%;margin-right: 2%;text-align: center;margin-bottom: 2%}
.s_menu li:nth-child(4n){margin-right: 2%}
.s_menu li:nth-child(3n){margin-right: 0%}
.breadCrum .phone{margin-top: 20px}
}



/*
 .con_about 为demo编号
 */
.con_about{ padding:3% 0;}
.con_about .single-header{ text-align:center;}
.con_about .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;}
.con_about .single-header h3{color:#00455e; font-size:16px; margin:0; font-weight:normal; position:relative;}
.con_about .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;}
.con_about .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;}
.con_about .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; color:#666; padding-top:2%;}
.con_about .single-content p{ text-indent:2em; margin:0; padding:10px 0; font-size:15px; line-height:28px;}
.con_about .single-content .no-textindent{ text-indent:0;}
.con_about .fr{ float:none;}
.con_about .col2+.col2{ margin-top:10px;}
@media(max-width:950px){
  .con_about .auto{ padding:0 2%;}
}
@media(max-width:480px){
    .con_about{ padding:5% 0;}
}
@media screen and (min-width:465px){
    .con_about .col2{ width:48%;}
	.con_about .fr{ float:right;}
	.con_about .col2+.col2{ margin-top:0;}
}
@media screen and (min-width:768px){
  .con_about .single-header h1{ font-size:24px;}
  .con_about .single-header h3{ font-size:18px;}
  .con_about .single-content p{ padding:15px 0;} 
  .con_about .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;}
  .con_about .auto{padding:2%;box-shadow: 0 0 6px rgba(0,0,0,0.4)}
  
}
@media screen and (min-width:1024px){
  .con_about .single-header h1{ font-size:30px;}
}

/*Page */
.Page{ text-align:center; line-height:25px; font-size:12px; padding:2% 0 3%;}
.Page .Pages .a_first,
.Page .Pages .a_end,
.Page .Pages .p_count{ display:none;} 
.Page .Pages a,.Page .Pages span,.Page .Pages strong{ display:inline-block; border-radius:2px; background-color:#eaeaea; padding:0 10px;margin: 0 2px}
.Page .Pages a:hover{ background-color:#00455e;color: #fff}
.Page .Pages span:hover{ background-color:#00455e;color: #fff}
.Page .Pages em{ font-style:normal; display:inline-block;}
.Page .Pages strong,
.Page .Pages .a_next{ background-color:#00455e; color:#fff;font-weight: normal}
.Page .Pages b{ font-weight:normal;}
.Page .Pages .i_text{ width:25px; height:25px; border-radius:2px; border:1px solid #bfbfbf; background:none; text-align:center; line-height:25px; margin:0 5px; font-size:12px;}
.Page .Pages .i_button{ width:50px; height:25px; cursor:pointer; border:none; background:#00455e; color:#fff; padding:0;border-radius:2px; margin-left:5px; font-size:12px;}
@media(max-width:640px){
.Page .Pages .p_cur,
.Page .Pages .p_total,
.Page .Pages em{display:none;} 
}
/*
 .Timeline 为demo编号
 */
.Timeline{ padding:3% 0;}
.Timeline dl{ position:relative; padding-left:105px; min-height:90px; margin-bottom:5%;}
.Timeline dl:last-child{ margin-bottom:0;}
.Timeline dt{ position:absolute; left:0; top:0; padding:5px;border-radius:50%; border:1px solid #00455e;}
.Timeline dt b{ display:block; width:75px; height:75px; border-radius:50%; background-color:#00455e; color:#fff; text-align:center; padding-top:25px; position:relative;}
.Timeline dt b:before{ position:absolute; content:''; width:14px; height:1px; background-color:#fff; left:50%; margin-left:-7px; top:50px; z-index:5;}
.Timeline dd{padding-top:10px;background: #f7f7f7;padding: 10px;}
.Timeline dd p{ margin:0; padding-bottom:10px; padding-left:10px; position:relative;font-size: 15px;line-height: 28px;}
.Timeline dd p:before{ position:absolute; content:''; width:2px; height:2px; background-color:#7f7f81; left:0; top:10px;}
@media screen and (min-width:768px){
.Timeline .auto{padding:2%;box-shadow: 0 0 6px rgba(0,0,0,0.4)} 
}
@media(max-width:480px){
.Timeline dl{padding-left:90px; min-height:70px;}
.Timeline dt b{  width:60px; height:60px;padding-top:20px;}
.Timeline dt b:before{ top:40px;}
}

/*
newspaper
 */
.newspaper{padding: 3% 0 0;}
.newspaper ul li{width: 32%;margin-right: 2%;float: left;margin-bottom: 2%}
.newspaper ul li:nth-child(3n){margin-right: 0%}
.newspaper ul li figure{padding-bottom:72.5%;background-size: contain;transition: all 0.5s;box-shadow: 0 0px 5px rgb(0, 0, 0,0.1);}
.newspaper ul li p{font-size: 16px;text-align: center;line-height: 40px;transition: all 0.5s;position:relative}
.newspaper ul li:hover figure{transform: scale(1.05);box-shadow: 0 0px 5px rgb(0, 69, 94,0.8);}
.newspaper ul li:hover p{background:#00455e;color: #fff}
@media(max-width:768px){
    .newspaper ul li{width:49%;}
    .newspaper ul li:nth-child(3n){margin-right: 2%}
    .newspaper ul li:nth-child(2n){margin-right: 0%}
}

@media(max-width:480px){
    .newspaper ul li{width: 100%;margin-right: 0}
}

/*
 improvement_part1
 */
.improvement_part1 .title{text-align:center; padding-bottom:2%; font-size:40px; color:#3f3a39;}

.improvement_part1{padding:3% 0;overflow: hidden;}
.improvement_part1 .auto{position: relative}
.improvement_part1 .left{width:60%;position: absolute;top: 0;z-index: 1}
.improvement_part1 .left figure{padding-bottom:56%;background-repeat: no-repeat;background-size: cover}
.improvement_part1 .right{width: 48%;background: #00455e;float: right;padding:4%;position: relative;z-index: 2;box-shadow: 0 5px 10px rgba(0,0,0,0.4);margin-top: 4%;}
.improvement_part1 .right::before{position: absolute;content: "";background: url(../images/improvement_pic2.png);bottom: 0;right: 0;width: 363px;height: 300px;}
.improvement_part1 .right li {color: #fff;margin-bottom:20px}
.improvement_part1 .right .no{display: inline-block;color: #fff;background: url(../images/num_tit.png);width: 71px;padding-left: 10px;color:#00455e;font-family: "dincond-medium-webfont";font-size:26px;}
.improvement_part1 .right .t{display: inline-block;font-size:16px;}


@media(max-width:1200px){
    .improvement_part1 .left figure{padding-bottom:66%}
}
@media(max-width:1100px){
    .improvement_part1 .left figure{padding-bottom:82%}
}
@media(max-width:900px){
    .improvement_part1 .left figure{padding-bottom:94%}
}

@media(max-width:768px){
    .improvement_part1 .left{width: 100%;position: static;}
    .improvement_part1 .left figure{padding-bottom:60%}
    .improvement_part1 .right{width: 100%;float: none;}
}

@media(max-width:480px){
    .improvement_part1 .title{font-size:26px;}
    .improvement_part1 .right li{margin-bottom: 10px;}
    .improvement_part1 .right .t{display: block;font-size: 15px;margin-top: 10px;}
    .improvement_part1 .right .no{width: 62px;font-size: 20px;background-size: contain;background-repeat: no-repeat;padding-left: 7px;}
}

/*
 improvement_part2
 */
.improvement_part2 .auto{background: #f7f7f7;padding:0 2%;}
.improvement_part2 .list{ padding:4% 0;}
.improvement_part2 .list li{ display:block; float:left; width:42%;}
.improvement_part2 .list li+li{ padding-left:2%;}
.improvement_part2 .list li:first-child,.improvement_part2 .list li:last-child{ width:29%;}
.improvement_part2 .list img{ float:left; margin-right:3%; max-width:98px;}
.improvement_part2 .list figure{ padding-top:4%;}
.improvement_part2 .list h2{ color:#00455e; font-size:18px; margin:0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis; }
.improvement_part2 .list p{ margin:10px 0 0; color:#666;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;font-size: 16px;}
@media(max-width:1000px){
.improvement_part2 .list figure{ padding:3% 0;}
.improvement_part2 .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;}
}


/*
 improvement_part3
 */
.improvement_part3 .title{text-align:center; padding-bottom:2%; font-size:40px; color:#3f3a39;}

.improvement_part3{padding:3% 0;overflow: hidden;}
.improvement_part3 .auto{position: relative}
.improvement_part3 .right{width:60%;position: absolute;top: 0;z-index: 1;right: 0}
.improvement_part3 .right figure{padding-bottom:68%;background-repeat: no-repeat;background-size: cover}

.improvement_part3 .left{width: 48%;background: #c52720;float: left;padding:4%;position: relative;z-index: 2;box-shadow: 0 5px 10px rgba(0,0,0,0.4);margin-top: 4%;}
.improvement_part3 .left::before{position: absolute;content: "";background: url(../images/improvement_pic2.png);bottom: 0;right: 0;width: 363px;height: 300px;}
.improvement_part3 .left li {color: #fff;margin-bottom:20px}
.improvement_part3 .left .no{display: inline-block;color: #fff;font-size:20px;margin-bottom: 10px;padding-left:18px;background: url(../images/yuan.png)no-repeat left center}
.improvement_part3 .left .t{display: inline-block;font-size:14px;line-height: 24px;opacity: 0.8}


@media(max-width:1200px){
    .improvement_part3 .right figure{padding-bottom:66%}
}
@media(max-width:1100px){
    .improvement_part3 .right figure{padding-bottom:94%}
}
@media(max-width:900px){
    .improvement_part3 .right figure{padding-bottom:120%}
}

@media(max-width:768px){
    .improvement_part3 .right{width: 100%;position: static;}
    .improvement_part3 .right figure{padding-bottom:60%}
    .improvement_part3 .left{width: 100%;float: none;margin-bottom: 30px;}
}

@media(max-width:480px){
    .improvement_part3 .title{font-size:26px;}
    .improvement_part3 .left li{margin-bottom: 10px;}
    .improvement_part3 .left .t{display: block;font-size: 14px;margin-top: 10px;}
    .improvement_part3 .left .no{font-size: 20px;}
}


/*com_news */
.com_news{ padding-top:2%;}

.com_news h3{ margin:0; font-size:18px;width: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.com_news p{ line-height:26px; overflow:hidden; color:#999;margin:2% 0 0 0;}

.com_news li{background-color:#fafafa; margin-bottom:2.5%; position:relative; padding-left:36.25%;overflow:hidden}
.com_news li .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;overflow: hidden;transition:all 0.5s}
.com_news li .Ispic img{ display:none;}
.com_news li div{ padding:5% 10% 3% 5%;}
.com_news li h3 a{ color:#00455e;}
.com_news li time a{ display:block; padding:3% 0;color: #999;}
.com_news li p a{ margin:0 0 3% 0; height:78px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;font-size: 14px;color: #666;}
.com_news li span{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#00455e; font-size:12px;}
.com_news li span a{color: #fff;}
.com_news li a{display:block}
.com_news li:hover h3 {color: #00455e}
.com_news li:hover .Ispic {transform: scale(1.05);}
.com_news li:hover span {background:#c52720}

@media(max-width:1000px){
.com_news li time{line-height:57px;background-position:left 22px;}
.com_news li:hover time{line-height:57px;background-position:left 22px;}
.com_news h3{width: 75%}
}
@media(max-width:768px){

.com_news li time{line-height:41px;background-position:left 13px;}
.com_news li:hover time{line-height:41px;background-position:left 13px;}
}
@media(max-width:640px){
.com_news li{ padding-left:0;}
.com_news li .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
.com_news li div{ padding:3%;}
.com_news li{margin-bottom: 3%}
.com_news li time{display: none;}
.com_news h3{width: 100%;margin-bottom: 20px;}

}

/*
 .news_detail
 */
.news_detail .content{background:#f7f7f7;margin:3% 0;}
.news_detail .content{padding: 2%; border: 1px solid #eaeaea;margin-bottom:50px;}
.news_detail .title{font-size: 30px; line-height: 40px;color: #333;text-align:center}
.news_detail .title{font-size: 24px; line-height: 40px;color: #333;text-align:center;padding: 0 50px;}
.news_detail .Abstract{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;margin-top: 15px; margin-bottom: 20px;padding: 5px 10px;color: #999999;    border-width: 1px;border-style: solid;border-color: rgba(228,228,228,1);background-color: rgba(252,251,253,1);}
.news_detail .text{font-size:15px;line-height:26px;}
.news_detail .Vice-title{text-align: center;font-size: 13px;margin: 20px 0;border-bottom: 1px solid #eaeaea;padding-bottom: 20px;}
.news_detail .Vice-title .e-title{color: #c8c8c8;}
.news_detail .Vice-title .e-title:nth-child(1){background: url(../images/e-title.jpg)no-repeat left center;padding-left: 15px;}
.news_detail .Vice-title .e-title:nth-child(2){margin-left: 10px;display: inline-block;}
.news_detail .Vice-title .e-title:nth-child(3){margin-left: 10px;display: inline-block;}
.news_detail .text img{display: block;margin: auto;}
.news_detail span.center{text-align: center;display: block;font-size: 16px;}
.news_detail .img{max-width: 100%}
.news_detail .fanye{line-height: 30px; font-size: 15px;color: #333;margin-top: 30px;}
.news_detail .fanye .prev{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;margin-bottom: 10px;}
.news_detail .fanye .next{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.news_detail .fanye a:hover{color: #00455e}
.news_detail .fanye span{color: #999;}


@media(max-width:1024px){
.news_detail .title{padding: 0}
.news_detail .ad{ display:none;}
.news_detail .list,
.news_detail .content{width: 100%}
}
@media(max-width:640px){
    .news_detail .title{font-size: 20px;line-height: 28px;}
}

/*
 video_listtwo
 */
.video_listtwo{ padding:3% 0 0;}
.video_listtwo li{ float:left; width:32%; margin-right:2%; margin-bottom:3%;}
.video_listtwo li:nth-child(3n){ margin-right:0;}
.video_listtwo{overflow: hidden}
.video_listtwo ul li a.img {position: relative; display: inline-block; max-width: 100%; overflow: hidden;}
.video_listtwo ul li a.img::before{content: ""; position: absolute;width: 100%;height: 100%;background:url(../images/video_bf.png)no-repeat center center rgba(0,0,0,0.5);top: 100%;transition: all 0.5s;opacity: 0;z-index: 999;}
.video_listtwo ul li:hover a.img::before{top: 0;opacity: 1}
.video_listtwo ul li a.img img { opacity: 0.99; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.video_listtwo ul li a.img:hover img{  transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 1; }


.video_listtwo li h5{font-size: 15px;font-weight: normal;margin:15px 0 0;padding: 0;padding: 0 20px;}
.video_listtwo li h5 a:hover{color: #00455e;}
.video_listtwo li p{ margin:10px 0; line-height:20px; height:40px; overflow:hidden;}
.video_listtwo  ul li span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.video_listtwo  li .more{float: left;width:42px;height: 11px;display: block;background:url(../images/PicList000864_icon.jpg) no-repeat center;}
.video_listtwo .more a{display: block; width:80px;height: 80px;background: url(../images/more_y.png)no-repeat center center;margin: auto;margin-bottom: 50px;transition: all 0.5s;}
.video_listtwo .more a:hover{background: url(../images/more_yh.png)no-repeat center center;;}
@media(max-width:768px){
.video_listtwo li{width:49%;}
.video_listtwo li h5{line-height:30px;}
.video_listtwo li:nth-child(3n){ margin-right:2%;}
.video_listtwo li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.video_listtwo li{ width:100%;}
.video_listtwo li h5{ margin-top:2px;}
.video_listtwo li p{ margin:2px 0 10px 0;}
.video_listtwo ul li a.img img{width: 100%}
.video_listtwo ul li a.img{width: 100%;}
.video_listtwo li h5{margin: 2.5% 0;}
}


/*
 video_detail
 */
.video_detail{margin-bottom:30px;padding: 3% 0}
.video_detail .title{background:url(../images/video_ti_bg.png)no-repeat left center;margin-bottom: 40px;padding:5px 0 15px 100px;min-height: 83px;}
.video_detail .title h1{margin:0;color:#018e5d;font-family: "dincond-medium-webfont";font-size:40px;font-weight: normal;text-transform: uppercase;}
.video_detail .title h2{margin:0;color:#333;font-size:28px;font-weight: normal;line-height: 20px}
.video_detail video{width: 100%;}
.video_detail .fanye{overflow: hidden;margin-top: 10px}
.video_detail .fanye .prev{width: 48%;float: left;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.video_detail .fanye .next{width: 48%;float: right;text-align: right;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.video_detail .fanye:hover a{color:#00455e}
@media(max-width:480px){
.video_detail .title   {margin-bottom: 20px;}
.video_detail .title h1{font-size: 36px;}
.video_detail .title h2{font-size: 26px;}
.video_detail .fanye .prev{width: 100%}
.video_detail .fanye .next{width: 100%;text-align: left;margin-top:10px}
}

/*
 .con_prize 为demo编号
 */
.con_prize .auto_1260{ max-width: 1260px;}
@media only screen and (max-width:1260px) {
	.con_prize .auto_1260{  padding: 0 2%;}
}
.con_prize{}
.con_prize{ padding-top:30px;}
.con_prize li{height:165px; margin-top:70px; margin-bottom:50px; border:1px solid rgba(0,69,94,0.5); position: relative;}
.con_prize li .pic{ position: absolute;width: 180px; height: 212px;left: 25px; top: -48px;}
.con_prize li .pic img{ display:block;width:100%;  height:212px;}
.con_prize li div{ padding:25px 25px 0 225px;}
.con_prize li div h5{ margin:0; font-size:18px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.con_prize li div h5 a:hover{color: #00455e; padding-bottom:10px;}
.con_prize li div time{color:#444;}
.con_prize li div p{ margin: 10px 0 ; height: 44px; line-height: 22px; overflow: hidden;}
.con_prize li div .more{ display:inline-block; width:80px; height:25px; line-height:25px; text-align:center; color:#00455e; border:1px solid #00455e; border-radius:15px;}
.con_prize li div .more:hover{ background:#00455e; color:#fff;}
@media only screen and (max-width:480px){
	.con_prize li{ height:140px;margin-top: 50px; margin-bottom: 30px;}
	.con_prize li .pic{ width: 130px; height: 153px; top: -14px;left: 10px; }
	.con_prize li .pic img{ height: 153px;}
	.con_prize li div{ padding:10px 10px 0 155px;}
}

@media only screen and (min-width:768px){
	.con_prize li{ float: left; width: 48%;margin-top:60px; margin-bottom:40px;height: 165px;}
	.con_prize li.odd{ float: right;}
	.con_prize li .pic{ width: 180px; height: 212px;left: 25px; top: -48px;}
	.con_prize li .pic img{ height:212px;}
	.con_prize li div{ padding:25px 25px 0 225px;}
}
@media only screen and (min-width:1024px){
	.con_prize li{margin-top:70px; margin-bottom:50px; height: 200px;}
	.con_prize li .pic{ width: 220px; height: 259px;left: 35px; top: -58px;}
	.con_prize li .pic img{ height:259px;}
	.con_prize li div{ padding:47px 50px 0 300px;}
}


/*
 .contact_top
 */
i, em{font-style: normal;}
.contact_top{padding:3% 0;overflow: hidden}
.contact_top h1{margin-bottom: 30px;font-size: 36px;color: #2a2a2a;}
.contact_top .con_left{width:48%;}
.con_left ._left_word{ position:relative;padding:0 0 17px 88px; border-bottom:1px #ddd dotted; margin-bottom:25px;margin-right: 4%;}
.con_left ._left_word ._i{display:block;width:72px; height:69px; line-height: 69px; text-align: center;background-color:#00455e; position:absolute;left:0;top:0;}
.con_left ._left_word .ico2{ background: url(../images/ico2.png) no-repeat;width:44px;height:45px;background-position:0 -61px;    display: inline-block;vertical-align: middle;}
.con_left ._left_word ._t{font-size:24px;line-height: 28px;font-weight: bold;margin-bottom: 10px;}
.con_left ._left_word .p{font-size:16px;}
.con_form .form_li .form-group{width:46%;float: left;margin-right: 3%; border:1px #c3c3c3 solid; height:35px; line-height: 34px; position:relative;margin-bottom: 20px;}
.con_form .form_li input.form-control{border: none;border-radius: 0; width: 80%;display: inline-block;vertical-align: top;}
.con_form .form_li .form-group label{padding: 0 10px; cursor:pointer;}
.con_form .form_li .form-group .sex2{ padding-right: 0;}
.con_form .form-feedback textarea.form-control{border-radius: 0;width: 96%; margin-bottom:20px;min-height: 130px;}
.con_form .form-yzm .form-group{width:55%;}
.con_form .form-yzm img{height:37px;}
.con_form .form_li .Validform_checktip{ position:absolute;right:0;top:0;display: block;background-color: #fff;}
.con_form .form-btn .btn{border:2px #00455e solid;font-size:21px;color:#00455e;font-weight: bold;width:96%;height:43px; line-height: 43px;padding: 0; border-radius: 0;box-sizing: content-box;background: transparent;}
.con_form .form-btn .btn:hover{background-color:#00455e;color:#fff;}

.contact_top .con_right{width:50%; background:url(../images/con_img01.jpg) bottom right no-repeat; margin-top: 20px;    background-size: cover;}
.con_right .box{padding:5% 5% 10% 8%;color:#fff; position:relative;}
.con_right .box a{color:#fff;}
.con_right .box ._tel{font-family: Impact;font-size:62px;margin-bottom: 10px;}
.con_right .box ._tel img{vertical-align:middle; margin-right: 15px;}
.con_right .box .p{font-size:18px;line-height: 32px;}
.con_right .bdsharebuttonbox a{width:46px; height:46px;line-height: 46px;background:url(../img/con_share.png)  no-repeat; margin:50px 12px 0 0}
.con_right .bdsharebuttonbox .bds_weixin{ background-position:0 0;}
.con_right .bdsharebuttonbox .bds_tsina{ background-position: -58px 0;}
.con_right .box .gp_erwm{ position:absolute;right:0;bottom:0; cursor:pointer;}
.con_right .box .gp_erwm ._erwm_t{display:block;width:94px;height:94px;}
.con_right .box .gp_erwm ._erwm{position:absolute;right:0;bottom:0;width:212px;height:208px; opacity:0; filter:alpha(opacity=0);}
.con_right .box .gp_erwm:hover ._erwm{opacity:1; filter:alpha(opacity=100);}
.contact_way{padding-bottom:60px;}
.contact_way dl{height:58px; margin-bottom:15px;}
.contact_way dl dt{background-color:#e5e5e5;font-size:18px;color:#555;height: 100%;line-height: 58px;width: 11%;text-align: center;margin-right: 3px;}
.contact_way dl dd{width:88%; background-color:#f3f3f3; height:100%;}
.contact_way dl dd ul{padding:0 1.5%;}
.contact_way dl dd li{float:left;margin-right:2.5%;line-height: 22px;margin-top: 5px;}
.contact_way dl:hover dt,.contact_way dl:hover dd{ color:#fff;background-color:#00455e;}

@media screen and (max-width: 769px){
    .contact_top .con_left, .contact_top .con_right{float: none;width: 100%;}
    .con_form .form_li .form-group{width: 100%;margin-right: 0;} 
    .con_form .form_li input.form-control{width: 83%;font-size: 14px;}
    .con_form .form-feedback textarea.form-control{width: 100%}
    .con_form .form-btn .btn{width: 100%}
    .con_right .box ._tel{font-size: 42px;}
    .contact_top h1{font-size: 30px;margin-bottom: 15px;}
}

.form-control { line-height: 34px; height: 32px; padding: 0 10px; display: block; width: 100%; 
  -webkit-transition: border-color ease-in-out 0.1s; box-sizing:border-box;vertical-align: middle;
  transition: border-color ease-in-out 0.1s; color: #555; border: 1px solid #ccc; 
  background: #fff; *padding: 0;}
.form-control::-moz-placeholder { opacity: 1; color: #999;}
.form-control:-ms-input-placeholder { color: #999;}
.form-control::-webkit-input-placeholder { color: #999;}
.form-control.blank { border-width: 0 0 1px 0;background:none;}
.form-control.blank:focus{box-shadow: none;border-radius: 0;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 1; background-color: #eee;}
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed;}
textarea.form-control { height: auto;}
select.form-control{padding:0 8px;}
input[type='search'] { -webkit-appearance: none;}

.map_box{height:500px;}

/*
 job_list
 */
.job_list{padding: 3% 0}
.job_list ul{ overflow:hidden;}
.job_list ul li{ cursor:pointer;}
.job_list ul li span,.job_list ul ol span{ width:25%; float:left; position:relative; font-weight:bolder; background: #00455e; margin-bottom: 5px; line-height:45px; height:45px; color:#fff; text-align:center;font-size: 15px;}
.job_list ul li span{ background:#f7f7f7; color:#333; font-weight:normal;}
.job_list ul ol span::before{ content:""; position:absolute; left:0; width:1px; height:45px; background:#434343;}
.job_list ul li span:first-child{ padding-left:0; width:25%;}
.job_list ul li span em{ font-style:normal; width:15px; height:15px; border-radius:3px; text-align:center; line-height:15px; color:#fff; font-weight:normal; position:absolute; left:10%; top:15px; background:#00455e; display:block; font-size:18px;}


.job_list ul li dl{ display:none; position:relative; padding:20px 168px 20px 28px;}
.job_list ul li dl a{ background:#e9524b; width:120px; height:31px; line-height:31px; text-align:center; color:#fff; font-weight:bold; position:absolute; right:1.5%; top:25px;}
.job_list ul li dl dt{ font-size:15px; font-weight:bold; color:#1C1C1C;height:30px; line-height:30px;}
.job_list ul li dl dd{ font-size:14px; color:#666; line-height:25px;}

@media (max-width:768px){
.job_list ul li dl a{ position:static; display:block; margin-top:15px;}
.job_list ul li dl{ padding:28px}
.job_list ul li span, .job_list ul ol span{ width: 20%;}
.job_list ul li span:first-child{width: 40%}
.job_list ul ol span:first-child{width: 40%}

	}
@media (max-width:480px){
.job_list ul li span{ font-size:12px;}
.job_list ul li span:first-child{ padding-left: 6%; width:40%;overflow:hidden;}
.job_list ul li span em{ left:5%;}
	}
@media (max-width:320px){
.job_list ul li span em{ left:2%;}
	}

/*
 .resume
 */
.resume{margin:3% 0;padding: 2%;background: #f7f7f7}
.resume .title{ position:relative; color:#343434; font-size:34px; padding-bottom:5%; background:url(../images/resume_tit.png) no-repeat left center/contain; }
.resume .title:before{position:absolute; left:0; bottom:0; width:31px; height:2px; content:""; background:#343434;}
.resume dl dt{margin:3% 0; color:#333; font-size:20px;padding-left:15px;border-left:5px solid #00455e;background: #f7f7f7;}
.resume dd li{ float:left;width:32%; margin-right:2%;margin-bottom:10px; position:relative;}
.resume dd .education li {width:18.4%;list-style: none;}
.resume dd .education li:nth-child(3n){margin-right:2%}
.resume dd .education li:nth-child(5n){margin-right:0}
.resume dd li:nth-child(3n){ margin-right:0;}

.resume dd .text{border: 1px solid #dadada;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;}
.resume dd li label{ position:absolute; left:5px; top:0; line-height:46px; }
.resume dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;}
.resume dd textarea.text{height:220px;}
.resume dl:nth-child(4) dd textarea.text{height: 100px;}
.resume .education .level{font-weight: bold;width: 5%;float: left;height: 46px;line-height: 46px;font-size: 16px;color: #333;}
.resume .education input{width:21.97%;background: #fefefe;margin-right: 2%;line-height: 46px; height: 46px;border: 1px solid #dadada;padding: 0 10px;}
.resume .education input:last-child{margin-right: 0}
.resume .job input{width:23.22%;background: #fefefe;margin-right: 2%;line-height: 46px; height: 46px;border: 1px solid #dadada;padding: 0 10px;}
.resume .job input:last-child{margin-right: 0}
.resume .btn{ margin: 4% 0; cursor: pointer;border-radius: 5px;background: #00455e;color: #fff; height: 37px;border: none; font-size:18px; width:40%; max-width:200px;}
.resume .btn:hover{background: #e9524b}
@media(max-width:1150px){
    .resume .job input{width: 23%;}
    .resume .education input{width: 21.8%;}
}
@media(max-width:768px){
.resume dd li{ float:none; width:auto; margin-right:0 !important;}
.resume .education input{width: 100%;margin-bottom: 10px;}
.resume .job input{width: 100%;margin-bottom: 10px;}
.resume .education .level{width: 100%;margin-bottom: 10px;}
}

@media(max-width:480px){
.resume .title{ font-size:24px;}
}

.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;}

.date_selector{background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin:0;margin-top:-1px;position: absolute;z-index:100000;display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:220px;}

.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}

.date_selector .nav{width: 17.5em;}

.date_selector .nav p{clear: none;}

.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}

.date_selector .month_nav{float: left;width: 55%;}

.date_selector .year_nav{float: right;width: 42%;margin-right: -8px;}

.date_selector .month_name, .date_selector .year_name{font-weight: bold;line-height: 20px;}

.date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;}

.date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}

.date_selector .prev{left: 0;}

.date_selector .next{right: 0;}

.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:220px;}

.date_selector th, .date_selector td{width: 2.5em;height: 2em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;}

.date_selector th{font-size: 12px;}

.date_selector td{border:1px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff;}

.date_selector td.today{background: #eee;}

.date_selector td.unselected_month{color: #ccc;}

.date_selector td.selectable_day{cursor: pointer;}

.date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}

.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;}


/*
 .TextList002205 为demo编号
 */
.TextList002205{ padding-bottom:3%;}
.TextList002205 .siderLeft{ width:16.7%; float:left;}
.TextList002205 .siderLeft ul li{ text-align:center; line-height:34px;}
.TextList002205 .siderLeft ul li+li{ border-top:1px solid #fff;}
.TextList002205 .siderLeft ul li > a{ display:block;background:#f7f7f7; }
.TextList002205 .siderLeft ul li.cur > a{ background:#c02a05; color:#fff;}
.TextList002205 .list{ float:right; width:82.3%;}
.TextList002205 .list .item{ margin-bottom:10px;}
.TextList002205 .list .item i.icon{ display:block; position:absolute; right:20px; top:20px; background:url(../images/TextList002205-icon.png) -44px -82px no-repeat; width:21px; height:11px;transition:all 0.5s ease-out 0s; overflow:hidden;}
.TextList002205 .list .item .Q{ margin:0; line-height:50px; padding-left:75px; padding-right:50px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; position:relative; background:#f9f9f9; cursor:pointer;transition:all 0.5s ease-out 0s;}
.TextList002205 .list .item .Q>a{ color:#333333; font-size:14px;}
.TextList002205 .list .item em.icon{ position:absolute; top:0; left:0; width:50px; height:100%; display:block; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; font-style:normal; color:#333;}
.TextList002205 .list .item .Q em.icon{ background:#efefef;transition:all 0.5s ease-out 0s;}
.TextList002205 .list .item .A{ position:relative;padding:25px 25px 25px 75px; background:#f1f1f1; display:none;}
.TextList002205 .list .item .A em.icon{ background:#f9f9f9;color:#c02a05;transition:all 0.5s ease-out 0s;}
.TextList002205 .list .item.active .Q em.icon{ background:#c02a05; color:#fff;}
.TextList002205 .list .item.active i.icon{ background-position:-44px -70px;}
.TextList001398{ padding:2% 0;}
.TextList001398 li{height: 49px; padding: 0 10px; border-bottom:1px solid #eaeaea; line-height: 49px; position:relative;}
.TextList001398 li a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;}
.TextList001398 li a:hover{color: #00455e;}
.TextList001398 li .btn{width: 71px; height: 49px; position: absolute; top: 0; right: 10px; background: url(../images/TextList001398_btn.png) 0 50% no-repeat;}
.TextList001398 li .btn:hover{background: url(../images/TextList001398_btnh.png) 0 50% no-repeat;}
.TextList001398 li:nth-child(2n){background: #f2f2f2;}


/*
 .con_case
 */
.con_case {overflow: hidden;padding: 3% 0}
.con_case .box{font-family: 'Ubuntu', sans-serif;overflow: hidden;position: relative;transition: all 0.3s;}
.con_case .box figure{padding-bottom:70%;background-size: cover;background-repeat: no-repeat;}
.con_case .box:hover{box-shadow: 0 0 15px -5px #000;}
.con_case .box:before{content: '';background-color: transparent;background-image: radial-gradient(circle at 20% 80%, transparent 29%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.4) 33%, transparent 34%), radial-gradient(circle at 80% 20%, transparent 29%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.4) 33%, transparent 34%);background-size: 30px 30px;height: 100%;width: 100%;opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.3s ease 0.2s;}
.con_case .box:hover:before{opacity: 1;}
.con_case .box figure{width: 100%;height: auto;transition: all 0.3s ease 0s;}
.con_case .box:hover figure{filter: blur(2px);}
.con_case .box .box-content{color: #fff;background-color: rgba(0, 0, 0, 0.6);text-align: center;width: 100%;height: 59%;padding: 18% 0 0 0;position: absolute;left: 0;top: -100%;z-index: 2;transition: all 0.3s ease 0s;}
.con_case .box:hover .box-content{top: 0;}
.con_case .box .title{color: #fff;font-size: 23px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;margin: 0;}
.con_case .box .post{color: #32c287;font-size: 14px;font-style: italic;text-transform: capitalize;letter-spacing: 2px;}
.con_case .box .icon{background:rgba(0,69,94,0.8);text-align: center;height: 39%;width: 100%;padding: 15px 0 0;margin: 0;list-style: none;transform: translateX(50%);position: absolute;right: 50%;bottom: -100%;z-index: 1;transition: all 0.3s;}
.con_case .box:hover .icon{bottom: 0;}
.con_case .box .icon li{display: inline-block;margin: 0 3px;}
.con_case .box .icon li .fa{color: #00455e;background-color: #fff;font-size: 18px;line-height: 40px;height: 40px;width: 40px;border-radius: 40%;display: block;transition: all 0.3s;}
.con_case .box .icon li .fa:hover{color: #fff;background-color: #00455e;box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.5) inset;}

.con_case .col-md-4{width: 32%;margin-right: 2%;float:left;margin-bottom:1.5%}
.con_case .col-md-4:nth-child(3n){margin-right: 0}
.con_case .col-md-4 p a{display: block;line-height: 45px;font-size: 18px;text-align: center}
.con_case .col-md-4 p a:hover{color:#00455e}

@media only screen and (max-width:768px){
    .con_case .col-md-4{width:49%;}
    .con_case .col-md-4:nth-child(3n){margin-right: 2%}
    .con_case .col-md-4:nth-child(2n){margin-right: 0}
    .con_case .col-md-4 p a{font-size: 16px;}
}
@media only screen and (max-width:479px)
{
    .box .title{font-size: 20px;}
        .con_case .col-md-4{width:100%;}
    .con_case .col-md-4:nth-child(3n){margin-right: 0}
    .con_case .col-md-4:nth-child(2n){margin-right: 0}
}




/*
 business_area
 */
.business_area{ padding-top:4%;}
.business_area li{ float:left; width:32%; margin-right:2%; margin-bottom:3%;}
.business_area li:nth-child(3n){ margin-right:0;}

.business_area ul li a.img {position: relative; display:block; max-width: 100%; overflow: hidden;}
.business_area ul li a.img:before,
.business_area ul li a.img:after { content: "";  opacity: 0; pointer-events: none; z-index: 3; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.business_area ul li a.img:before { top: 0px; left: 0px; right: 100%; bottom: 100%; border-top: 5px solid; border-left: 5px solid; }
.business_area ul li a.img:after { left: 100%; top: 100%; bottom: 0px; right: 0px; border-bottom: 5px solid; border-right: 5px solid;}
.business_area ul li a.img img { opacity: 0.99; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.business_area ul li a.img:hover figure{  transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 1; }
.business_area ul li a.img:hover:before { opacity: 1; bottom: 0px; right: 0px; border-color:rgba(0,69,94,0.5) }
.business_area ul li a.img:hover:after { opacity: 1; top: 0px; left: 0px; border-color:rgba(0,69,94,0.5)}
.business_area ul li a.img figure{padding-bottom:70%;transition: all 0.5s;background-size: cover}

.business_area li h5{font-size: 16px;font-weight: normal;margin:15px 0 0;padding: 0;text-align: center; padding: 0 20px;}
.business_area li h5 a:hover{color: #00455e;}
.business_area li p{ margin:10px 0; line-height:20px; height:40px; overflow:hidden;}
.business_area  ul li span{float: right;font-size: 12px;color: #999;}
.business_area  li .more{float: left;width:42px;height: 11px;display: block;background:url(../images/PicList000864_icon.jpg) no-repeat center;}
@media(max-width:768px){
.business_area li{width:49%;}
.business_area li h5{line-height:30px;}
.business_area li:nth-child(3n){ margin-right:2%;}
.business_area li:nth-child(2n){ margin-right:0;}
.fancybox-overlay{background: none!important}
.fancybox-close{height: 41px!important}
}
@media(max-width:480px){
.business_area li{ width:100%;}
.business_area li h5{ margin-top:2px;}
.business_area li p{ margin:2px 0 10px 0;}
.business_area ul li a.img img{width: 100%}
.business_area ul li a.img{width: 100%;}
.business_area li h5{margin: 2.5% 0;}
}