@charset "utf-8";
/* CSS Document */


/** {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;}
body {padding: 0;margin: 0 auto;font-size: 16px; line-height: 24px; color: #333333;background-color: #fff;font-family: "Arial","Microsoft YaHei";min-width: 320px; overflow-x: hidden;
    -webkit-text-size-adjust: none;    
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    /* -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none; 
}*/
.w40{
    width: 45%;
}

@media(min-width:1500px){
    .w3{
        width: 45%;
    }
}
.ml40{
    padding-left: 10%;
    padding-top: 10px;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
menu,.ul,.ol,dl,dt,dd,figure{ padding: 0; margin: 0}
.ul li,.ol li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Arial";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333333;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #1f4b8c;text-decoration: none;}
a:focus {color: #1f4b8c;outline: none;-moz-outline: none;}
a:active {color: #1f4b8c;}

pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Arial";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
/*.clearfix {*zoom:1;}/*IE/7/6*/*/
.clearfix:after { content:""; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4,
.dot5,
.dot6{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}

.f18{ font-size: 18px}
.f20{ font-size: 20px}
.f22{ font-size: 22px}
.f24{ font-size: 24px}
.f26{ font-size: 26px}
.f28{ font-size: 28px}
.f30{ font-size: 30px}
@media(max-width:1200px){
.f18{ font-size: 16px}
.f20{ font-size: 18px}
.f22{ font-size: 20px}
.f24{ font-size: 22px}
.f26{ font-size: 23px}
.f28{ font-size: 24px}
.f30{ font-size: 25px}
}
@media(max-width:768px){
/*body{ font-size: 14px;}*/
.f18{ font-size: 15px}
.f20{ font-size: 16px}
.f22{ font-size: 17px}
.f24{ font-size: 18px}
.f26{ font-size: 19px}
.f28{ font-size: 20px}
.f30{ font-size: 21px}
}

.ytable{ display:table; width:100%;table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}


/*.auto{width:96%; margin: auto; position: relative}
.auto_1600{width:85%; max-width: 1600px; margin: auto; position: relative}
@media(max-width:1280px){
.auto_1600{width: 96%;}
}*/
.mp h1,.mp h2,.mp h3,.mp h4,.mp h5,.mp h6,.mp p{margin: 0; padding: 0; font-weight: normal; }

.NoRrecord{ padding: 20px 25px; white-space: nowrap;}

.pic { overflow: hidden; position: relative}
.pic .ispic{ background: no-repeat center center; display: block; }

.zoomimg .pic .ispic{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.zoomimg:hover .pic .ispic{ -webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}


.top_language{ position: fixed; right:2%; top: 30px; padding-right: 50px; line-height: 40px; z-index:201}
.top_language a{ color: #fff}
.top_language .site a{ margin: 0px 20px; display: inline-block; position: relative;font-size: 16px;}
.top_language .site a:after{ content: ''; width: 1px; height: 30%; position: absolute; right: -20px; top:35%; background: #fff}
.top_language .site a.on{
    color: #1f4b8c;
}
.top_language .site a.on:before{ z-index: -1; content: ''; position: absolute; width:137%; height: 70%; left: -20%; top: 0; bottom: 0; margin: auto; background:rgba(255,255,255,1); border-radius: 10px;}
.top_language .search{ position: absolute; right: 0; top: 0;}
.top_language .search a{ cursor: pointer; position: absolute; right: 0; top: 0; display: block; width: 40px; height: 40px; background: url("../images/top_search.png") no-repeat center center} 
.top_language .top-search{ display: none; position: absolute; padding-left: 10px; padding-right: 40px; top:54px; right: 0px; width: 100%; min-width: 320px; background: #1f4b8c;}
.top_language .top-search .text{ width: 100%; border: none; height: 30px;}
.top_language .open-nav{display: inline-block}

.header{ position: fixed; width: 100%; z-index: 200; transition: 0.5s; border-bottom: solid 1px rgba(255,255,255,0.2); background:#1f4b8c; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2)}
.header a{ color: #fff}
.header .logo{ padding: 10px 0 0; max-width: 270px; position: relative; z-index: 5}

.header .site{ display:none}
.header .nav{ top: 0; width: 100%;}
.header .nav li{ padding: 0 1%; display: inline-block; position: relative;}
.header .nav li b{z-index: 100; display: block; position: relative;font-weight: normal; }
.header .nav li b a{ display: block; font-size:20px; transition: 0.5s;font-size: 20px;}
.header .sub{ display: none}
.header #m148 .sub{width: 170px;left: -35px}
.header #m239 .sub{width: 180px;left: -45px}
.header .sub span{ display: block;}
.header .sub span a{ color: #333; padding: 10px 0; font-size: 17px; display: block;}
.header .sub span a:hover{color: #1f4b8c}
.top_bg{}
.header .ul li:hover{
    color: #1f4b8c;
    background: #fff;
}

.top_language .site a:hover::before {
    content: '';
    position: absolute;
    width: 140%;
    height: 60%;
    left: -20%;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
@media(min-width:1200px){
.header .nav{ text-align: right; margin-top:-5px; padding-right:22%;}
.header .nav li b{line-height:50px;}
.header .nav li.aon{}
.header .nav li.aon b:after{ content: ''; left: 0; bottom: 0; position: absolute; width: 100%; height: 2px; background: #fff; transition: 0.5s}
.header .nav li.has-sub.ahover b:after{ opacity: 0}
.header .sub{ left:-20%; min-width: 140%; background: #1f4b8c; position: absolute; text-align: center;}
.header .sub span a{ color: #fff;}
.header .sub span a:hover{ color:#1f4b8c; background: #fff}
.top_language{ top:10px}
.top_language .open-nav,
.header .close-nav{ display: none}
.header .ul li:hover b a{color: #1f4b8c}
}
@media(min-width:1440px){
.header .sub{ left:-5%;;min-width: 110%; }
}
@media(max-width:1660px){
.header .nav li{ padding: 0 1%;}
}
@media(max-width:1550px){
.header .nav li{ padding: 0 0.5%;}
.header .nav li b a{font-size: 18px; }
}
@media(max-width:1440px){
.top_language .site a{ margin: 0px 10px; font-size: 14px;}
.top_language .site a:after{right: -10px;}
.header .auto{width: 98%;}
.header .nav nav{}
.header .nav li b a{font-size: 16px; }
.header .sub span a{font-size: 14px;}
}
@media(max-width:1200px){
.top_language{top:5px; padding-right:90px;}
.top_language .site a{ margin: 0 10px;}
.top_language .site a:after{ right: -10px}
.top_language .search{ right: 50px;}

.header .logo{ padding:5px 0}
.header .logo img{ height: 45px}

.header .nav{ padding: 0; text-align: left;position: fixed; left:-100%;opacity: 0; top: 0; height: 100%; width: 100%; z-index: 100;background: rgba(0,0,0,0.3); }
.header .nav nav{background: #fff;height: 100%;position: relative;padding-top: 15.523vh; padding-bottom: 13.516vh; /*max-width: 510px;*/ width: 100%; opacity: 0; transform: translateX(-100%); }
.header .nav ul{ width: 90%; height: 100%;overflow: auto; margin: auto; text-align: center;}
.header .nav li{ display: block; padding: 1% 0; position: relative}
.header .nav li b{ padding: 0}
.header .nav li b a{ color: #242424; font-size: 18px; border-radius: 4px; background-color: #1f4b8c; line-height: 30px; color: #fff;}
.header .nav li b a:hover{color: #fff;}
.header .nav li b i{position: absolute; right: 0;top: 0; height: 100%; width: 20px; cursor: pointer;}
.header .nav li b i:before,
.header .nav li b i:after{position: absolute; content: '';background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.header .nav li b i:before{width: 12px; height: 2px; }
.header .nav li b i:after{width: 2px; height: 12px;}
.header .nav li b i.click:after{display: none;}
.header .nav li b i.click:before{background: #000;}
.top_language .open-nav{ position: absolute; right:0; top: 0;}
.top_language .open-nav a{font-weight: 100; cursor: pointer;padding-left: 20px;display: inline-block;color: #fff;font-size: 15px;background: url("../images/nav_open.png") no-repeat left center;}
.header .close-nav{position: absolute; top:8vh; left: 5.68vw;padding-left: 30px;background: url("../images/nav_close.png") no-repeat left center;font-size: 22px;color: #000;cursor: pointer;}
/*.header.top_bg .open-nav a{ color: #242424; background-image: url(../images/nav_open2.png)}*/
.nav-show .nav{opacity: 1; left: 0;transition:opacity  0.3s;}
.nav-show .nav nav{opacity: 1; transform: translateX(0);transition: 0.3s  0.3s;}
.nav-show.nav-out .nav{opacity: 0; left: -100%; transition:opacity  0.3s  0.3s, left 0s 0.6s;}
.nav-show.nav-out .nav nav{opacity: 0;transform: translateX(-100%);transition: 0.3s;}
.nav-show .header{z-index: 201;}
}
@media(max-width:640px){
.top_language .site{ display: none}
.top_language .search{ right: 60px}
.top_language .top-search{ left: 0; right: 0; width: 100%; top: 88px; min-width: inherit; position: fixed}
.top_language .open-nav{ right: 8%}

.header .site{ display: block; text-align: center; position: absolute; top: 0; width: 100vw;left: 50%; transform: translateX(-50%) ; border-bottom: 1px solid rgba(255,255,255,0.2);}
.header .site a{ display: inline-block;width: 33%; background: #447aca; margin: 0; padding:5px 0;}
.header .site a.on{ background: #1f4b8c;}
.header .auto{padding-top: 34px;}
.top_language{top: 39px;}
.header #m148 .sub{width: 100%;left:auto}
.header #m239 .sub{width: 100%;left:auto}
}

/*.footer{ color: #666666; padding: 4% 0; border-top: solid 1px #edf0f5; background: #edf0f5;}
.footer a{color: #666666;}
.footer .logo{ padding-bottom:30px}
.footer .text{ font-size: 28px; float: right; color: #1f4b8c;}
.footer .share{ position:absolute; right: 0}
.footer .share li{ padding-left: 10px; display: inline-block; position: relative}
.footer .share li a{ display: block; cursor: pointer;width: 50px; height: 50px;border-radius: 100%; background: #dae2ec no-repeat center center}
.footer .share li.weixin a{ background-image: url("../images/icon_weixin.png")}
.footer .share li.weibo a{ background-image: url("../images/icon_weibo.png")}
.footer .share li.douying a{ background-image: url("../images/icon_douying.png")}
.footer .share li span{ display: none; width: 120px; position: absolute; bottom: 65px; right: 0; border: solid 1px #dae2ec; padding: 5px; background: #fff}
.footer .share li span:after{ content: ''; position: absolute; right: 20%; bottom: -20px; width: 0px; display: block; border: solid 10px transparent; border-top-color:#dae2ec}
.footer .share li:hover a{background-color: #1f4b8c}
.footer .share li:hover span{ display: block}
.footer .caidan { padding-bottom: 10px;}
.footer .caidan span{ padding-right: 20px; position: relative;}
.footer .caidan span:before{ content: ''; position: absolute; right:10px; top: 50%; width: 3px; height: 3px; background: #666666; border-radius: 100px;}
.footer .caidan span:last-child:before{ display: none}
.footer .icp{ position: relative; padding: 0px 10px;}
.footer .icp:before,
.footer .icp:after{ content: ''; position: absolute; top: 50%; width: 3px; height: 3px; background: #666666; border-radius: 100px;}
.footer .icp:before{ left: 0px;}
.footer .icp:after{right: 0px; }
.footer .partner .youqing{
    float: left;
}
.footer .partner .par_ul{
    list-style: none;
    float: left;
    margin: 0;
    padding-left: 0;
    margin-bottom: 10px;
}*/


.caidan span:nth-child(2){
    display: none;
}
/*.footer .partner .par_ul li{
    float: left;
    margin-right: 30px;
    border-right: 1px solid #000;
    padding-right: 30px;
}
.footer .partner .par_ul li:last-child{
    border-right: 0;
}*/
/*@media(max-width:1200px){
.footer .text{ font-size: 20px;}
.footer .logo{ padding-bottom:20px}
}
@media(max-width:1024px){
.footer .logo{ padding-bottom:10px}
.footer .logo img{ height: 45px;}
.footer .share li{ padding-left: 5px;}
.footer .share li a{width:40px; height:40px;}
}
@media(max-width:768px){
.footer .text{ padding: 3% 0; float: none; text-align: center; display: none;}
.footer .caidan {display: none;}
.footer .share{top: 0;}
.footer .icp,
.footer .wanhu{display: none}
}*/
.float{ position: fixed; z-index: 100; height: 350px; right: 0; top: 0; bottom: 0; margin: auto}
.float dl{ position: relative; padding-bottom: 10px;}
.float dt a{ display: block; padding:12.5px; background: #fff; transition: 0.5s}
.float dl dt a img{transition: 0.5s}
.float dd{ position: absolute; display: none;padding:12.5px; top: 0; right: 60px; min-width: 60px; white-space: nowrap; color: #fff}
.float dd a {color: #fff;}
.float .app .img2{ display: none}
.float .app dd,
.float .wx dd{ min-width: 120px}
.float dl:hover dt a{ background: #1f4b8c}
.float dl:hover dd{ background: #1f4b8c;display: block}
.float dl:hover dt a img{filter: grayscale(100%) brightness(500%); }
.float .name{ display: none}
@media screen and (max-width:640px){
.float dt a{ padding: 5px}
.float dd{right: auto; bottom: 110%; top: auto; right: 0; }
.float dl:first-child dd{left: 0; transform: none;}
.float dl:last-child dd{left: auto; right: 0; transform: none;}
.float{height: 275px;}
}

.a_shadow a{ transition: 0.4s;display: block; background: #fff; box-shadow: 0 0 26px rgba(104,104,104,0.08)}
.a_shadow a:hover{ transform: translateY(-5px);box-shadow: 0 10px 15px rgba(0,0,0,0.08)}

.pic_hover .pic:before{ content: ''; z-index: 2; position: absolute; width: 100%; height: 100%; transition: 0.4s; background: linear-gradient(180deg, rgba(4, 13, 108, 0.61) 0%, #0A1129 100%);opacity: 0.6966;}
.pic_hover a:hover .pic:before{ opacity: 0}

.Pages{ padding:4% 0; text-align: center}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
.Pages .a_prev,
.Pages .a_next{text-indent: -100px; background: no-repeat center center}
.Pages .a_prev{ background-image: url("../images/a_prev.png")}
.Pages .a_next{ background-image: url("../images/a_next.png")}
.Pages span.p_page{ display: block}
.Pages span em{ font-style: normal;}
.Pages span a{ color: #666666; display: inline-block; margin:0 10px; width: 50px; line-height: 50px; border: solid 1px #dde5ee; border-radius: 1000px; overflow: hidden}
.Pages span a.a_cur{ color: #fff; background: #1f4b8c; border-color: #1f4b8c}
@media(max-width:640px){
.Pages span a{ margin:0 5px; width: 40px; line-height: 40px;}
}
.single_article{ padding: 4% 0;}

.about_part1{ padding-top: 4%; padding-bottom: 6%}
.about_part2{ padding-bottom: 6%}
.about_part3{ padding: 6% 0; background: #f7f9fb}

.about_editor1{ position: relative}
/* .about_editor1:before{ content: ''; position: absolute; width:45%; height:90%; right:-10%; top: 0; background: #f7f9fb} */
.about_editor1 .photo{ padding-top: 6%; position: relative}
.about_editor1 .pic{padding-right: 5%;text-align: center}
.about_editor1 .info{ line-height: 30px; color: #666666; text-align: justify}
.about_editor1 .box{ padding-bottom: 3%}
.about_editor1 .video{ line-height: 0;   width:50%; float: right; }
.about_editor1 .video video{ width: 100%; height: 100%; }
.about_editor1.fl_fr .info{ width:45%; padding-right: 2%; float: left;}
.about_editor1.fl_fr .photo{}
.about_editor1 .imgbox{
    height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
}
.about_editor2 .photo{ float: left; width:51%; margin-right:5%}
.about_editor2 .photo img{
    width: 100%;
}
.about_editor2 .info{ line-height: 30px; color: #666666; text-align: justify}
.editor_num{ padding: 3% 0}
.editor_num li{ float:left; width: 25%;}
.editor_num li b{ font-size: 2.4vw; color: #1f4b8c; font-weight: normal}
.editor_num li span{ display: block; padding: 10px 0}
.about_editor3{ margin-left: -1.2665%; margin-right: -1.2665%}
.about_editor3 .item{ float: left; width: 30.8%; margin: 0 1.2665%; position: relative; background: no-repeat center center; background-size: cover}
.about_editor3 .item:before{ content: ''; background:#e7ecf2; position: absolute; width: 100%; height: 100%; transition: 0.5s}
.about_editor3 .info{ position: relative}
.about_editor3 .icon{ text-align: right; transition: 0.5s}
.about_editor3 .icon img{ width:40.586%}
.about_editor3 .title{ padding: 0 10% 6% 10%; color: #1f4b8c}
.about_editor3 .title span{ display: block; line-height: 1.2}
.about_editor3 .title .en{ text-transform: uppercase; font-size:1.85vw}
.about_editor3 .txt{ padding: 0 10%; min-height: 90px; line-height: 30px;}
.about_editor3 .item:hover .title,
.about_editor3 .item:hover .txt{ color: #fff}
.about_editor3 .item:hover .cn{ opacity: 0.6}
.about_editor3 .item:hover:before{background: rgba(31,75,140,0.9)}
.about_editor3 .item:hover .icon{ opacity: 0}
@media(max-width:960px){
.about_editor1.fl_fr .photo,
.about_editor1.fl_fr .info,
.about_editor2 .photo,
.about_editor2.fl_fr .info{ float: none; width: 100%; max-width: inherit; display:block; padding: 2% 0}
.about_editor1 .video{width: 100%; float: none;}
.about_editor1:before{ display: none}
.editor_num li{ text-align: center}
.editor_num li b{ font-size: 24px}
.about_editor3 .title .en{ font-size: 24px}

}
@media(max-width:640px){
.about_editor3{ margin-left:0; margin-right:0}
.about_editor3 .item{ float: none; width:100%; margin:3% 0}
.about_editor3 .txt{ min-height: inherit; line-height: 24px; }
.about_editor3 .title,
.about_editor3 .txt{ padding:5%}
}

.history_part1{ position: relative; padding:3% 0;}
.history_part1:before{ content: ''; position: absolute; width: 100%; height: 1px; top: 0; bottom: -5px; margin: auto; background: #e6e6e6}
.history_part1 .slick-slide { text-align: center; padding-top: 10px;}
.history_part1 .slick-slide span{ position: relative;font-size: 20px; padding-bottom: 90px; display: inline-block;}
.history_part1 .slick-slide i{ position: absolute; display: block; left: 0; right: 0; margin: auto; bottom: 47px;width:23px; height:23px;border-radius: 100%; }
.history_part1 .slick-slide i:after{ content: ''; position: absolute; width: 9px; height: 9px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #999999;border-radius: 100%; }
.history_part1 .slick-current span{ font-weight: bold; color: #1f4b8c; font-size: 40px !important;}
.history_part1 .slick-current i{background: rgba(31,75,140,0.1); box-shadow:0 0 0 7px rgba(31,75,140,0.05);}
.history_part1 .slick-current i:after{ background:#1f4b8c; }
.history_part2{ padding-bottom: 5%}
.history_part2 .infobox{ max-width: 88%; margin: auto}
.history_part2 .txt{ padding-left:8%; padding-top:5%; position: relative}
.history_part2 .year{ color: #f7f9fb; position: absolute; font-size: 7vw; line-height: 1}
@media(min-width:769px){
.history_part1 .slick-slide span{font-size: 30px; }
.history_part2 .fl_fr .photo{ float: left; width:42%}
.history_part2 .fl_fr .info{ float: right; width:52%}
.history_part2 .txt{ line-height: 30px; padding-left:10%; padding-top:6%;}
.history_part2 .fl_fr .txt{padding-left:20%; padding-top: 12%;}
}
@media(max-width:768px){
  .history_part1 .slick-current span{font-size: 24px !important;}  
}

.all_more{ padding: 10px 0}
.all_more a{ line-height: 46px; position: relative; padding-right: 18px; display: inline-block; color: #1f4b8c; transition: 0.5s;}
.all_more a:before{ content: ''; width: 8px; height:8px; top:40%; display: block; position: absolute; right: 0; border-right: solid 2px #1f4b8c;border-bottom: solid 2px #1f4b8c; transform: rotate(-45deg);transition: 0.5s}
.all_more:hover a{ color: #fff; padding: 0 46px 0 22px; border-radius:30px; background: #1f4b8c}
.all_more:hover a:before{ right:15%; border-color: #fff}

.news_list .pic img{ width: 100%}
/* .news_list .pic{
    width: 500px;
    height: 335px;
} */
.news_list .time{ background: #1f4b8c; color: #fff; padding: 8px; display: inline-block;}
.news_list .time b{ display: block; line-height: 1}
.news_list .txt{ line-height: 30px; height: 60px; color: #666666; margin: 20px 0}
.news_list .part1{ padding-top: 4%; padding-bottom: 6%}
.news_list .part1 .infobox{ background: #f7f9fb}
.news_list .part1 .info{ padding:3% 3% 2% 3%}
.news_list .part1 .time{ margin-bottom:3%}
.news_list .part1 .txt{ margin:10px 0;}
.news_list .part1 .time b{ font-size: 40px;}
.news_list .part1 .time span{ font-size: 18px;}
.news_list .part1 .title{ line-height: 38px; height:76px;}
.news_list .part1 .slick-dots{ bottom: 8%; right: 5%; left: auto; width: auto}
.news_list .part2 .list{ position: relative}
.news_list .part2 .info{ padding:8% 0 12% 0}
.news_list .part2 .photo a{ display: block; background: no-repeat center center; background-size: cover}
.news_list .part2 .time{ left: 40px; top: 40px; position: absolute}
.news_list .part2 .time b{ font-size: 30px;}
.news_list .part2 .title{ line-height: 32px; height: 64px;}
.news_list .part2 .pic .ispic{width: 100%;padding-top: 70%;background-size: cover;background-position: center;background-repeat: no-repeat;}
@media(min-width:768px){
.news_list .part1 .pic{ width: 40%; float: left}
.news_list .part1 .info{ width: 59%; float:right}
.news_list .part2{ margin-left: -1.2665%; margin-right: -1.2665%}
.news_list .part2 .list{ float: left; width: 30.8%; margin: 0 1.2665%; }
.news_list .part2 .list:nth-child(3n+1){ clear: both}
.news_list .part2 .photo a{ padding-bottom:65.315%;}
.news_list .part2 .photo img{ display: none}
}
@media(max-width:768px){
.news_list .txt{ margin: 10px 0; line-height: 22px;}
.news_list .part1 .title{ line-height: 30px; height: auto}
.news_list .part1 .time{left: 20px; top: 20px; position: absolute}
.news_list .part1 .time b{ font-size: 24px;}
.news_list .part2 .info{ padding: 3% 0}
.news_list .part2 .time{ left: 20px; top: 20px;}
.news_list .part2 .time b{ font-size: 20px;}
.news_list .part2 .title{ line-height: 24px; height: auto}
.news_list .txt{ height: auto}
.news_list .pic{
    width: auto;
    height: auto;
}
}

.info_article{ padding: 4% 0;}
.info_article .title{ text-align: center; line-height: 1.5}
.info_article .title h2{ color: #1f4b8c;}
.info_article .title p{ color: #999; padding-top: 2%}
.info_article .title span{ display: inline-block; padding: 0 15px}
.info_article .article{ padding: 4% 2%; line-height: 30px;}
.info_article .article .MsoNormal{
    text-indent: 32px;
}
.other_title { padding-bottom: 2%}
.other_title .back{text-align: center; padding: 20px 0}
.other_title .back a{ display: inline-block; padding: 6px 24px; border-radius: 20px; color: #fff; background: #1f4b8c}
.other_title span{ display: block; line-height: 30px;}
.other_title span.dot{ opacity: 0.7}

.other_news{ padding:2%; border: solid 1px #eee;}
.other_news h3{ padding-bottom: 1%; color: #1f4b8c;}
.other_news li{ position: relative;padding: 5px 20px}
.other_news li:before{ content: ''; position: absolute; left:0; top: 50%; margin-top: -2.5px; width: 5px; height:5px; background: #d8d8d8}
@media(min-width:768px){
.other_news li{ float: left; width: 50%;}
.other_news li:nth-child(odd){ clear: both}
}


.disease_list .item{ float: left; width: 25%; transition: 0.5s}
.disease_list .box{ position: relative; background:#1f4b8c no-repeat right top; background-size: contain}
.disease_list .box:before{ content: ''; position: absolute; width:100%; height:100%; background: #afbeef; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.5s;box-shadow: inset 0 0 0 20px #fff}
.disease_list .info{ position: relative; padding: 30% 13% 0 13%; transition: 0.5s}
.disease_list .icon{max-width: 55px; padding: 10% 0;}
.disease_list .all_more{ opacity: 0; padding: 0}
.disease_list p{ margin: 15px 0; color: #999999; line-height: 26px; height: 78px; transition: 0.5s}
.disease_list .item:hover {}
.disease_list .item:hover .info{ padding-top: 14%; padding-bottom: 16%;}
.disease_list .item:hover .box:before{ opacity: 0}
.disease_list .item:hover h5 a,
.disease_list .item:hover p{ color: #fff}
.disease_list .item:hover p{ opacity: 0.4}
.disease_list .item:hover .icon{ opacity: 0}
.disease_list .item:hover .all_more{ opacity: 1}
.disease_list .item:hover .all_more a{ color: #1f4b8c; padding: 0 46px 0 22px; border-radius:30px; background: #ffffff}
.disease_list .item:hover .all_more a:before{ right:15%; border-color: #1f4b8c}
.disease_list .item:nth-child(4n+1){ clear: both}
@media(max-width:1200px){
.disease_list .box:before{box-shadow: inset 0 0 0 10px #fff}
}
@media(max-width:960px){
.disease_list .box:before{box-shadow: inset 0 0 0 5px #fff}
.disease_list .item{ width: 50%}
.disease_list .item:nth-child(2n+1){ clear: both}
.disease_list .item:hover .all_more a{padding: 0 30px 0 22px; }
.disease_list .item:hover .all_more a:before{ right:12%;}
}

.zhizi_editor{ line-height: 30px;}
.zhizi_editor .sub{ padding-bottom: 2%;}
.zhizi_editor .info{ padding-bottom: 2%}
.zhizi_editor .info p{ padding: 0 0 1% 0; margin: 0}
.zhizi_editor .tit{ padding: 20px 0;text-align: center}
.zhizi_editor .photo1{ padding-bottom: 3%; margin-bottom: 3%; border-bottom: solid 1px #f7f9fb}
.zhizi_editor .photo1 li:nth-child(1){ float: left; width: 38%; }
.zhizi_editor .photo1 li:nth-child(2){ float: right; width:59%}

.zhizi_editor .photo2 li{ float: left}
.zhizi_editor .photo2 li:nth-child(1){width:17.5%; }
.zhizi_editor .photo2 li:nth-child(2){width:35%; padding: 0 1.5%}
.zhizi_editor .photo2 li:nth-child(3){width:23%;}
.zhizi_editor .photo2 li:nth-child(4){ float: right; width:23%}

.zhizi_editor .photo3{ padding-top: 2%; padding-bottom: 3%; margin-bottom: 3%; border-bottom: solid 1px #f7f9fb}
.zhizi_editor .photo3 li{ float: left; width: 36%; padding-right: 2%}

.zhizi_editor .photo4{ max-width: 1480px; padding-bottom: 3%;}
.zhizi_editor .photo4 li:nth-child(1){ float: left; width: 55%; }
.zhizi_editor .photo4 li:nth-child(2){ float: right; width:43%}

.zhizi_editor .photo5 { padding-bottom: 3%}
.zhizi_editor .photo5 li{ float: left; width: 51.5%;}
.zhizi_editor .photo5 li:nth-child(odd){ clear: both;width: 45.5%; margin-right: 2%;}

.zhizi_editor .photo6 { padding-bottom: 3%}
.zhizi_editor .photo6 li{ float: left; width: 51.5%;}
.zhizi_editor .photo6 li:nth-child(odd){ clear: both;width: 45.5%; margin-right: 2%;}

.zhizi_editor .photo7 .list{ float: left; width:51.5%; margin-bottom: 3%}
.zhizi_editor .photo7 .list:nth-child(odd){ clear: both; width: 45.5%; margin-right: 2%;}
.zhizi_editor .photo7 .list .pic{ padding-top: 1%}

.zhizi_editor .liucheng{ padding-top:2%; padding-bottom: 3%; margin-bottom: 3%; border-bottom: solid 1px #f7f9fb}
.zhizi_editor .liucheng .sub{ padding-top:4%; padding-bottom: 6%; border-top: solid 1px #f7f9fb}
.zhizi_editor .liucheng ul{ border-top: solid 1px #166ab7}
.zhizi_editor .liucheng li{ float: left; width: 20%; text-align: center}
.zhizi_editor .liucheng li .pic{ padding: 0 4%}
.zhizi_editor .liucheng li .num { margin-top: -30px; padding-bottom: 40px;}
.zhizi_editor .liucheng li .num span{ display: inline-block;width: 61px; line-height: 61px; color: #fff; font-size: 24px; border-radius: 100px; box-shadow: 0 0 30px 2px rgba(24,84,120,0.35);
background: rgb(53,122,191); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(53,122,191,1) 0%, rgba(15,103,182,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(53,122,191,1) 0%,rgba(15,103,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(53,122,191,1) 0%,rgba(15,103,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357abf', endColorstr='#0f67b6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
@media(max-width:960px){
.zhizi_editor .photo1 li,
.zhizi_editor .photo4 li,
.zhizi_editor .photo5 li,
.zhizi_editor .photo6 li,
.zhizi_editor .photo7 .list{ float: none; width: 100%!important;}
.zhizi_editor .photo5 li{ padding-top: 2%}
.zhizi_editor .liucheng li .num{ margin-top: -20px; padding-bottom: 20px;}
.zhizi_editor .liucheng li .num span{ width: 40px; line-height: 40px; font-size: 22px}
.zhizi_editor .photo2 li{ width: 50%!important; padding: 0 2%}
.zhizi_editor .photo2 li:nth-child(2n+1){ clear: both}
.zhizi_editor .photo3 li{ width: 50%!important; padding: 0 2%}
}

.search_doctor{ padding-top: 2%; padding-bottom: 4%}
.search_doctor .search{ padding: 3%; border: solid 1px #cccccc}
.search_doctor ul{ border-top: dashed 1px #cccccc; padding: 2% 0}
.search_doctor li{ float: left; width: 25%; padding: 1.5%}
.search_doctor label{ display: block; color: #1f4b8c; padding-bottom: 15px;}
.search_doctor .text,
.search_doctor select{ font-size: 16px; width: 100%; background: #f2f2f2 no-repeat right; border: none; padding: 0 10px;  line-height: 36px; height: 36px}
.search_doctor select{appearance: none;  -webkit-appearance: none;  -moz-appearance: none; background-image: url("../images/select_bg.jpg")}
.search_doctor select::-ms-expand { display: none;}
.search_doctor .btnbox{ text-align: center}
.search_doctor .btnbox .btn{ color: #fff; background: #19478a; cursor: pointer; border: none; display: inline-block; width: 50%; max-width: 200px; line-height: 42px; border-radius: 20px;}
@media(max-width:1024px){
.search_doctor li{ width: 50%}
}
@media(max-width:640px){
.search_doctor li{ width: 100%; float: none}
}

.editor_baoxian{ line-height: 36px; color: #666666}
.editor_baoxian .sub_1{ padding-bottom: 20px;}
.editor_baoxian .sub_2{ padding: 20px 0; color: #1f4b8c}
.editor_baoxian .sub_3{ padding: 10px 0; color: #1f4b8c}
.editor_baoxian .jt li:after,
.editor_baoxian .jy_liucheng .fenzhi ul li:first-child:before{ content: ''; width: 7px; height: 31px; position: absolute; left: 0; right: 0; bottom: 10px; margin: auto; background: url("../images/jt.jpg") no-repeat center bottom}

.editor_baoxian .zhuyuan{ position: absolute; width: 100%; text-align: center}
.editor_baoxian .zhuyuan span{ display: inline-block; padding: 15px 0; width: 12%; max-width: 143px;  background: url("../images/jt2.jpg") no-repeat right bottom}
.editor_baoxian .cb_liucheng{ max-width: 1120px; margin: auto; position: relative}
.editor_baoxian .cb_liucheng li { position: relative;text-align: center;padding-bottom: 50px; margin: auto; max-width: 480px;}
.editor_baoxian .cb_liucheng li span{ display: block; border: solid 1px #999999; padding: 10px 20px;}
.editor_baoxian .cb_liucheng .first{ padding-left: 9%}
.editor_baoxian .cb_liucheng .first ul li:last-child:before{ content: ''; position: absolute; top: 16%; left: -25%; width:25%; height: 1px; z-index: 2; background: #666666;}
.editor_baoxian .cb_liucheng .first ul li:last-child:after{ height: 140px; left: -150%; bottom: -20px;}
.editor_baoxian .cb_liucheng .fenzhi ul{ width: 44%;}
.editor_baoxian .cb_liucheng .fenzhi ul:nth-child(1){ float: left; padding-top: 35px;}
.editor_baoxian .cb_liucheng .fenzhi ul:nth-child(2){ float: right}
.editor_baoxian .cb_liucheng .fenzhi ul:nth-child(1) li:nth-child(2),
.editor_baoxian .cb_liucheng .fenzhi ul:nth-child(2) li:nth-child(3){ text-align: left}
.editor_baoxian .cb_liucheng .fenzhi ul li:last-child:after{ display: none}
.editor_baoxian .jy_liucheng{ max-width: 1120px; margin: auto; position: relative}
.editor_baoxian .jy_liucheng li { position: relative;text-align: center;padding-bottom: 50px; margin: auto; max-width: 480px;}
.editor_baoxian .jy_liucheng li span{ display: block; border: solid 1px #999999; padding: 10px 20px;}
.editor_baoxian .jy_liucheng .first ul li:last-child:before{ content: ''; position: absolute; bottom: 0; width:1px; height:42px; z-index: 2; background: #666666;}
.editor_baoxian .jy_liucheng .first ul li:last-child:after{ display: none;}
.editor_baoxian .jy_liucheng .fenzhi{ padding-top: 41px; position: relative}
.editor_baoxian .jy_liucheng .fenzhi:before{ content: ''; position: absolute; top: 0; background: #666666; width:56%; height: 1px; left: 0; right: 0; margin: auto;}
.editor_baoxian .jy_liucheng .fenzhi ul{ width: 44%;}
.editor_baoxian .jy_liucheng .fenzhi ul li:first-child:before{ bottom: auto; top: -40px;}
.editor_baoxian .jy_liucheng .fenzhi ul:nth-child(1){ float: left;}
.editor_baoxian .jy_liucheng .fenzhi ul:nth-child(2){ float: right}
.editor_baoxian .jy_liucheng .fenzhi ul:nth-child(1) li:nth-child(2),
.editor_baoxian .jy_liucheng .fenzhi ul:nth-child(2) li:nth-child(3){ text-align: left}
.editor_baoxian .jy_liucheng .fenzhi ul li:last-child:after{ display: none}
.editor_baoxian .txt{ padding: 10px 0;}
.editor_baoxian .txt_table{ padding: 10px 0;}
.editor_baoxian .txt_table table,
.editor_baoxian .txt_table table td{ border: solid 1px #999999}
.editor_baoxian .txt_table table td{ text-align: center; padding: 10px;}
.editor_baoxian .txt_num ol {list-style-type:none;} 
.editor_baoxian .txt_num ol li {counter-increment:section;} 
.editor_baoxian .txt_num ol li:before {content: "(" counter(section, decimal) ") 、 ";}
.editor_baoxian .photo{ padding: 20px 0}
.editor_baoxian .photo .fl{ float: left; width: 40%}
.editor_baoxian .photo .fr{ float: right; width:60%}
.editor_baoxian .photo .fr li { float: left; width: 33.333%; padding: 2%; text-align: center}
.editor_baoxian .photo .fr li span{ display: block; color: #1f4b8c; padding-top: 10px;}
.editor_baoxian .photo2{ max-width: 1080px;}
.editor_baoxian .photo2 li { text-align: center}
.editor_baoxian .photo2 li span{ display: block; color: #1f4b8c;padding-top: 10px;}
@media(max-width:768px){
.editor_baoxian{ line-height:24px;}
.editor_baoxian .cb_liucheng .first ul li:last-child:after{ left: -110%; height: 100%}
.editor_baoxian .cb_liucheng .first ul li:last-child:before{ width: 5%; left: -5%}
.editor_baoxian .cb_liucheng li span{ padding: 10px;}
.editor_baoxian .photo .fl,
.editor_baoxian .photo .fr{ width: 100%; float: right;}
.editor_baoxian .photo .fl{ padding-bottom: 3%}
}

.foundation_part{ line-height: 36px;}
.foundation_part .title { padding: 20px 0; line-height:38px}
.foundation_part .title span{ display: block}
.foundation_part .title span.cn{ font-size:24px;}
.foundation_part .title span.en{ font-size: 36px; color: #1f4b8c;text-transform: uppercase}
.foundation_part .intro{ padding-top: 2%; padding-bottom: 4%; margin-bottom:6%; border-bottom: solid 2px #f7f9fb}
.foundation_part .intro .title{ float: left; width:40%}
.foundation_part .intro .info{ float: right; width:58%}
.foundation_part .business{ position: relative; padding-top:5%; padding-left:11.25%;}
.foundation_part .business .infobox{ padding: 5% 5% 5% 41%; background: #f7f9fb}
.foundation_part .business .sub{ color: #1f4b8c; position: relative;padding-left: 23px; padding-bottom:5px;}
.foundation_part .business .sub:before{ content: ''; position: absolute; left: 0; top:12px; width: 6px; height: 6px; border-radius: 100px; background: #1f4b8c}
.foundation_part .business .txt{ padding-left: 23px; padding-bottom: 15px; line-height: 26px; color: #666666}
.foundation_part .business .pic{ position: absolute; left: 0; top: 0; width: 40%}
.foundation_part .project{ padding: 4% 0}
.foundation_part .project .title{ text-align: center; padding-bottom: 40px;}
.foundation_part .project .list{background: #f7f9fb}
.foundation_part .project .infobox{ float: left; width: 50%; padding:4% 5% 2% 5%}
.foundation_part .project .sub{ position: relative}
.foundation_part .project .sub:after{ content: ''; margin-top: 10px; display: block; width: 36px; height: 2px; background: #1f4b8c}
.foundation_part .project .info{ color: #666; padding:4% 0}
.foundation_part .project .pic{ float: right; width: 50%}
.foundation_part .project .pic img{ width: 100%}
.foundation_part .project .slick-dots{ width: auto; padding: 0 5%; bottom: 3%}
.foundation_part .process { padding-top:1%; padding-bottom: 5%}
.foundation_part .process .title{ text-align: center}
.foundation_part .process .info{ max-width: 96%; margin: auto}
.foundation_part .process .item{ float: left; width: 17%; margin: 1.5%; text-align: center;border: solid 4px #ebebeb; position: relative}
.foundation_part .process .num{ padding: 25% 0; font-size: 56px; color: #1f4b8c; position: relative;}
.foundation_part .process .num:before,
.foundation_part .process .num:after{ content: ''; top: 50%; margin-top: -4px;position:absolute;width: 14px; height:14px; background: #fff; transform: rotate(45deg);border-top: solid 4px #ebebeb; border-right: solid 4px #ebebeb}
.foundation_part .process .num:before{ left:-10px; }
.foundation_part .process .num:after{ right: -12px; }
.foundation_part .process .item:first-child .num:before,
.foundation_part .process .item:last-child .num:after{ display: none}
.foundation_part .process .line{width: 12px; height:2px; margin: auto; background: #1f4b8c; }
.foundation_part .process .txt{ line-height: 30px; margin-top:40px; min-height: 90px;}
.foundation_contact{ padding:5% 0; background: #f7f9fb}
.foundation_contact .pic{ float: left; width: 45%}
.foundation_contact .infobox{ float: right; width:50%; padding: 3% 0;}
@media(max-width:1200px){
.foundation_part .title { line-height:30px}
.foundation_part .title span.cn{ font-size:20px;}
.foundation_part .title span.en{ font-size: 26px;}
.foundation_part .process .num{ font-size:40px; }
}
@media(max-width:1024px){
.foundation_part .project .infobox,
.foundation_part .project .pic{ float: none; width: 100%}
.foundation_part .project .slick-dots{bottom: 2%}
.foundation_part .process .info{ max-width:inherit;}
}
@media(max-width:768px){
.foundation_part{ line-height: 24px;}
.foundation_part .title span.cn{ font-size:18px;}
.foundation_part .title span.en{ font-size: 20px;}
.foundation_part .intro .title,
.foundation_part .intro .info{ float: none; width: 100%}
.foundation_part .business{ padding: 0}
.foundation_part .business .sub:before{top:9px; }
.foundation_part .business .pic{ position: relative; width: 100%;}
.foundation_part .business .infobox{ padding: 3%}
.foundation_part .process .item{ float: none; width: 100%; margin:0 0 6% 0}
.foundation_part .process .num{ font-size:30px; padding: 2% 0 ; position: initial}
.foundation_part .process .txt{ margin-top: 2%;min-height:inherit; line-height: 24px; padding-bottom: 3%}
.foundation_part .process .num:before{ display: none}
.foundation_part .process .num:after{ transform: rotate(130deg); top: auto; bottom: -12px; left: 50%}
.foundation_contact .pic,
.foundation_contact .infobox{ float: none; width: 100%}
}
.treatment_list{margin-bottom: 3%;}
.treatment_list .list .item{ float: left; width: 33.333%; background: no-repeat center top; background-size: cover}
.treatment_list .list .box{ padding:48% 8% 0 8%;  position: relative; transition: 0.5s}
.treatment_list .list .item:nth-child(3n+1) .box{background: #afbeef;}
.treatment_list .list .item:nth-child(3n+2) .box{background: #afbeef;}
.treatment_list .list .item:nth-child(3n+3) .box{background: #afbeef;}
.treatment_list .list .icon{ position: absolute; width:56.702%; right: 0; top: 0; opacity: 0.05}
.treatment_list .list p{ margin: 30px 0; max-width: 80%; line-height: 28px; height: 56px; color: #8c8c8c;}
.treatment_list .list .box:hover{ background: none!important; padding-top: 38%; padding-bottom: 10%}
.treatment_list .list .box:hover .icon{ opacity: 0}
.treatment_list .list .box:hover h5 a,
.treatment_list .list .box:hover p{ color: #fff}
.treatment_list .list .box:hover .ind_more{ opacity: 1}
.treatment_list .list .box:hover .all_more a{ color: #1f4b8c; padding: 0 46px 0 22px; border-radius:30px; background: #ffffff}
.treatment_list .list .box:hover .all_more a:before{ right:15%; border-color: #1f4b8c}
@media(min-width:768px){
.treatment_list .list .item:nth-child(3n+1){ clear: both}
}
@media(max-width:768px){
 .treatment_list .list .item{ float: none; width: 100%;margin-bottom: 2%}
}
.link_list li{ float: left; width: 25%; padding: 1%}
.link_list li a{ display: block; text-align: center; border: solid 1px #eee; padding: 10px;}
.link_list li .pic span{ display: block; padding-bottom: 40%; background-size: contain}
@media(max-width:768px){
.link_list li{ width: 50%}
}

.search_list li{ padding: 1% 0; border-bottom: dashed 1px #eee}
.search_list .time{ float: right; padding-left: 10px;}

.site_map{ padding-top: 2%; padding-bottom: 4%}
.site_map ul{border: solid 1px #eee; padding: 2%;}
.site_map li{ padding: 1% 0; border-bottom: dashed 1px #eee}
.site_map b{padding: 0 10px; display: block;}
.site_map span{ padding: 0 10px; display: inline-block; opacity: 0.8}
@media(min-width:768px){
.site_map ul{ width: 49%; }
.site_map ul:nth-child(odd){ float: left}
.site_map ul:nth-child(even){ float: right}
}

/**/
.professionals_world .pic{ width:43.4%;}
.professionals_world .pic img{ width: 100%;}
.professionals_world .info{ padding: 4% 6%}
.professionals_world .title{ padding-bottom:10px;}
.professionals_world .txt{ color: #999999; line-height: 22px; height:66px;}
.professionals_world .item{ margin: 2% 0;background: #f5f5f5; transition: 0.5s}
@media(min-width:768px){
.professionals_world{ margin-left: -1.1%; margin-right: -1.1%;}
.professionals_world .item{ margin: 1.1%; float: left; width: 47.8%;}
.professionals_world .item:nth-child(odd){ clear: both}
.professionals_world .title{ padding-bottom: 20px;}
.professionals_world .txt{line-height: 28px; height: 84px;}
.professionals_world .item:hover{ transform:translateY(-10px); box-shadow: 0 0 20px #ddd}
}

.intro_join{ max-width: 1280px; margin: auto; padding: 3% 0; text-align: center}
.intro_join .tit{ font-size: 36px; line-height: 1.5; padding-bottom: 2%}
.intro_join .info{ line-height: 30px; color: #999999}

.listjob{ padding: 10px 0; color: #666666; line-height: 36px;}
.listjob .show_info{ padding: 1% 1.8%;; cursor: pointer; background: #fafafa; transition: 0.5s }
.listjob .name span{ float: right; position: relative; padding-right: 36px;}
.listjob .name span:before{ content: ''; width:6px; height:6px; position: absolute; display: block; right:6px; top: 50%; margin-top: -6px; border-top: solid 2px #000;border-right: solid 2px #000; transform: rotate(135deg)}
.listjob .name em{ font-style: normal}
.listjob .name b{ font-weight: normal; color: #000000}
.listjob .txt span{ padding-right: 40px; position: relative; display: inline-block}
.listjob .txt span:before{ content: ''; position: absolute; width: 1px; height: 40%; right: 20px; top: 30%; background: #979797}
.listjob .txt span:last-child{ padding-right: 0}
.listjob .txt span:last-child:before{ display: none}
.listjob .info_box{ padding: 0 1.8%; display: none; background: #fafafa;}
.listjob .tit{ color: #000; padding-top: 2%; padding-bottom: 1%}
.listjob .apply{ padding-top: 2%; padding-bottom: 3%}
.listjob .apply a{ display: inline-block; width: 160px; line-height: 40px; text-align: center;cursor: pointer;color: #fff; background:#1f4b8c}
.listjob .info{ padding:1.8% 0;}

.listjob.show .show_info{ color: #fff; background: #1f4b8c}
.listjob.show .name b{ color: #fff} 
.listjob.show .name span:before{ border-color: #fff}
.listjob.show .txt span:before{ background: #fff}

.show_job_form{ text-align:center;display: none; left: 0; top: 0; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);padding-top: 5%;}
.show_job_form .ytable{ height: 100%}
.show_job_form .formbox{ padding: 30px; position: relative; margin: auto; display: inline-block; width:90%; max-width: 600px; background: #fff; box-shadow:0 0 20px rgb(0 0 0 / 57%)}
.show_job_form .close{position: absolute; top: 10px; right:10px; width: 36px; height: 36px; cursor: pointer; z-index: 10;}
.show_job_form .close::before,
.show_job_form .close::after{ position:absolute; content:''; width:100%; height:3px; border-radius:3px; background:#1f4b8c; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;}
.show_job_form .close::after{transform:rotate(-45deg);}

.show_job_form .box_text{ padding: 5px 0}
.show_job_form .text{ width: 100%; padding: 10px; border: solid 1px #dedede}
.show_job_form .btn{ margin: auto; width: 25%; max-width: 188px; font-size: 18px;  color: #fff; background: #1f4b8c; padding: 10px 0; border:none; cursor: pointer;}
.show_job_form #jobname{ display: block; font-size: 18px; color: #1f4b8c}

.show_job_form .queueList{ margin: 0}
.show_job_form .placeholder .webuploader-pick{ background: #1f4b8c;width: 240px}
.show_job_form .webuploader-container{ max-width:240px; margin:auto;}
.show_job_form .placeholder{ font-size:14px;}
.show_job_form .placeholder input{ display:block; width:100%; height:44px;}
.show_job_form .placeholder .rt_input{ width:100%!important; height:100%!important; left:0!important}
.show_job_form .statusBar .btns .uploadBtn{background: #1f4b8c}
.show_job_form .statusBar .info{padding-right: 80px;}
.webuploader-container div:last-of-type{width: 168px !important; height: 44px !important;}
@media(max-width:768px){
.intro_join .tit{ font-size: 20px;}
.intro_join .info{ line-height: 26px;}
.listjob .name em{ display: none}
.listjob .name span{ padding-right: 26px}
.listjob .txt{ line-height: 24px}
}

.photo_list{ padding-top: 2%; padding-bottom: 4%;}
.photo_list .list{ margin-left: -1%; margin-right: -1%}
.photo_list .item{ padding:17px;}
.photo_list .item a{ display: block; position: relative; overflow: hidden}
.photo_list .item:hover a:before{ content: ''; z-index: 5; width: 100%; height: 100%; background: #000; position: absolute;transition: 0.6s; opacity: 0}
.photo_list .item .pic span{ padding-bottom: 64%; background-size: cover}
.photo_list .item .txt{ padding: 12px; position: absolute; width: 100%; bottom: -100%; transition: 0.6s; z-index: 6}
.photo_list .item .txt span{ color: #fff; display: block; padding: 0px 10px; text-align: center}
.photo_list .item:hover a:before{ opacity:0.6}
.photo_list .item:hover .txt{ bottom: 0}
.photo_list .slick-dots{ position: relative; padding:2% 0}
.photo_list .slick-dots li.slick-active button{ width: 14px; height: 14px; box-shadow: 0 0 0 1px #1e4a8b; border: solid 2px #ffffff;}

.technology_intro { padding-bottom: 3%}
.technology_intro .box{ position: relative; padding-left: 29.875%}
.technology_intro .pic{ position: absolute; left: 0; bottom: 0; width:29.875%}
.technology_intro .icon{ position: absolute; right: 0; top: 0; width: 23.25%; opacity: 0.5}
.technology_intro .txt{ line-height: 34px; color: #999999; background: #f2f5f7; padding:6% 9% 10% 9%}
.technology_intro .txt:after{ content: ''; width: 10px; height: 10px; position: absolute; right: 0; bottom: 0; background: #1f4b8c}
.technology_intro .tit{ font-size: 36px; line-height: 1.5; padding:4% 9%}
.technology_intro .tit span{ color: #1f4b8c}
@media(max-width:1200px){
.technology_intro .tit{ font-size: 26px;}
}
@media(max-width:768px){
.technology_intro .tit{ font-size: 20px;}
.technology_intro .txt{ padding: 3%}
.technology_intro .pic{ position: relative; width: 100%; text-align: center}
.technology_intro .box{ padding-left: 0;}
}

.refresher_training .info{line-height: 30px;color: #666666}
.refresher_training .title{ line-height: 42px; max-height: 84px;}
.refresher_training .txt{ height: 60px; }
.refresher_training .pic img{ width: 100%}

.refresher_training .part1{ padding-top: 2%; padding-bottom: 4%}
.refresher_training .part1 .pic{ width:47.5%}
.refresher_training .part1 .info{ width:52.5%; padding: 1% 5%}
.refresher_training .part1 .time{ padding-bottom: 3%}
.refresher_training .part1 .txt{ margin:4% 0;}
.refresher_training .slickjs .slick-dots{width:auto; font-size: 18px; left: 52.5%; text-align: left}
.refresher_training .slickjs .slick-dots em{ padding: 0 10px; color: #c3c3c3}
.refresher_training .slickjs .slick-dots li{ display: none}
.refresher_training .slickjs .slick-dots .slick-active{ display: block}
.refresher_training .slicknum .slick-dots{ width:42%; right: 0; left: auto; line-height: 1px; height: 1px; border-top: solid 1px #dddddd}
.refresher_training .slicknum .slick-dots li{ width: 33%; position: relative; margin-top: -1px;}
.refresher_training .slicknum .slick-dots li button{ display: none}
.refresher_training .slicknum .slick-dots li.slick-active{ border-top: solid 1px #1e4a8b}
.refresher_training .part2 .box{ padding:2.5% 0; border-bottom: solid 1px #eeeeee}
.refresher_training .part2 .pic{ width: 20%}
.refresher_training .part2 .info{ padding: 2% 15% 2% 5%; position: relative}
.refresher_training .part2 .info:before{ content: ''; position: absolute; background: #eeeeee; width: 1px; height:60%; right: 12%; top: 20%;}
.refresher_training .part2 .title{ padding: 2% 0}

.refresher_training .part2 .time{ position: absolute; top: 0; bottom: 0; height: 50%; right: 0; margin: auto; text-align: center; color: #cccccc}
.refresher_training .part2 .time b{ display: block; font-size: 60px; line-height:1.2; color: #666666; font-weight: normal}
.refresher_training .part2 .list:hover{ background: #f2f5f7}
.refresher_training .part2 .list:hover .info:before{ background: #dce4ec}
.refresher_training .part2 .list:hover *{ color: #1f4b8c!important}
@media(max-width:1024px){
.refresher_training .slickjs{ margin-bottom:3%}
.refresher_training .slicknum .slick-dots{ width: 100%;}
.refresher_training .info{line-height:22px;}
.refresher_training .title{ line-height:30px; max-height:60px;}
.refresher_training .txt{ height:44px;}
.refresher_training .part2 .time b{ font-size: 40px;}
}
@media(max-width:768px){
.refresher_training .part1 .pic,
.refresher_training .part1 .info{ display: block; width: 100%}
.refresher_training .part1 .info{ padding: 2%}
.refresher_training .part2 .pic{ width: 35%;}
.refresher_training .part2 .info{ padding: 2% 0% 2% 4%;}
.refresher_training .part2 .time{ font-size: 16px; padding-top: 10px; position: relative; height: auto; display: inline-block}
.refresher_training .part2 .time b{ font-size:18px; padding-left: 5px; display: inline-block; float: right}
.refresher_training .part2 .info:before{ display: none}
}
/**/
.banner{ position: relative}
.banner h2{ display: none}
.banner h2{position:absolute;left:50%;top:50%;max-width:1600px;width:96%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:38px;color:#fff;font-weight:400;line-height:normal}
.banner h2 b{font-weight:400}
.banner h2::after{content:'';width:36px;height:2px;display:block;margin-top:20px;background-color:#fff}
.banner img{ width: 100%}
.banner .wap{ display: none}
@media screen and (max-width:1024px){
.banner h2{font-size:30px}
.banner .pc{ display: none}
.banner .wap{ display:block}
.banner{padding-top: 55px;}
}
@media screen and (max-width:768px){
.banner h2{font-size:24px}
.banner{padding-top: 90px;}
}
@media screen and (max-width:640px){
.banner h2{font-size:20px}
.banner h2::after{margin-top:5px;}
}
.location_menu{padding:1.5% 0 1.8%}
.location_menu .location{text-align: right; color:#999; padding-bottom:1.5%}
.location_menu .location a:first-child{padding-left:26px;background:url(../images/home.png) no-repeat left center;}
.location_menu .location a{color:#999}
.location_menu li{float:left;min-width:140px;line-height:46px;margin-right:2%;font-size:18px;margin-bottom:20px;position: relative;}
.location_menu li a{display:block;background-color:#f2f5f7;color:#333;border-radius:50px;text-align:center;padding:0 10px}
.location_menu li a:hover,.location_menu li.aon a{background-color:#1f4b8c;color:#fff}
.location_menu li dl a{
    /*border-radius:0px;
    background-color:#1f4b8c;
    color: #fff;*/
}

.location_menu li dl{
    width: 100%;
    position: absolute;
    z-index: 9999;font-size: 14px;
}
@media screen and (max-width:1200px){

}
@media screen and (max-width:768px){
.location_menu li{line-height:32px;font-size:15px; min-width: inherit; width: 31.333%; margin: 0 1% 2% 1%}
.location_menu .ul{width: 100%;}
}
@media screen and (max-width:480px){
  .location_menu li{ width: 48%; margin: 0 1% 2% 1%}
  
  }
.subMenu{text-align:center;border-top:1px solid #e5e5e5;padding:35px 0;}
.subMenu>ul{display: inline-block; text-align: left;}
.subMenu ul li {display:inline-block; vertical-align: top; margin:0 5px 10px; position: relative; text-align: center;}
.subMenu ul li>a {display:block;min-width:120px;line-height:42px;font-size:18px;color:#333;padding:0 10px}
.subMenu ul li > a {border-radius:50px;}
.subMenu ul li.aon > a,
.subMenu ul li > a:hover,
.subMenu ul li dl a:hover{background-color:#1f4b8c;color:#fff}
.subMenu ul li dl {position: absolute; left: 0; top: 100%; z-index: 10; background: #fff; display: none; width: 100%;}
.subMenu ul li dl a { font-size: 16px;display:block;line-height:42px;color:#333;padding:0 10px;border-radius:50px; }
@media screen and (max-width:768px){
.subMenu{padding:20px 0}
.subMenu ul li > a{line-height:30px;font-size:15px;min-width:90px;padding:0 5px}
}
@media screen and (max-width:440px){
  .subMenu{padding:20px 0}
  .subMenu ul li > a{min-width:85px;}
  }
.Listmore *{transition:all .5s}
.Listmore span{font-size:18px;color:#1f4b8c;display:inline-block;width:136px;line-height:46px;border-radius:25px;}
.Listmore i{display:inline-block;margin-left:10px;font-style:normal;font-family:'Arial';font-weight:700}
@media screen and (max-width:768px){
.Listmore span{line-height:38px;font-size:16px;width:120px}
}
@media screen and (max-width:640px){
.Listmore span{line-height:30px;font-size:14px}
}
.liHover img{transition:all .5s}
.Listmore:hover span,.liHover:hover .Listmore span{background-color:#1f4b8c;color:#fff; padding-left: 10px;}
.liHover:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.DoctorsList li{float:left;width:32%;margin-right:2%; margin-bottom:2.5%;background-color:#f5f8fa;transition:all .5s}
.DoctorsList li:nth-child(3n){margin-right:0}
.DoctorsList li *{transition:all .5s}
.DoctorsList li figure{height:100%;width:45%;background-position:center;background-repeat:no-repeat;background-size:contain;}
.DoctorsList li .txtCon{padding:8% 8% 5%; height: 310px;}
.DoctorsList li p{margin:0;line-height:28px;color:#999}
.DoctorsList li p b{color:#333}
.DoctorsList li dt{font-size:22px;   
    height: 24px; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    .DoctorsList li dt:hover{overflow: visible;}
.DoctorsList li .txt{margin:10% 0 5.5%;font-size:15px}
.DoctorsList li .Listmore span{font-size:16px}
.DoctorsList li:hover{background-color:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.1)}
.DoctorsList li:hover dt{color:#1f4b8c}
@media screen and (max-width:1024px){
.DoctorsList li{width:48%;margin:0 1% 2.5%!important}
.DoctorsList li dt{font-size:22px}
}
@media screen and (max-width:640px){
.DoctorsList li{width:100%;margin:0 0 2.5%!important}
.DoctorsList li .txtCon{padding:5% 5% 3%}
.DoctorsList li dt{font-size:18px}
.DoctorsList li .more span{line-height:30px;font-size:14px}
.DoctorsList li p{line-height:24px}
.DoctorsList li .txtCon{height: auto;}
.DoctorsList li figure{width: 170px;}
}
@media screen and (max-width:320px){
  .DoctorsList li figure{width: 140px;}

}
.picList_one li{float:left;width:48%;margin-right:4%;margin-bottom:5%}
.picList_one li:nth-child(2n){margin-right:0}
.picList_one li .pic{width:39.3%;overflow:hidden}
.picList_one li .pic img{display:block;width:100%;transition:all .5s}
.picList_one li .txt{padding:0 0 0 5%}
.picList_one li h3{font-size:24px;margin:4% 0 0;font-weight:400}
.picList_one li p{margin:5% 0 6%;font-size:18px;color:#999;line-height:28px}
@media screen and (max-width:1024px){
.picList_one li h3{font-size:20px}
.picList_one li p{font-size:16px;line-height:24px}
}
@media screen and (max-width:768px){
.picList_one li .pic{width:45%}
.picList_one li h3{font-size:18px}
.picList_one li p{font-size:14px;-webkit-line-clamp:2}
}
@media screen and (max-width:640px){
.picList_one li{width:100%;margin-right:0;float:none}
.picList_one li h3{font-size:16px}
.picList_one li p{-webkit-line-clamp:3;margin:2% 0 4%}
}
.zAboutBox{font-size:18px;color:#999;line-height:28px;padding-bottom:8%}

.zAboutBox .about_tit{margin:3% 0;font-size:24px;color:#333;font-weight:400}
@media screen and (max-width:768px){
.zAboutBox{font-size:16px}
.zAboutBox .pic,.zAboutBox .txt{float:none;width:100%;margin-bottom:3%}
.zAboutBox .about_tit{font-size:22px}
}
@media screen and (max-width:640px){
.zAboutBox{font-size:14px;line-height:24px}
.zAboutBox .about_tit{font-size:18px}
}
.DoctorsInfo{line-height:28px;color:#666;padding: 0 5%; padding-bottom:8%}
.DoctorsInfo .pic{width:230px;vertical-align:top}
.DoctorsInfo .pic img{width:100%}
.DoctorsInfo .content{padding-left:2.5%}
.DoctorsInfo .name{color:#333;font-size:18px;display:block;margin-bottom:8px}
.DoctorsInfo .info{margin-bottom:20px}
.DoctorsInfo .tit{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px}
.DoctorsInfo .tit dt{font-size:24px;color:#333;padding:15px 0 20px}
.DoctorsInfo .tit .name{display:inline-block;margin-bottom:0}
@media screen and (max-width:640px){
.DoctorsInfo{line-height:24px}
.DoctorsInfo .content,.DoctorsInfo .pic{display:block}
.DoctorsInfo .content{width:100%}
.DoctorsInfo .pic{margin:0 auto 5%}
.DoctorsInfo .name{font-size:16px}
.DoctorsInfo .tit dt{font-size:18px}
}
.newsList_one li{border:1px solid #e5e5e5;margin-bottom:20px}
.newsList_one li a{display:block;width:100%;padding:1.2%}
.newsList_one li .pic{width:280px;vertical-align:top}
.newsList_one li .pic img{width:100%}
.newsList_one li .time{width:13.7%;text-align:center;border-left:1px solid #dedede;font-size:18px;font-family:arial;color:#999}
.newsList_one li .time span{display:block;font-size:50px;line-height:normal}
.newsList_one li .txtCon{padding:0 2%}
.newsList_one li h3{margin:1% 0 0;font-size:24px;font-weight:400}
.newsList_one li p{font-size:18px;color:#666;line-height:30px}
@media screen and (max-width:768px){
.newsList_one li .pic{width:200px}
.newsList_one li .time{font-size:16px;width:12%}
.newsList_one li .time span{font-size:36px}
.newsList_one li h3{font-size:18px}
.newsList_one li p{font-size:14px;line-height:24px;margin:10px 0}
}
@media screen and (max-width:640px){
.newsList_one li .pic{width:150px}
.newsList_one li h3{font-size:16px}
.newsList_one li p{margin:5px 0}
.newsList_one li .time{font-size:14px}
.newsList_one li .time span{font-size:30px}
}
@media screen and (max-width:480px){
.newsList_one li .ytable-cell{width:100%;display:block}
.newsList_one li h3{margin-top:5%}
.newsList_one li .time{text-align:left;display:inline-block;width:auto;border-left:none;padding-left:2%}
.newsList_one li .time span{float:right;font-size:14px;line-height:24px}
.newsList_one li .time span::before{content:'-';display:inline-block}
}
.titList_one{padding-bottom:8%}
.titList_one li{border-bottom:1px solid #e5e5e5;line-height:60px;margin-bottom:.7%;font-size:18px}
.titList_one li time{float:right;margin-left:2%;color:#999}
.titList_one li a{color:#999}
.titList_one li a:hover{color:#1f4b8c}
@media screen and (max-width:768px){
.titList_one li{font-size:16px}
}
@media screen and (max-width:640px){
.titList_one li{font-size:14px}
}
.news_info{line-height:30px;padding-bottom:7%}
.news_info .title{text-align:center;padding-bottom:2.5%;border-bottom:1px solid #eee;margin-bottom:5%;line-height:normal}
.news_info .title h1{font-size:24px;color:#333}
.news_info .title time{color:#999}
.news_info .info_pn{margin-top:4%;border-top:1px solid #eee;padding-top:3%;position:relative}
.news_info .info_pn span{margin:8px 0}
.news_info .info_pn span a{color:#666}
.news_info .info_pn span a:hover{color:#1f4b8c}
.Outpatient .txt{float:left;width:43%;font-size:18px;line-height:30px;color:#666;text-align:justify}
.Outpatient .pic{float:right;width:50%;}
.Outpatient h2{margin:0;font-size:36px;color:#1f4b8c;text-transform:uppercase;line-height:normal}
.Outpatient h3{margin:1% 0 5%;font-size:24px;font-weight:bold}
.Outpatient p{margin:0}
@media screen and (max-width:768px){
.Outpatient .pic,.Outpatient .txt{width:100%;float:none;margin-bottom:5%}
.Outpatient h2{font-size:28px}
.Outpatient h3{font-size:20px}
}
@media screen and (max-width:640px){
.Outpatient .txt{font-size:14px;line-height:24px}
.Outpatient h2{font-size:22px}
.Outpatient h3{font-size:18px}
}
.Mz_submenu{border-bottom:1px solid #ebebeb;text-align:center; margin-bottom: 4%}
.Mz_submenu a{display:inline-block;line-height:60px;font-size:20px;padding:0 18px;border-bottom:2px solid transparent;margin:0 15px}
.Mz_submenu a.aon{border-bottom-color:#1f4b8c}
@media screen and (max-width:640px){
.Mz_submenu a{line-height:40px;font-size:16px;padding:0 8px;margin:0 8px}
}
.OutpatientIndex .tit{font-size:30px;line-height:normal;color:#333;font-weight:400}
@media screen and (max-width:1200px){
.OutpatientIndex .tit{font-size:24px}
}
@media screen and (max-width:768px){
.OutpatientIndex .tit{font-size:20px}
}
@media screen and (max-width:640px){
.OutpatientIndex .tit{font-size:18px}
}
.OutpatientIndex .DoctorsList2{background-color:#f5f8fa;padding:5% 0 4%}
.OutpatientIndex .DoctorsList2 .tit{line-height:50px;margin-bottom:1%}
.OutpatientIndex .DoctorsList2 .ul{margin:0 -40px}
.OutpatientIndex .DoctorsList2 .list{overflow:hidden}
.OutpatientIndex .DoctorsList2 li{margin:2.5% 0;padding:0 40px}
.OutpatientIndex .DoctorsList2 .ytable{background-color:#fff}
.OutpatientIndex .DoctorsList2 .pic{width:230px;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
.OutpatientIndex .DoctorsList2 .txtCon{line-height:28px;color:#999;padding:5% 5% 3%}
.OutpatientIndex .DoctorsList2 .txtCon h3{font-size:24px;color:#333;font-weight:400;margin:0}
.OutpatientIndex .DoctorsList2 .txtCon h3 span{display:inline-block;color:#999;margin-left:10px;font-size:16px}
.OutpatientIndex .DoctorsList2 .txtCon p{height:170px;margin-bottom:0}
.OutpatientIndex .DoctorsList2 .btn{float:right;font-size:0}
.OutpatientIndex .DoctorsList2 .btn .slick-arrow{position:relative;display:inline-block;transform:none}
.OutpatientIndex .DoctorsList2 .btn .slick-next{margin-left:30px}
@media screen and (max-width:1600px){
.OutpatientIndex .DoctorsList2 .ul{margin:0 -15px}
.OutpatientIndex .DoctorsList2 li{padding:0 15px}
}
@media screen and (max-width:768px){
.OutpatientIndex .DoctorsList2 .txtCon{line-height:24px;line-height:24px}
.OutpatientIndex .DoctorsList2 .txtCon h3{font-size:20px}
.OutpatientIndex .DoctorsList2 .txtCon h3 span{font-size:14px}
}
@media screen and (max-width:640px){
.OutpatientIndex .DoctorsList2 .pic{width:160px}
.OutpatientIndex .DoctorsList2 .txtCon h3{font-size:18px}
}
.OutpatientBox{ padding-bottom: 4%}
.OutpatientBox .pic{float:right;width:42.5%}
.OutpatientBox .pic img{width:100%}
.OutpatientBox .txt{float:left;width:51%;font-size:18px;color:#666;line-height:30px}
.OutpatientBox .slick-arrow{top:auto;transform:none;bottom:0;border-radius:initial;background-color:#fff;width:70px;height:70px}
.OutpatientBox .slick-prev:before{background-image:url(../js/slick/slick-prev2.png)}
.OutpatientBox .slick-next{left:50px}
.OutpatientBox .slick-next:before{background-image:url(../js/slick/slick-next2.png)}
.OutpatientBox .tit{margin:3% 0}
@media screen and (max-width:1024px){
.OutpatientBox .pic,.OutpatientBox .txt{width:100%;font-size:16px}
}
@media screen and (max-width:640px){
.OutpatientBox .slick-arrow{width:40px;height:40px}
.OutpatientBox .slick-next{left:40px}
.OutpatientBox .txt{font-size:14px;line-height:24px}
}
.reserveTable table{width:100%;table-layout:fixed}
.reserveTable td{padding:3% 2%;font-size:18px;color:#666;border:1px solid #e5e5e5}
.reserveTable .name{width:25%;text-align:center;color:#1f4b8c}
@media screen and (max-width:640px){
.reserveTable td{font-size:14px}
.reserveTable .name{width:100px}
}
.trafficBox .info{width:50%;float:left}
.trafficBox .map{width:48%;height:500px;float:right}
.trafficBox .map *{max-width:none}
@media screen and (max-width:768px){
.trafficBox .info,.trafficBox .map{width:100%;margin-bottom:3%}
}
@media screen and (max-width:640px){
.trafficBox .map{height:260px}
}
.trafficinfo{border:1px solid #e5e5e5}
.trafficinfo .item{border-bottom:1px solid #e5e5e5;padding:3.5% .5% 1% 2.5%}
.trafficinfo .item:last-child{border-bottom:none}
.trafficinfo h3{margin:0 0 2%;font-weight:400;font-size:22px;color:#1f4b8c}
.trafficinfo p{margin:0;font-size:18px;color:#666;min-height:48px}
@media screen and (max-width:768px){
.trafficinfo .item{padding-bottom:3%}
.trafficinfo h3{font-size:20px}
.trafficinfo p{font-size:16px;min-height:auto}
}
@media screen and (max-width:640px){
.trafficinfo h3{font-size:16px}
.trafficinfo p{font-size:14px}
}
.sidenav {
  float: left;
  width: 345px;
  box-shadow: 0 1px 15px 0 rgba(9,46,111,0.1);
  margin-bottom: 30px;
}
.sidenav .title {
  height: 120px;
  line-height: 120px;
  padding: 0 20px;
  margin: 0;
  background-color: #1f4b8c;
  color: #fff;
  font-size: 24px;
  position: relative;
}
.sidenav .title .icon-down {
  position: absolute;
  right: 20px;
  top: 0;
  height: 100%;
  width: 20px;
  background: url(../images/icon_down.png) no-repeat center center;
  background-size: 100%;
  display: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.sidenav .title.is-open .icon-down {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidenav dl dd {
  border-bottom: 1px solid #ddd;
}
.sidenav dl dd:last-child {
  border-bottom: 0;
}
.sidenav dl dd a {
  display: block;
  height: 80px;
  line-height: 80px;
  padding: 0 20px;
  font-size: 20px;
}
.sidenav dl dd.active a {
  color: #1f4b8c;
  font-weight: bold;
}
.card-layout {
  float: right;
  width: calc(100% - 400px);
  overflow: hidden;
}
.card-layout .ul {
  margin: 0 -1.5%;
}
.card-layout .item {
  float: left;
  width: 33.3333%;
  padding: 0 1.5%;
  margin-bottom: 30px;
}
.card-layout .item .inner {
  display: block;
  width: 100%;
  margin: 0 auto;
  background-color: #eef1f4;
  padding: 10px;
}
.card-layout .item .image {
  padding-top: 70%;
}
.card-layout .item .text h3 {
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  padding: 20px 0;
}
@media (max-width: 992px) {
  .sidenav {
    float: none;
    width: 100%;
  }
  .sidenav .title {
    height: 54px;
    line-height: 54px;
    font-size: 18px;
  }
  .sidenav .title .icon-down {
    display: block;
  }
  .sidenav dl {
    display: none;
  }
  .sidenav dl dd a {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .card-layout {
    width: 100%;
  }
  .card-layout .item {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .card-layout .item {
    width: 100%;
    margin-bottom: 15px;
  }
}
.cate{ padding-bottom: 2%;}
.cate li{width: 49%; margin-right: 2%; margin-bottom: 1%; float: left;padding: 1.2%; border: 1px solid #e5e5e5;} 
.cate li *{transition: all .3s;}
.cate li:nth-of-type(2n){margin-right: 0;}
.cate li .pic{width: 37%;overflow: hidden; min-width: 190px;}
.cate li figure{padding-top: 71%; transition: all .3s;}
.cate li .txt{padding: 0 2%;}
.cate li .txt h1{ margin: 1% 0 0;font-size: 22px;font-weight: 400;}
.cate li .txt p{  font-size: 18px; color: #666;line-height: 1.5; height: 3em; margin: 1% 0;}
.cate li .txt .more{font-size: 18px;  color: #1f4b8c;display: inline-block; width: 136px;   line-height: 46px;border-radius: 25px;}
.cate li .txt .more i{display: inline-block;margin-left: 10px;font-style: normal; font-family: 'Arial';font-weight: 700;}
.cate li:hover figure{transform: scale(1.1);}
.cate li:hover .more{background-color: #1f4b8c;color: #fff;padding-left: 20px;}

@media (max-width: 1024px){
  .cate li .pic{width: 200px;}
  .cate li{width: 100%; margin-right: 0;}
  .cate li .txt h1{font-size: 18px;}
}
@media (max-width: 768px){
  .cate li .txt p{font-size: 14px;}
  .cate li .txt .more{
    line-height: 38px;
    font-size: 16px;
    width: 120px; 
  }
}
@media (max-width: 640px){
  .cate li .pic{width: 150px;}
  .cate li .txt h1{font-size: 16px;}
  .cate li .txt .more{
    line-height: 30px;
    font-size: 14px;
  }
  
}

.teamlist{padding: 3.5% 0 1.8%;}
.teamlist li{
  float: left;
  min-width: 140px;
  line-height: 46px;
  margin-right: 2%;
  font-size: 18px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
.teamlist li a{
  display: block;
  background-color: #f2f5f7;
  color: #333;
  border-radius: 50px;
  text-align: center;
  padding: 0 10px;
}


.teamlist li a:hover, .teamlist li.aon a{
  background-color: #1f4b8c;
  color: #fff;
}

@media screen and (max-width: 768px){
  .teamlist li{
    line-height: 32px;
    font-size: 15px;
    min-width: inherit;
    width: 31.333%;
    margin: 0 1% 2% 1%;
  }

}
@media screen and (max-width: 480px){
  .teamlist li{
    width: 48%;
    margin: 0 1% 2% 1%;
  }
  
}
/* .subjectSingle{width: 90%; margin: 0 auto;} */
  
 /*.footer .left{ float:left;}
 .footer .right{ float:right; width:40%;}
 .footer .right .text{ float:none;line-height: normal;}
 .foot_contact{ margin-top:7%;font-size: 18px;}
 .foot_contact .ytable{ margin-bottom:10px;}
 .foot_contact i{display: inline-block; vertical-align: middle; width: 35px; margin-right:10px;}
 .foot_contact .name{ width:120px;font-size: 16px; vertical-align:top;}
 .foot_contact b{ color: #1f4b8c;}

@media screen and (max-width: 1024px){
  .footer .left,
  .footer .right{float:none; width:100%;}
  .foot_contact{ margin:3% 0 5%}
}
@media screen and (max-width: 640px){
  .foot_contact{ font-size:15px;}
  .foot_contact .ytable{ margin-bottom:5px;}
  .foot_contact .name{ font-size: 14px;width: 45px;}
  .foot_contact .add .name{width: 60px;}
  .foot_contact i,
  .footer .logo{ display:none;}
}*/