@charset "utf-8";
/* CSS Document */
*,body,ul,li,img,div,span,dl,dd,dt,p,a{ font-family:"Microsoft YaHei";margin:0 auto;padding: 0px;list-style: none;text-decoration:none;}
a{color:#16bd3c;}
.top{width:100%;  height:auto; }
.logo{width:100%;margin: 0 auto;height: auto;font-size: 12px;line-height: 30px;background-color:rgba(255, 255, 255, 0);}
.logo .left { float:left; width:auto; margin:5px 0 }
.logo .right { float:right; width:auto; color: #666; margin:5px 0px;font-size:14px;line-height:50px;}
.logo .right a{text-decoration:none; color: #666}
.logo .right a:hover{ color:#337ab7;}

.top-img{ width:100%; background-color: #E4E4E4; height:auto}
.top-nav{ width:70%; height:auto; margin:10px auto}

.main{ width:100%; height:auto; position:relative}
.main2{ max-width: 1000px; height:auto;}
.main2 ul li a{background-color:#079c0e;color: #fff;transition:all .3s;border-radius: 0%}
.main2 ul li a:hover{color: #333}
.title{ width:200px; color: #666; font-size:22px; text-align:center; letter-spacing:5px; line-height:60px; border-bottom:1px solid #D7D7D7; margin:40px auto}
.biaodan{ width:100%; height:auto; margin-top:20px; text-align:}
.biaodan label{ width:80px; text-align:left;line-height: 34px;margin: 0px;}
.biaodan .button-one{ width:100px}
.biaodan .button-one a{ font-size:16px; color:#900;}
.biaodan .button-one button{ width:100px; margin-bottom:20px; margin-right:30px}
.container-fluid{margin-bottom: 20px}
.form-group span{color: #999}
.footer{ width:100%; height:auto; background: #333; clear:both; padding-top:30px}
.f_main{ width:1000px}
.f_main ul{ padding:0px}
.bottom{ float:left; height:auto; border-bottom:1px solid #999}
.bottom li{ float:left; margin:0px 10px; border-top:2px solid #333}
.bottom li a{ font-size:14px; color: #CCC; text-decoration:none; line-height:50px}
.bottom li:hover{ border-top:2px solid #F90}
.ewm1{ float:right; margin-left:40px}
.ewm1 p{ color: #666; font-size:13px; margin-top:10px; text-align:center}
.bottom2{ float:left; height:auto}
.bottom2 li{ float:left; margin:0px 15px;}
.bottom2 li a{ font-size:13px; color: #CCC; text-decoration:none; line-height:50px}

.nav_law{ width:980px; height:100px;margin:0 auto; }
.nav_law ul{ display: flex; width:100%;  margin:0px auto; padding:0px}
.nav_law ul li{  float:left; margin:0px auto; list-style-type:none;width: 9.09%;}	
.nav_law_one ul{ position:absolute; width:120px; margin-left:-20px; display:none; }
.nav_law_one ul li{float:none;width:120px; }
.nav_law_one:hover ul{ display:block}
.nav_law_two ul{ position:absolute; width:120px; margin-left:-20px; display:none; }
.nav_law_two ul li{float:none;width:120px; }
.nav_law_two:hover ul{ display:block}



/*about*/
.part{ width:1200px; height:auto; margin:50px auto}
.part_left{ width:160px; height:auto; float:left; margin-right:50px;}
.left_box{ width:100%; height:auto; padding:0px}
.left_box li{ float:left; list-style-type:none; width:100%; text-align:center; line-height:50px; max-height:50px; overflow:hidden; padding:0px; margin-top:10px; background: #09C; color:#fff; border-radius:5px; cursor:pointer}
.left_box li:hover{ background:#F90;}
.left_box a{color:#fff;display:inline-block;width:100%;height:100%;}

.part_right{ width:990px;height:auto;float:left }
.right_box{ width:100%; height:auto;background-color: #09C; background: url(http://www.100ec.cn/Public/home/images/expert_bg.jpg) repeat center ; margin-top:10px; border-radius:5px; display:none; padding:50px 20px}
.current{ box-shadow:2px 2px 5px #FFCC00}
.right_box p{ color:#fff; text-indent:2em; font-size:15px; line-height:28px}
.right_box img{ border-radius:5px; margin:30px auto}
.right_box p a{ color:#fff}
.about_title{ font-weight:bold;text-align:center; padding-bottom:20px}
.logo_box{width:100%; height:auto; margin:20px auto; padding:0px; margin-left:70px}
.logo_box li{ width:120px; height:50px;float:left; list-style-type:none;border-radius:2px; margin-right:18px; margin-bottom:40px; overflow:hidden; background:#fff;padding:0px}
.logo_box li img{ width:120px; height:50px; padding:5px; margin:0 auto}

.zt_box,.law_box{ width:100%; height:auto; margin:20px auto; padding:0px;border: #fff solid 2px;overflow: hidden;}
.zt_box li{ float:left; list-style-type:none; width:200px; height:175px; overflow:hidden; border-radius:2px; margin-right:45px; margin-bottom:40px}
.zt_box li:nth-child(4n){margin-right:0px}
.zt_box li .img{width:200px; height:120px; float:left; margin:0 auto; overflow:hidden }
.zt_box li img{ width:200px; height:120px; float:left; margin:0 auto; border-radius:0px;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s; }
.zt_box li:hover img{transform:scale(1.2);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s; overflow:hidden }
.zt_box li span{ float:left; color:#fff; padding:0px 5px;background-color:rgba(0,0,0,0.1); }

.success{ width:100%; height:auto;border:#fff solid 2px;}
.success li{ width:50%; line-height:28px; font-size:15px;color:#fff; list-style-type:none; float:left}
.success li a{ color:#fff; text-decoration:none}
.success li a:hover{ color: #FF0}
.success h2{
	font-size:16px;
	color:#FF0;
	font-weight:bold;
	margin-top:30px;
}

.success h2 a{ color:#fff;font-size:16px;font-weight:bold;}

.success h2 a:hover{ color: #FF0;}

.experts{
/*	width:340px;
	margin: auto;*/
}

.experts img{
	float:left;
}

.experts h2{
	float:left;
	text-align:center;
	margin-top:40px;
}

.cg-title{
	width:100%;
	height:30px;
}

.cg-title h1{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:white;
}

.cg-title a{
	float:right;
	font-size:16px;
	color:white;
}

.cg-title a:hover{ color: #FF0;}

.line{ width:100%; height:30px; padding-bottom:-10px; font-size:18px; border-bottom:1px solid #CCC; color:#fff; margin-top:50px}
.law_box li{ float:left; list-style-type:none; width:200px; height:343px; overflow:hidden; border-radius:2px; margin-right:45px; margin-bottom:40px}
.law_box li:hover div{ color:#FF0}
.law_box li a{ text-decoration:none}
.law_box li:nth-child(4n){margin-right:0px}
.law_box li img{ width:200px; height:211px; float:left; margin:0 auto; border-radius:0px}
.law_box li div{color:#fff; padding:0px 5px;background-color:rgba(0,0,0,0.1); text-align:center; margin:0 auto; height:40px; clear:both}



.nav_law ul li img{ z-index:10000}
.topad{  width:100%; height:auto}
.textarea-count{position:absolute;right:30px;color:#666;bottom: 0;}
.t{border-bottom: 1px solid #eee;position: relative;margin:60px auto 20px}
.t span{position: absolute;top: -10px;left: 20px;color: #999;padding: 0px 10px;background-color: #fff;font-size: 14px;}
#email2{width: 465px}

/*数据表页面css*/
.clearfix{zoom: 1;}
.clearfix:after{height: 0;display: block;clear: both;content: "";visibility: hidden;}
.header{background: #fff;min-width: 1000px;}
.head-wrapper{width: 1000px;margin: 0 auto;height: 70px;position: relative;}
.data-logo{float: left;height: 70px;line-height: 70px}
.data-logo img{height: 45px;vertical-align: middle;}
.data-right{float: right;}
.data-right li{float: left}
.data-right li a{color: #42b7f8;padding: 0px 8px;line-height: 70px}

.data-nav{background-color:#213b58;margin-bottom: 30px}
.data-nav ul{margin: 0 auto;height: 50px;width: 1000px;position: relative;}
.data-nav ul li{line-height: 50px;float: left;transition:all .3s;}
.data-nav ul li:hover{background-color: rgba(0,0,0,.1);}
.data-nav ul li a{color: #91B9D0;line-height: 50px;padding: 0px 10px;font-size: 14px;position: relative;}


.data-wrapper{width:1200px;min-height: 900px;height: auto;margin: 0 auto}
.bd{font-size: 22px;color:rgb(0, 187, 255);text-align:center;margin-bottom: 50px ;font-weight: bold;}
.data-wrapper .data-box{border: 2px solid #213b58;margin-bottom: 20px}
.data-title li,.data-list li{float: left;line-height: 40px;width: 10%;text-align:center;font-size: 13px}
.data-title{background-color:#213b58;height: 40px;}
.data-title li{color:#42b7f8;font-weight: bold;}
.data-list{height: 41px;color:#42b7f8}
.data-list li{border-bottom: 1px solid #1d3046;cursor:default;}
.data-list li:nth-child(1),.data-title li:nth-child(1){width: 4%}
.data-list li:nth-child(2),.data-title li:nth-child(2){width: 16%}
.data-list li:nth-child(2){overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.more{color: #fff;margin-bottom:20px;font-size: 14px;cursor: pointer;width: 50px}
.more span{display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 4px solid #3eb6c1;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 0px;
    margin-left: 2px;
    transition: all .5s;
}
#morelist{
	display: none
}
.data-fixed{position: fixed;display:none;top: 0;width: 100%}
.data-fixed .data-title{width: 1200px;margin: 0 auto}
.data-ps{border: 2px solid #213b58;min-height: 100px;margin-bottom: 20px;padding: 20px}
.data-ps p{color: #42b7f8;font-size: 14px;line-height: 28px}
.data-ps p span{display: inline-block;width: 10px;height: 10px;border-radius: 10px;margin-right: 5px;}
.data-ps p span:nth-child(1){background-color: #ff6d1f}
.data-ps p span:nth-child(2){background-color: yellow}
.data-ps p span:nth-child(3){background-color: #47ffa9}

.returntop{position: fixed;
    right: 20px;
    bottom: 150px;
    background-color: rgba(8, 255, 207,.5);
    width: 55px;
    height: auto;
    text-align: center;
    padding: 2px 0px;
    display: none;
    z-index: 100000;
}

.time-form {
	margin-bottom: 20px;
}
.time-form select {
	padding:5px 10px;
	border-radius: 3px;
	outline: none;
	background-color: #213b58;
	color: #42b7f8;
	line-height: 35px;
	height: 35px;
	border: 1px solid #42b7f8;
}
.btn {
	position: relative;
	line-height: 34px;
	height: 34px;
	padding: 0px 20px;
	background-color:#16bd3c;
	color: #fff;
	outline: none;
    border: 1px solid transparent;
    cursor: pointer;
	border-radius: 3px;
}
.btn:hover:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
}

#pic1Text, #pic2Text, #pic3Text, #pic4Text, #pic5Text {
	width: 500px
}

.form-inline .form-control {
	border-radius: 0px
}

.more-li {
}
.more-li .more-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}

.more-li a.more-li-a {
	position: relative;
	padding-right: 25px;
}
.more-li a.more-li-a::after {
	content: '';
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 0;
	height: 0;
	border-top: 5px solid #00ffff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0px;
}
.more-li:hover .more-list{
	display: block;
	background-color: rgba(0,0,0,.7)
}
.more-list li a {
	display: block;
	transition: all .2s;
}
.more-list li a:hover {
	background-color: rgba(255,255,255,.1)
}
.d-row-container {
	display: flex;
	position: relative;

}
.d-row-container .form-group {
	flex: 0 0 33.3%;
	display: flex!important;
	padding-right: 20px;
}
.d-row-container.up .form-group {
	flex-wrap: wrap;
	padding: 0
}
.d-row-container.up .form-group .itme {
}
.d-row-container .form-group .item {
	flex: 1;
	width: 100%;
}
.container-box{
  height:105px;
  overflow:hidden;
}
#con-more, #dc-more{
  display:block;
  text-align:center;
  cursor:pointer;
}
.dc {
	/* position: relative;
	padding: 20px 10px; */
	max-width:1000px;
	margin: auto;
	height:80px;
	overflow:hidden;
}
.dc p {
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
	color: #079c0e;
	margin-bottom: 10px;
}
.dc ul {
	/* display: flex;
	flex-wrap: wrap;
	height: 100px;
	align-items: center; */
}
.dc ul li {
	/* flex: 0 0 20%; */
	width:25%;
	float: left;
	padding: 0px 20px;
	margin-bottom: 20px;
}
.dc ul li a {
	text-decoration: none;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color:#079c0e;
	padding: 0 10px;
	transition: all .3s ease;
}
.dc ul li a:hover {
	background-color:#eee;
	color:#333;
}

@media (max-width:980px){
.nav_law{ display:none}
.col-md-2{ float:left}
}

@media (max-width:768px){
.form-group label{ float:left}
.form-control{ width:180px}
#remark2{ width:100%}
#xx{ float:none}
#ss{ display:none}
.container-fluid{margin-bottom: 0px}
.ps{margin-left: 100px}
#email2{width: auto}
.nav_law{display: none}

#pic1Text, #pic2Text, #pic3Text, #pic4Text, #pic5Text {
	width: 240px;
}
.d-row-container {
	flex-wrap: wrap;
}
.d-row-container .form-group {
	flex : 0 0 100%;
}
#xx {
	width: 100%;
}
.d-row-container .form-group {
	padding-right: 0px;
}
.d-row-container .form-group input.item {
	width: auto;
}
.dc ul li {
	/* flex-basis: 50%; */
	width:50%;
	padding: 0px 5px
}
.dc p {
	font-size: 16px;
}

}
@media (max-width: 1199px){
.biaodan{ width:100%}
.main2{ width:95%}
.f_main{ width:100%}
.topad .main{ width:100%}
.data-nav,.header,.footer{width: 1200px}
}
@media (min-width: 1200px) and (max-width: 1919px){
.logo{ width:80%}
.topad .main{ width:980px}
.textarea-count{right:100px}

}
@media (min-width: 1920px){
.logo{ width:70%}
.biaodan{ width:60%; margin-left:20%}
.top-nav{ width:60%}
.textarea-count{right:25%}

}