@charset "utf-8";


@keyframes enter {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.row{
	display: flex;
	flex-direction: row;
}
.enter_animated{
	animation-name: enter;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
}

body {
    font-family:Arial, "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;
	background-color:#eee; margin:0
}

.default_text{
    font-size:14px;
    font-weight: 300;
}

.row {margin-left:0;margin-right:0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:0;}

#header,#main,#footer {min-width:300px;}


/* articles */

.piece-container p{
  padding-bottom: 10px;
}

/* .title-container{
	width: 70vw;
	height: fit-content;
	left: 20px;
	top: 80px;
	position: absolute;
	padding-bottom: 10px;
	color:#333;
} */
.page-title{
	background-color: rgba(55, 55, 55, 0.571);
	width: 100%;
	position: relative;
	top:20px;
	border-radius: 2px;
	box-shadow: 0px 0px 15px rgba(65, 64, 64, 0.447);
}

#main {min-height: 400px;}
/*底部*/
#footer {position: relative;}
#footer .copyright {position:absolute;top:0;right:15px;margin-right:20px;padding:15px 0;line-height:30px;}
#footer .copyright_tiny {display: none;}
#footer #langBtnGroup {padding:15px 0;margin-left:20px;}

/*头部*/
#header .navbar {min-width:300px;height:90px;transition:height 0.3s;-webkit-transition:height 0.3s;}
#header .navbar-header {text-align: center;position: relative;}
#header .navbar-brand {height:auto;padding:15px;transition:padding 0.3s;-webkit-transition:padding 0.3s;}
#header .navbar-brand img {height:50px;transition:height 0.3s;-webkit-transition:height 0.3s;}
#header #tel {font-size: 24px;line-height: 38px;}
#header #tel span {font-size: 24px;margin-right:5px;}
#header #langBtnGroup,
#header #tel,
#header #navBtn {position:absolute;top:25px;margin:0;transition:top 0.3s;-webkit-transition:top 0.3s;}
#header #navBtn {left:20px;}
#header #navBtn.navbar-toggle {border:none;}
#header #navBtn.navbar-toggle .icon-bar {height:3px;}
#header #langBtnGroup,
#header #tel {right:20px;}
#header #navList {position: fixed;left:-260px;width:260px;top:0;bottom:0;overflow-y: auto;z-index: 1031;padding:25px 20px;border-right:1px solid #ddd;}


#navList {background-color: #333;}
#navList .panel {border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin-bottom:10px;background-color:transparent;}
#navList .panel-heading {padding:5px;background-color:transparent;color:#999;font-size: 21px;}
#navList .list-group {margin-top:10px;}
#navList .list-group-item {padding:5px;border:none;background-color:transparent;color:#999;}
#navList a {color: #eee;}
#navList a:hover {color: #ccc;}

/*头部滚动*/
#header .navbar.hasScrolled {height:56px; background-color: rgba(235,235,235,0.85);}
#header .hasScrolled #langBtnGroup,
#header .hasScrolled #tel,
#header .hasScrolled #navBtn {top:15px;}
#header .hasScrolled .navbar-brand {padding:10px;}
#header .hasScrolled .navbar-brand img {height:40px;}


/*全屏组件*/
.jumbotron {background-repeat: no-repeat;background-position: center center;background-size: cover;margin-bottom:1px;background-color: #fff;position: relative;}
.jumbotron.grade_1{
	min-height: 20vh;
}
.jumbotron.grade_1 h1,
.jumbotron.grade_1 p {text-align: center;}
/* .jumbotron.grade_1 h1 {text-shadow: 4px 3px 0 rgba(255,255,255,0.5);} */
/* .jumbotron.grade_1 p {text-shadow: 1px 1px 0 rgba(255,255,255,0.3);} */
.jumbotron .abstract {margin-top:10px;}
.jumbotron .abstract span {display: block;}
/* .jumbotron .content {margin-top:25px;} */
p{
	margin-block-end: 0;
	margin-block-start: 0;
	font-size: 14px;
}
.para-header{
	margin-bottom: 10px;
}
.jumbotron .content img {max-width:100%;height:auto !important;}
.jumbotron.grade_2 .content p,
.detailConainer .jumbotron p {font-size: 16px;}
.jumbotron .row {margin-top:25px;}
.jumbotron.index_jumbotron_welcome {padding-top: 110px;}
.index_jumbotron p {max-width: 800px;}
.banner_jumbotron {height:400px;}
.detail_jumbotron.grade_1 h1 {padding:0 10%;}

/*首页二级分类图*/
.indexSubCate {position: absolute;left:1px;right:0;bottom:0;margin:0;}
.indexSubCateItem {height:180px;position: relative;overflow:hidden;}
.indexSubCateBg {position: absolute;top:0;bottom:1px;left:0;right:1px;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 0.75;transition:opacity 0.5s;background-color: rgba(0,0,0,0.75);transition:background-color 0.5s;-webkit-transition:background-color 0.5s;}
.indexSubCateItem a {position: absolute;cursor: pointer;text-decoration: none;top:0;left:0;bottom:0;right:0;padding:25px;}
.indexSubCateItem span {line-height: 150%;font-size: 21px;text-decoration: none;color: #fff;}
.indexSubCateItem i {margin-top: 10px;font-style: normal;font-size: 16px;display: block;color:#ccc;}
.indexSubCate .indexSubCateItem:hover .indexSubCateBg {background-color: rgba(0,0,0,0.85);}
.indexSubCate:hover .indexSubCateBg {background-color: rgba(0,0,0,0.50);}

/*文章二级分类下拉*/
#subCate {text-align: center;}
#subCate .subCateItem {display: inline-block;}
#subCate .subCateItem a {padding:6px 12px;border:1px solid transparent;border-radius: 4px;}
#subCate .subCateItem.active a {color: #fff;background-color: #428bca;border-color:#285e8e;}
#subCate .dropdown {display: inline-block;}

.thumbnail {text-align: justify;padding:10px;}
.jumbotron .thumbnail h3 {font-size: 18px;margin-top:0;line-height:1.42857143;}
.jumbotron .thumbnail p {font-size: 14px;color:#999;}
.jumbotron .imgList .thumbnail img {height:180px;border: 1px solid #eee;}
.article_jumbotron .thumbnail img {padding:9px;float:left;width:128px;}

.caseList {margin:30px 0;}
.caseList .col-md-12,
.caseList .col-sm-6,
.caseList .col-md-3 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.clientsList .thumbnail img {float:none;width:180px;height:140px;}
.clientsList .caseList {margin-top:0;}


#sider {right:50px;left:auto !important;opacity: 0;}
#sider .subNav {}
#sider .subNav ul { list-style-type: none;padding:0; }
#sider .subNav li { position: relative; line-height: 30px;border-radius: 15px; font-size: 16px;padding: 0 25px;transition:background-color 0.5s;-webkit-transition:background-color 0.5s;}
#sider .subNav li a {cursor: pointer;margin-left:10px; }
#sider .subNav li i {position: absolute;left:15px;top:7px;}
#sider .subNav li.active {background-color: #428bca;}
#sider .subNav li.active a,
#sider .subNav li.active i { color: #fff; }
#sider .subNav li.active i:before {}

#weixin {position: fixed;right:30px;top:100px;display: none;transition: all 0.3s;}
.weixinScrolled {transform: translateY(-24px);}
.qrcode{
	width: 97px;
	height: 97px;
}
#arraw {position: fixed;right:65px;bottom:50px;width:30px;height:30px;}
#arraw span {width:30px;height:30px;display:block;border-bottom:3px solid #c33;border-right:3px solid #c33;transform: rotate(45deg);}
#arraw span:hover {opacity: 0.3;}


.piece-container .container{
	width: 100%;
}

.clickable{
	color:#328bdf;
	cursor: pointer;
	transition: color 0.2s linear;
    user-select: none;
}
.clickable:hover, .clickable.active{
	color:#334250
}

/* Image Slideshow */



@media screen and (min-width: 768px){
	.jumbotron { padding:90px 0;}
	.welcome_jumbotron { padding:120px 0;}
	.index_jumbotron {padding:100px 0 90px 0;}

}
@media screen and (max-width: 991px){
	/* .title-container{
		top: 0px;
		left: 0px;
	} */
	.jumbotron { padding-bottom:0 !important;}
	.index_jumbotron {height: auto !important;}
	.indexSubCate {position: relative !important;left:0 !important;bottom:0 !important;}
}
@media screen and (max-width: 767px){
	/* .title-container{
		position: relative;
	} */
	#navBtn>span {display: none;}
	#header #tel {font-size: 18px;}
	#header #tel span {font-size: 18px;}
	#footer .copyright {display: none;}
	#footer .copyright.copyright_tiny {display: block;}
}


select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
}
select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
select:focus{
	border: none;
}
.select-selected {
  background-color: DodgerBlue;
}




.red{
    color: rgb(189, 32, 32);
}
.bold{
    font-weight: 400;
}

/* .map_tier1{
    border-left: solid 3px rgba(250, 0, 0, 0.8);
    padding-left: 10px;
}
.map_tier2{
    border-left: solid 3px rgba(250, 125, 0, 0.6);
    padding-left: 10px;
}
.map_tier3{
    border-left: solid 3px rgba(213, 213, 29, 0.5);
    padding-left: 10px;
}
.map_tier4{
    border-left: solid 3px rgba(0, 150, 0, 0.4);
    padding-left: 10px;
} */

.fullScreen{
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    opacity: 1 !important;
    z-index: 100 !important;
}
.transparent{
    opacity: 0;
    pointer-events: none;
}


* {
    -webkit-text-size-adjust: none;
}
.smallChartTitle{
    font-size: min(3vw, 18px);
    line-height: 45px;
}
.smallerChartTitle{
    font-size: min(3vw, 10px);
    font-size: 8px;
    font-weight: 300;
    font-family:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';;
}
.bigChartTitle{
    font-size: min(3.5vw, 28px);
    white-space: nowrap;
}

._mapText{
    z-index: 11;
    display: flex;
    font-size: 8px;
    flex-direction: column;
}
._mapText::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
/* ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
} */
._mapText._in{
    position: absolute;
    left: 0px;
    height: 100%;
    overflow: auto;
    padding-top: 20px;
}
._mapText._in._html{
    width:60%
}
._mapText._out{
    position: relative;
    justify-content: flex-start;
    width:100%
}
.city_group{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.city_block{
    display: flex;
    flex-direction: row;
    width: 75px;
    padding-right: 2px;
    font-size: 10px;
    font-weight: 300;
}



.tool_tip_title{
    width: 100%;
    font-size:14px
}
.tool_tip_outer{
    display: flex;
    flex-direction: row;
    max-width: 300px;
    flex-wrap: wrap;
    padding-bottom: 10px;
    padding-top: 10px;
}
/* .tool_tip_outer{
    display: grid;
    grid-template-columns: repeat(4, 100px);
    align-content: left;
    padding-bottom: 10px;
    padding-top: 10px;
} */
.tool_tip_inner{
    display: flex;
    flex-direction: row;
    position: relative;
    text-align: left;
    width: 100px;
    padding-bottom: 5px;
    z-index: 1000;
    font-size:10px;
    font-weight:300;
}

::-webkit-scrollbar {
    cursor: pointer;
    width: 7px;
    background-color: #ededed;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    width: 7px;
    background: #f3f3f3;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
      cursor: pointer;
      width: 7px;
    background: rgb(203, 203, 203);
  }
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background: rgb(163, 163, 163);
  }