.bg-blue-main{background: #0d324c;}
.bg-white{background: white;}
.bg-f4{background: #f4f4f4;}
.bg-f9{background: #f9f9f9;}

.height-1{height: 1px;}
.pic-thumb{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem; height:auto}

.padding-top-1em{padding-top: 1em;}
.padding-bottom-1em{padding-bottom: 1em;}

/*div里每个P缩进2字符*/
.sj{text-indent:2em}

/*顶部导航*/
#webtopDiv{height:88px; position: relative; border-top: 1px solid #FFF; background: url(/static/index/images/topback.jpg) center no-repeat;}
.toplogo{width:570px; height: 69px; background: url(/static/index/images/logok.png) no-repeat; position: absolute; top: 8px;}
.toplink{margin:0 auto;}
.toplink>a{display: inline-block; color:#FFF; text-align: left; padding:8px 25px;}
.toplink>a>span{display: block; margin-top:-0.4em; font-size:0.7em; color:#ccc; text-align: left;}
.toplink_select,.toplink>a:hover{text-decoration:none; background: #fff; color:#0d324c !important;}
.toplink_bottom{height: 3px; background: white url(/static/index/images/top_line.png) repeat-x;}

/*顶部图片*/
.top_pic_div{height: 280px;}

/*顶部搜索*/
#top_search{display: -webkit-flex; display: flex; height: 280px; -webkit-align-items: flex-end; align-items: flex-end; flex-direction:row-reverse; position: relative;}
#top_search>div>div{color:#fff; font-size: 1.7em; text-align: right;}
#top_search>div>form{background-color: #fff; border:none; border-radius: 0.3em; width:215px; padding:0.1em 0.3em; color:#666;}
#top_search>div>form>input{background:none; border:none; color:#666; width:180px; text-align: left; font-size:0.8em;}
#top_search>div>form>i{color:#999;}

#top_search .cateTitle{position:absolute; bottom: -30px; left:15px; width:200px;}
#top_search .cateTitle .left_title_zh{ border:1px solid #FFF; border-bottom: none; height: 55px; background: url(/static/index/images/wc_left.jpg) no-repeat; display: flex; align-items: flex-end; flex-direction:row-reverse; color:#FFF; font-size:1.4em; padding: 0 0.4em 0.2em 0;}
#top_search .cateTitle .left_title_en{height:25px; background: #efefef; display: flex; flex-direction:row-reverse; color:#0d324c; font-size:1em; padding-right: 0.6em;}


/*中间左右栏*/
#webContent{display: flex; justify-content:space-between; margin-top: 2em;}
#webContent_left{width:240px;}
#webContent_left .left_title_zh{border-top: 4px solid #efefef; height: 113px; background: url(/static/index/images/wc_left.jpg) no-repeat; display: flex; align-items: flex-end; flex-direction:row-reverse; color:#FFF; font-size:1.5em; padding: 0 0.4em 0.2em 0;}
#webContent_left .left_title_en{height:45px; background: #efefef; display: flex; flex-direction:row-reverse; color:#0d324c; font-size:1em; padding: 0.2em 0.6em 0 0;}
#webContent_left .left_link{margin-top: 2em;}
#webContent_left .left_link>a{display:block; background:#efefef; margin-top: 0.3em; font-size:1em; color:#666; padding:0.5em 0 0.5em 1.5em; border-left: 8px #efefef solid;}
#webContent_left .left_link>a:hover, .left_link_selected{color:#081f30 !important; border-left: 8px #081f30 solid !important; text-decoration:none;}
#webContent_right{width:820px;}

/*当前位置*/
/*.webNav{border-bottom: 1px solid #ccc; padding-bottom: 0.5em}*/
.webNav>nav{background: none; display: inline; font-size:0.8em;color:#666; margin-left: 220px;}
.webNav>nav>a{color:#666;}
.webNav>nav>a:first-child{font-size:1.3em;}
.webNav>nav>a:hover{text-decoration: none;}

/*独立文章/详细文章正文*/
.message_content{padding:0;}
.message_content .title_a{color:#081f30; font-size:1.2em; padding-left:2.5em; background:url(/static/index/images/content_b.jpg) no-repeat left; height: 36px;}
.message_content .content_a{line-height: 150%;}
.message_content .content_a p{padding-top: 1.5em;}
.message_content .content_a img{max-width: 100%;}

.message_content .title_b{color:#081f30; font-size:1.5em; text-align: center; border-bottom: 1px dashed #999;}
.message_content .title_b>span{display: block;margin:0.2em; text-align: center; font-size:0.6em; color:#666;}
.message_content .content_b{line-height: 150%;}
.message_content .content_b p{padding-top: 1.5em;}
.message_content .content_b img{max-width: 100%;}


/*底部2联系栏*/
#webfooterDiv{margin-top: 2em; background: #4f8cb6;}
#webfooterDiv>div{display: flex; justify-content:flex-start; height: 93px; overflow: hidden;}
#webfooterDiv>div>div:first-child{opacity:0.5; width:240px; text-align: center; margin-top: 1em;}
#webfooterDiv>div>div:last-child{color:#FFF; font-size:0.9em; margin:1em 2em; margin-left: 48px;}
#webfooterDiv img{width:100px;}
#webfooterDiv em{display:inline-block; width:20px;}
/*底部*/
.webfooterFlex{position: absolute; bottom:0; width: 100%; height: 2.8em; margin:0; background: #04273f; border-top: 1px solid #04273f; overflow: none;}
#footDivBottom{color:#FFF; font-size: 0.9em; height: 2.8em; display: flex; justify-content:center; align-items: center; padding:0.5em 0 0; background: #04273f;}
#footDivBottom a{color:#FFF; text-decoration: none;}





/*分页*/
.web_page{}
.web_page a{color:#081f30 !important;}
.web_page .active>a{background:#081f30 !important; border:1px solid #081f30 !important; color:#FFF !important;}


/*业务范围*/
.bussiness_list{border-bottom: 3px solid #ccc; margin-top:2em; margin-bottom: 3em;}
.bussiness_list>span{font-size:2em; padding:10px;}
.bussiness_list>div{padding:10px;}
.bussiness_list>img{width:100%;}

/*招聘*/
.recruitment_list{border-bottom: 1px dashed #ccc; margin-top:2em; margin-bottom: 3em;}
.recruitment_list>span{font-size:2em; padding:10px;}
.recruitment_list>div{padding:10px;}

/*新闻*/
.news_list{}
.news_list>a{border-bottom: 1px dashed #ccc; color:#666; text-decoration: none; padding: 1em 0;}
.news_list>a:hover{text-decoration: none; background: #f8f8f8;}
.news_list>a>div:first-child{margin-right: 1em;}
.news_list>a>div:first-child>img{ width:180px;}
.news_list>a>div:last-child>span{font-size:1.2em; color:#000;}
.news_list>a>div:last-child>div{}

/*案例*/
.project_list{}
.project_list>div>a{display:block; padding:0; color:#000;}
.project_list>div>a:hover{text-decoration: none;}
.project_list>div>a>img{max-width: 100%;}
.project_list>div>a>div{text-align: center; height: 60px;}







/*标题1*/
.k-title1{}
.k-title1>span{display: block; margin:0 auto; font-size:1.7em; text-align: center;}
.k-title2{border-bottom: 1px solid #CCC;}
.k-title2>span{display: block; margin:0 auto; font-size:1.2em; text-align: center; width:180px; padding:5px; background: #0d324c; color:#FFF; margin-bottom: -20px;}

/*新版顶部导航*/
.new_toplink{text-align: center;}
.new_toplink>a{display:inline-block; background:#efefef; font-size:1em; color:#666; padding:0.5em 1.5em; border: 1px #efefef solid;}
.new_toplink>a:hover, .new_toplink_selected{color:#fff !important; border: 1px #081f30 solid !important; background: #081f30 !important; text-decoration:none;}


/*新版新闻*/
.new_news_list{}
.new_news_list>a{border-bottom: 1px dashed #ccc; color:#666; text-decoration: none; padding: 1em;}
.new_news_list>a:hover{text-decoration: none; background: #f8f8f8;}
.new_news_list>a>div:first-child{margin-right: 1em;}
.new_news_list>a>div:first-child>img{ width:170px;}
.new_news_list>a>div:last-child>span{font-size:1.2em; color:#000;}
.new_news_list>a>div:last-child>div{}


/*新版文章内容div*/
.new_webContent{}
/*新版文章内容*/
.new_message_content{padding:0;}
.new_message_content .title_a{color:#081f30; font-size:1.2em; background:url(/static/index/images/content_b.jpg) no-repeat left; height: 36px;}
.new_message_content .content_a{line-height: 150%;}
.new_message_content .content_a p{padding-top: 1.5em;}
.new_message_content .content_a img{max-width: 100%;}

.new_message_content .title_b{color:#081f30; font-size:1.5em; text-align: center; border-bottom: 1px dashed #999;}
.new_message_content .title_b>span{display: block;margin:0.2em; text-align: center; font-size:0.6em; color:#666;}
.new_message_content .content_b{line-height: 150%;}
.new_message_content .content_b p{padding-top: 1.5em;}
.new_message_content .content_b img{max-width: 100%;}


/*新版案例*/
.new_project_list{}
.new_project_list>div:hover{background: #f9f9f9; padding-top:10px;}
.new_project_list>div>a{display:block; padding:0; color:#000;}
.new_project_list>div>a:hover{text-decoration: none;}
.new_project_list>div>a>img{max-width: 100%;}
.new_project_list>div>a>div{text-align: center; height: 80px;}