@charset "utf-8";
/*
BANNER
*/
body{background-color: #252525}
.lb-box {
  width:100%;
  height: 500px;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
}
@media (max-width:568px) {
  .lb-box {
    width: 76%;
    height: 220px;
  }
}





.main_image {
	width:100%;
	height:422px;
	border-top:1px solid #d7d7d7;
	overflow:hidden;
	margin:0 auto;
	position:relative
}
.main_image ul {
	width:9999px;
	height:422px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0
}
.main_image li {
	float:left;
	width:100%;
	height:422px;
}
.main_image li span {
	display:block;
	width:100%;
	height:422px
}
.main_image li a {
	display:block;
	width:100%;
	height:422px
}
.main_image li .img_1 {
	background: url('../images/img_main_1.jpg') center top no-repeat
}
.main_image li .img_2 {
	background: url('../images/img_main_2.jpg') center top no-repeat
}
.main_image li .img_3 {
	background: url('../images/img_main_3.jpg') center top no-repeat
}
.main_image li .img_4 {
	background: url('../images/img_main_4.jpg') center top no-repeat
}
.main_image li .img_5 {
	background: url('../images/img_main_5.jpg') center top no-repeat
}
div.flicking_con {
	width:990px;
	margin:0 auto;
	position:relative
}
div.flicking_con .flicking_inner {
	position:absolute;
	top:360px;
	left:90px;
	z-index:999;
	width:300px;
	height:21px
} /* 121126 */
div.flicking_con a {
	float:left;
	width:21px;
	height:21px;
	margin:0;
	padding:0;
	background:url('../images/btn_main_img.png') 0 0 no-repeat;
	display:block;
	text-indent:-1000px
}
div.flicking_con a.on {
	background-position:0 -21px
}
#btn_prev, #btn_next {
	z-index:11111;
	position:absolute;
	display:block;
	width:73px!important;
	height:74px!important;
	top:50%;
	margin-top:-37px;
	display:none;
}
#btn_prev {
	background:url(../images/hover_left.png) no-repeat left top;
	left:100px;
}
#btn_next {
	background:url(../images/hover_right.png) no-repeat right top;
	right:100px;
}

/*
BANNER
*/



.banner_container {
    width: 100%;
    height: 240px;
    background-color:#1875c5;
    background-image: url('../img/banner1.png');
    background-repeat:no-repeat;
    background-position: center;
    margin-bottom:15px;
  
}
.header_container {
    border-bottom: 1px solid #389df4;
    box-shadow: 0px 1px 18px 2px #403f3f;
}



.banner_wrap{ width: 100%;height: auto;}
.banner_wrap img{ width: 100%; height:auto;}
.courses_box {
    float: left;
    width: 593px;
    height: 298px;
    margin: 10px 14px 10px 0;
    overflow: hidden;
}
.box {
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #e1ecfa;
}
.Laboratory_box {
    float: right;
    width: 593px;
    height: 298px;
    margin: 10px 0px 10px 0;
    overflow: hidden;
}
.fenlei_box {
    float: left;
    width: 100%;
    height: 289px;
    margin: 10px 10px 10px 0;
    overflow: hidden;
    position: relative;
}

/*
pc端左侧分类
*/
.test_box box table th{
	text-align: center;
background: #e9f5ff;
padding: 5px;
font-weight: 500;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
}

.appointment_box table th{
	text-align: center;
background: #e9f5ff;

font-weight: 500;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
}



/*
资讯列表
*/


/* 本例子css */
	#scrollBox{ width:1140px;  /*background:url(../img/scrollBg.png) ;*/padding:5px 10px;position:relative; -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;}
	#scrollBox .piclist{ overflow:hidden; zoom:1;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;}
	#scrollBox .ohbox{overflow:hidden; position:relative;width:1140px;left:7px;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;top:5px;}
	#scrollBox {position:relative;overflow:hidden;zoom:1;}
	#scrollBox .piclist li{float:left; display:inline; width:205px;background:#fff;border:1px solid #dedede;margin-right:10px;padding:5px;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset; position:relative;}
	#scrollBox .piclist li a{
		color:#000;
	-webkit-transition: color .2s ease-in;
	-moz-transition: color .2s ease-in;
	-o-transition: color .2s ease-in;
	transition: color .2s ease-in;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;}
	
	#scrollBox .piclist li a:hover{text-decoration:none;
	color:#28a5c0;}
	#scrollBox .piclist li a img{
		width:204px;
		height:170px;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;}
	#scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
	#scrollBox .pageBtn span{ background:url(../img/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:76px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	#scrollBox .pageBtn .prev{left:5px;background-position:-11px -84px ;}
	#scrollBox .pageBtn .next{right:5px;background-position:-53px -84px ;}
	#scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 513px; display:none }
	#scrollBox .pageBtn .list li{ background:url(../img/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
	#scrollBox .pageBtn .list li.on{background-position:-114px -57px }

        #scrollBox .piclist li .nn {
            position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    background:rgba(24, 117, 197,.8);
    left: 0;
    box-sizing: border-box;
    padding: 5px 5px;
    color: #fff;
    overflow: hidden;

        }

    .widget .widget-header span {
    float: right;
    text-align: right;
    padding: 20px 10px;
}
.ph_compoment {
    width:100%;
    min-height:415px;
    background:#fff;
    overflow:hidden;
}
.footer_container {
    width:100%;
}






.scroll_img_box {
	float:right;
	width: 540px;
	height: 350px;
	margin-top:80px;
}
.scroll_img_layout {
	width:100%;
	height:100%;
	overflow:hidden; border-radius: 20px;
}
.scroll_img_layout img{
	width:100%;
	height:100%;
}
.layui-carousel-ind{ display: none;}


.left_time{text-align: center;float: left;width: 100px;}
.left_time h5{font-size: 38px;font-weight: 700;font-family: Arial, Helvetica, sans-serif;color: #51d38f;
text-align: center;line-height: 32px;}
.left_time span{font-size: 13px;color: #8b8b8b;}
.right-txt{ float: right; background-image: url(../images/txt1.png);background-repeat: no-repeat;
	width: 500px;
	height: 120px; padding-left: 46px;cursor:pointer;}
	.right-txt:hover{ background-image: url(../images/txt_h.png);background-repeat: no-repeat;}


.right-txt p{font-size: 17px; line-height: 34px;margin-top: -8px;}
.more_c{ 
position: absolute;left: 140px;bottom: 10px; text-align: center;color: #fff;} 
.more_0{ width: 30px;height: 30px; background: #51d38f;border-radius: 50%;float: left;line-height: 28px;  }
.more_c span{float: left;color: #333; line-height: 30px; margin-left: 5px;}
.yq_wrap{     width: 100%;
    height: 500px;
    background-image: url(../images/yq_0.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0 auto;
    background-size: 100% auto;
    position: relative;
    top: 280px;}






.contact li{ float: left; width: 45%; height: 66px;line-height: 66px;
 border-bottom:1px solid rgba(255,255,255,0.12);}
 .contact li:nth-child(2n){ margin-left: 8%;}
 .contact li span{ margin-left: 14px; color: #BDBDBD;}
 .third_left{ float: left; width: 53%; margin-top: 40px;}
 .technology_right{ float:left; width: 47%;  margin-top: 40px;}
 .tel{ width: 200px;height: 38px; border:1px solid rgba(255,255,255,0.4);border-radius: 60px; line-height: 38px; margin-top: 20px;}
 .tel img{ margin-left: 20px; width: 20px;}
 .foot_2{background-color: #25303B;width: 100%; height: 50px;text-align: center; padding-top: 5px;}
 .foot_2 img{ text-align: center;}




 .container {

    justify-content: center;
    width: 100%;
    
    margin: 30px auto 0px auto;
  }
  
  .profile {
    position: relative;
    transition: all 0.3s;
	
transition: all 0.3s;
width: 100px;
height: 100px;
border-radius: 50%;

/*border: 5px solid #f7f7f7;*/
/*filter: drop-shadow(-10px 0 6px rgba(0, 0, 0, 0.09));*/
    box-shadow: 0 0 13px rgba(0,0,0,.3);
background:#fff;
margin-left: -14px;
float: left;
  }
  
  .profile:hover {
    transform: translateY(10px);
    z-index:999
  }
  
  .profile img {
   width: 100px;
    border-radius: 50%;
    cursor: pointer;
    height: 100px;
  }

  .profile:not(:first-child){
    margin-left: -10px;
  }
  
  .profile .name {
    position: absolute;
    background-color: #10996d;
    color: #fff;
   
    padding: 15px 25px;
    border-radius: 100px;
	bottom: -150px; left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50px);
    letter-spacing: 0px;
  
	display: none;
	cursor: pointer;

  }
  .profile:hover .name{display: block;}
  
  .profile .name::before {
    content: "";
    position: absolute;
    width: 15px; height: 15px;
    background-color: #10996d;
    top: 0; left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  
  .profile .name > p{font-size: 14px; color: #b6e3d5;}
  .profile .name > p > font{opacity: 1; color: #fff;}



  


/*
资讯列表
*/
.info_nav {
	margin:0px auto;}
.info_nav li {
	box-sizing: border-box;
    margin:0 auto;
	width:100%;	
    /*padding:8.8px 15px;*/  
    padding:0px 15px;    
    line-height:43px;
	position: relative;    
    -o-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-webkit-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear;
	
	
}

.info_double_nav li {
      line-height: 23px;
    height: 40px;
    border-collapse: collapse;
    padding-top: 10px;
}
 
.info_nav li + li {
    border-top:1px solid #dfdfdf;
}
.info_nav li:hover {
    background:#f9f9f9;
}

.info_nav li a {
	display:block;
	width: 70%;
        color:#555;
	position: relative;
	box-sizing: border-box;
        text-overflow:ellipsis;
	overflow:hidden;
        white-space:nowrap; 
	font-size: 14px;
	
	
}
.info_nav_width li a {
    width: 70%;

}
.info_nav li font { 
    display:inline;   
    font-size:10px;
    font-weight:500;
    letter-spacing:0;
    top:-20px; 
    color:#8e8e8e;
    float:right; 
}
.info_nav li span { 
    display:inline;
    position:relative;  
    float:right; 
    font-size:10px;
    font-weight:500;
    letter-spacing:0;
    top:-18px;
    
    color:#8e8e8e;
}

.info_nav li a:hover {
	color: #1774c4;
	text-decoration: none;
}
.info_nav li a img {
	margin-right: 5px;
}
.info_nav li a table {
	position: absolute;
	top: 6px;
	right: 10px;
	border-collapse: collapse;
	font-size: 9px;
}
.info_nav li a table td:first-child {
	background: #dfdfdf;
}
.info_nav li a table td {
	border: 1px solid #dfdfdf;
	letter-spacing: 0;
	padding: 0 2px;
	line-height: normal;
}
.info_nav li a:hover table td {
	border: 1px solid #b70b17;
	color: #b70b17
}
.info_nav li a:hover table td:first-child {
	background: #b70b17;
	color: #fff;
}

.info_nav font{
	    font-size: 24px;
   
    position: relative;
    top: 5px;}
	
.info_nav font.red{
	color:red;}
.info_nav font.blue{
	color:blue;}
.info_nav font.green{
	color:green;}

.search_container {
    margin-top:10px;
    width:100%;
    height:50px;
    box-sizing:border-box;    
    background:#fff;
    border:5px solid #edf0f3;
}
    .search_container .layui-input, .layui-select, .layui-textarea {
        border:none;
    }
 /*.search_btn {
    float: right;
    display: block;
  
    height: 40px;
    background: #1875c5;
    border: none;
    color: #fff;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
   
    line-height: 40px;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    font-family: 'Microsoft YaHei';
}*/
    .search_btn:hover {
        background: #1b7ed3;
        color:#fff;
    }
.search_container .layui-input, .layui-textarea {
    padding-left:0;
        text-overflow: ellipsis;
}




.scroll_container{
	width:100%;
	height:304px;
	overflow:hidden;
    position:relative;
    margin-top:10px;

	}
	
.big_pic_layout{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	height:304px;
	overflow:hidden;
	position:relative;
	}
.big_pic_layout li{
	position:absolute;
	width:100%;
	height:304px;
	overflow:hidden;
	top:0;
	left:0;
	display:none;}


    .big_pic_layout li img {
        width:100%;
        height:304px;
    }	
.big_pic_layout li span{
	position:absolute;
	
	display:block;
	width:100%;
	height:35px;
	line-height:35px;
	bottom:0;
	color:#FFF;
	padding:0 10px;
	font-size:14px;
	background:rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);

}

	
.small_pic_layout{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	min-height:304px;
	overflow:hidden;
	position:relative;
	background:#fbf9f9;
	
	}
.small_pic_layout li{
	width:100%;
	height:76px;
	overflow:hidden;
	top:0;
	left:0;
	padding:5px 5px;
    box-sizing:border-box;
	}	
	
.small_pic_layout li img{
	width:100%;
	height:66px;
	}
	
.small_pic_layout li.active{
	background:#dfdfdf}



.yq_show{

	width:1200px;
	min-height:415px;
    margin: 0 auto;
    overflow:hidden;
	}
    .yq_show{
        -webkit-box-sizing: unset;
    -moz-box-sizing:unset;
    box-sizing: unset; 
    }

.pulic_title_compoment {
    border-bottom:1px solid #dfdfdf;
    height:62px;
    line-height:62px;
}

.t3_nav  li{
    background-position:left center;
    background-repeat:no-repeat;
    box-sizing:border-box;
    padding-left:35px;
    height:90px;
    position:relative;
    border-bottom:1px solid #dfdfdf;
    margin-top:15px;
   
    
}
.t3_nav li:last-child {
     border-bottom:none;
}

.t3_nav li .t3_img_compoment {
    float:left;
    width:50px;
    height:50px;
    border-radius:100px;
    overflow:hidden;
    background:#d5d3d3;
    margin-top:15px;
    line-height:50px;
    text-align:center;
}

.t3_nav li .t3_img_compoment img {
    width:60px;
    height:60px;
}

.t3_nav li h6 {
    position:absolute;
    left:105px;
    top:10px;
}
.t3_nav li span {
    position:absolute;
    left:105px;
    top:25px;
    font-size:12px;
}

.t3_nav li font {
    position:absolute;
    left:105px;
    top:40px;
    font-size:12px;
}

.t3_nav li i {
    position:absolute;
    left:330px;
    top:55px;
    font-size:12px;
}
.t10_nav {
    margin-top:40px;
}
.t10_nav li {
     background-position:left center;
    background-repeat:no-repeat;
    box-sizing:border-box;
    padding-left:35px;
    height:40px;
    position:relative;
    line-height:40px;
    margin-top: 7px;
    font-size: 15px;
    width:100%;
    overflow:hidden;
}
.chart_compoment {
    width:100%;
    height:275px;
    margin-top:15px;
}
.foot_link_compoment {
    width:100%;
    min-height:210px;
    background:#e6e9ee;
    background-image: url('../img/foot_link_bg.jpg');
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden
}


.left_link h3 {
    margin-top:30px;
}

.left_link ul li {
    float:left;
    margin-top:30px;
    margin-right:20px;
    width:27%;
}

.right_link ul li {
    float:left;
    margin-right:20px;
    width:40%;
    padding-left:40px;
    background-position:left center;
    background-repeat:no-repeat;
    height:50px;
    line-height:50px;
    cursor:pointer;
}
/* 本例子css */
	#scrollBox{ width:1140px;  /*background:url(../img/scrollBg.png) ;*/padding:5px 10px;position:relative; -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;}
	#scrollBox .piclist{ overflow:hidden; zoom:1;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;}
	#scrollBox .ohbox{overflow:hidden; position:relative;width:1140px;left:7px;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;top:5px;}
	#scrollBox {position:relative;overflow:hidden;zoom:1;}
	#scrollBox .piclist li{float:left; display:inline; width:205px;background:#fff;border:1px solid #dedede;margin-right:10px;padding:5px;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset; position:relative;}
	#scrollBox .piclist li a{
		color:#000;
	-webkit-transition: color .2s ease-in;
	-moz-transition: color .2s ease-in;
	-o-transition: color .2s ease-in;
	transition: color .2s ease-in;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;}
	
	#scrollBox .piclist li a:hover{text-decoration:none;
	color:#28a5c0;}
	#scrollBox .piclist li a img{
		width:204px;
		height:170px;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;}
	#scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
	#scrollBox .pageBtn span{ background:url(../img/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:76px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	#scrollBox .pageBtn .prev{left:5px;background-position:-11px -84px ;}
	#scrollBox .pageBtn .next{right:5px;background-position:-53px -84px ;}
	#scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 513px; display:none }
	#scrollBox .pageBtn .list li{ background:url(../img/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
	#scrollBox .pageBtn .list li.on{background-position:-114px -57px }

        #scrollBox .piclist li .nn {
            position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    background:rgba(24, 117, 197,.8);
    left: 0;
    box-sizing: border-box;
    padding: 5px 5px;
    color: #fff;
    overflow: hidden;

        }

    .widget .widget-header span {
    float: right;
    text-align: right;
    padding: 20px 10px;
}
.ph_compoment {
    width:100%;
    min-height:415px;
    background:#fff;
    overflow:hidden;
}
.footer_container {
    width:100%;
}


.adv_compoment_1 .layui-form-label {
	width: unset;
	color: #fff;
	width: 105px;
}

.adv_compoment_1 .layui-input, .layui-textarea {
	width: 180px;
}

.adv_compoment_1 .layui-input, .layui-select, .layui-textarea {
	background-color: inherit;
	border-radius: 0;
	border-color: #88c7df;
	color: #fff;
}

	.adv_compoment_1 .layui-input::-webkit-input-placeholder {
		color: #88c7df
	}

.tj_compoment {
	float: right;
}

	.tj_compoment li {
		float: left;
	}

		.tj_compoment li img {
			position: relative;
			top: -5px;
		}

	.tj_compoment > li > b {
		color: #1974c5;
		font-size: 24px;
		font-weight: 500;
	}
/*////////////////////////////*/


.platform_box {
	float: left;
	width: 355px;
	height: 372px;
	margin: 10px 10px 10px 0;
}

.top_box {
	float: left;
	width: 360px;
	height: 209px;
	margin: 10px 0px 10px 0;
}

.box > h4 {
	display: block;
	font-size: 15px;
	color: #444;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
}

	.box > h4 > font {
		padding: 10px 0;
		border-bottom: 2px solid #198de3;
		font-family: "黑体";
		font-size: 15px;
		font-weight: bold;
	}



table {
	width: 100%;
	border-collapse: collapse;
}

	table.top_tb th, table.top_tb td {
		padding: 5px 5px;
		/*border:1px solid #dfdfdf;*/
	}

	table.top_tb th {
		background: #f3f3f3;
	}

	table.top_tb td {
		text-align: center;
		vertical-align: middle;
		padding: 2px 5px;
		border-bottom: 1px dotted #f3ecec;
	}

.top_tb {
	margin-top: 5px;
}

table.top_tb2 th, table.top_tb2 td {
	padding: 2px 5px;
	border: 1px solid #dfdfdf;
}

table.top_tb2 td {
	text-align: left;
	vertical-align: middle;
	padding: 3px 5px;
}

.top_tb2 td a {
	display: block;
	width: 150px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.top_tb2 td font {
	display: block;
	width: 80px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.top_tb2 td h3 {
	padding: 0;
	margin: 0;
	display: block;
	width: 278px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.yq_img_compoment {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #f3f2f2;
	box-sizing: border-box;
	border-radius: 100px;
	overflow: hidden;
}

	.yq_img_compoment img {
		width: 50px;
		height: 50px;
	}

.yq_text_compoment {
	float: right;
	width: 200px;
	height: 40px;
	line-height: 20px;
	text-align: left;
	font-size: 14px;
	color: #cacaca;
	margin-left: -45px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.no1 {
	color: #e0b817;
}

.no2 {
	color: #a6a9b2;
}

.no3 {
	color: #fe9969;
}

.no_other {
	color: #888686;
}

b {
	float: right;
}

	b font {
		font-weight: 300;
		font-size: 12px;
	}

.scroll_img_box {
	float: left;
	width: 373px;
	height: 305px;
	margin-top: 10px;
	box-sizing: border-box;
	padding: 4px;
	border: 1px solid #dfdfdf;
	background: #f3f3f3;
}

.scroll_img_layout {
	width: 363px;
	height: 295px;
	overflow: hidden;
}

	.scroll_img_layout img {
		width: 363px;
		height: 295px;
	}

.fenlei_layout {
	width: 808px;
	height: 195px;
	margin-top: 10px;
}

	.fenlei_layout > ul {
		width: 100%;
		height: 43px;
		border-bottom: 1px solid #198de3;
		text-align: right
	}

	.fenlei_layout ul li {
		display: inline-block;
		padding: 3px 15px 5px 15px;
		top: 13px;
		position: relative;
		cursor: pointer;
	}

		.fenlei_layout ul li.active {
			background: #fff;
			border: 1px solid #198de3;
			border-bottom: none;
		}

.fenlei_content_box {
	width: 100%;
	height: 254px;
	margin-top: 10px;
	position: relative;
}

.fenlei_table {
	width: 100%;
	height: 254px;
	position: absolute;
	top: 0;
	left: 0;
}

	.fenlei_table td {
		border: 1px solid #dfdfdf;
		text-align: center;
		vertical-align: middle;
		line-height: 26px;
		color: #bdbbbb;
		font-size: 12px;
		cursor: pointer;
	}

		.fenlei_table td:hover {
			background: #f4f4f4
		}

		.fenlei_table td font b {
			float: inherit;
			font-size: 14px;
			color: #208de3;
			font-weight: 300;
		}

		.fenlei_table td span {
			color: #646464;
			display: block;
			width: 110px;
			height: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			text-align: center;
			margin: 0 auto;
			font-size: 12px;
			margin-top: 7px;
		}

.top2_box {
	float: left;
	width: 360px;
	height: auto;
	min-height: 317px;
	margin: 0px 0px 10px 0;
	overflow: hidden;
}



table.top_tb2 .p1, table.top_tb2 .p2, table.top_tb2 .p3 {
	text-align: center;
}

.p1 span, .p2 span, .p3 span {
	font-size: 12px;
	color: #fff;
	padding: 1px 4px;
	background: #dfdfdf;
	border-radius: 3px;
}

.p1 span {
	background: #f1d04e;
}

.p2 span {
	background: #b0b3bb;
}

.p3 span {
	background: #f8b598;
}

.links_box {
	float: left;
	width: 100%;
	min-height: 90px;
	max-height: 178px;
	background-image: url('../img/links_bg.jpg');
	background-repeat: no-repeat;
}

	.links_box ul {
		width: 990px;
		min-height: 46px;
		overflow: hidden;
		float: right;
		margin: 25px 30px;
	}

		.links_box ul li {
			float: left;
			padding: 0px 15px;
			border-right: 1px solid #dfdfdf;
			margin-top: 7px;
			margin-bottom: 10px;
		}

			.links_box ul li a {
				color: #fff;
			}

.layui-btn {
	padding: 0 12px;
}

.rank1 {
	width: 340px;
	height: 157px;
	overflow: hidden;
}

.rank2 {
	width: 340px;
	height: 224px;
	overflow: hidden;
}

.sb_nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 340px;
	height: 27px;
	border-radius: 3px;
	border: 1px solid #dfdfdf;
	margin-top: 10px;
	margin-bottom: 5px;
}

	.sb_nav li {
		float: left;
		width: 50%;
		height: 25px;
		color: #666px;
		font-size: 13px;
		text-align: center;
		line-height: 25px;
		cursor: pointer;
	}

		.sb_nav li.active {
			background: #4c9bec;
			color: #fff;
		}

.news_nav {
	margin-top: 5px;
}

	.news_nav li {
		width: 100%;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		border-bottom: 1px dotted #dfdfdf;
	}

		.news_nav li a {
			width: 250px;
			height: 40px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			float: left;
		}

		.news_nav li font {
			font-size: 13px;
			color: #a5a5a5;
			float: right;
		}



/* 本例子css */

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: 220px;
	width: 240px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding: 0 5px;

	margin-top: 10px;
}

	.swiper-slide a {
		display: block;
	}

		.swiper-slide a img {
			width: 100%;
			height: 190px;
		}

		.swiper-slide a span {
			overflow: hidden;
			text-overflow: ellipsis;
			display: block;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			width: 100%;
			height: 28px;
			line-height: 28px;
		}

.txt li a {
	color: #fff;
}

.txt li {
	margin-left: 8px;
	background: #0b7777;
	border-radius: 3px
}

.chart_wrap {
	width: 580px;
	height: 250px;
}

.kj_box {
  width: 100%;
height: 120px;
/* position: relative; */
/* top: -140px; */
background: #f7f7f7;
}

.kj_nav {
width: 1200px;
margin: 0 auto;
display: flex;
height: 100px;
overflow: hidden;
position: relative;
top: 11px;
}


.kj_nav li {
display: inline-block;
box-sizing: border-box;
padding-top: 0px;
border: 0;
text-align: center;
flex: 1;
padding: 20px 0;
border-left:1px solid #efefef;
position: relative;
}


.kj_nav li a:hover {
color:#4996f2;
}
.kj_nav li:first-child {
border-left:none;
}

.kj_nav li a {
padding-top:40px;
color: #333333;
font-size: 14px;
letter-spacing: 0;
transition: all .3s;
-moz-transition: all .3s; /* Firefox 4 */
-webkit-transition: all .3s; /* Safari 和 Chrome */
-o-transition: all .3s; /* Opera */
}
.kj_nav li a span {
font-size: 15px;
letter-spacing: 0;
}


.kj_nav li img {
width: 60px;
height: auto;
float: left;
margin-left: 15px;
}
.kj_nav li span {

letter-spacing: 0;
position: absolute;
top: 30px;
left: 80px;
}
.kj_nav li font{
position: absolute;
top: 52px;
left: 80px;
color: #bfbfbf;
font-size: 12px;
}

.notice_nav {
width: 100%;
float: right;
margin-top: 11px;
}
.notice_nav li {
width: 98%; margin: 0 auto;
height: 50px;
margin-top: 10px;

transition: all .3s;
-moz-transition:  all .3s; /* Firefox 4 */
-webkit-transition:  all .3s;/* Safari 和 Chrome */
-o-transition: all .3s; /* Opera */
}
.notice_nav li:first-child {
	border-top:none;
	margin-top: 4px;
}
.notice_nav li .time_compoment {
float: left;
width: 65px;
height: 50px;
box-sizing: border-box;
overflow: hidden;
position: relative;
border-radius: 0;
background: #f8f8f8;
transition: all .3s;
-moz-transition:  all .3s; /* Firefox 4 */
-webkit-transition:  all .3s;/* Safari 和 Chrome */
-o-transition: all .3s; /* Opera */
}
.notice_nav li .time_compoment span {
display: block;
width: 100%;
height: 18px;
font-size: 12px;
text-align: center;
line-height: 17px;
color: #a2a2a2;
letter-spacing: 0;
position: absolute;
bottom: 0;
border-radius: 0;
}
.notice_nav li .time_compoment font {
display: block;
width: 100%;
font-size: 22px;
text-align: center;
line-height: 30px;
color: #a2a2a2;
font-weight: bold;
   
}
.notice_nav li:hover .time_compoment span, .notice_nav li:hover .time_compoment font {
		color:#fff;
	}
.notice_nav li .text_compoment {
float: left;
width: 400px;
height: 50px;
margin-left: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-height: 50px;

}

.notice_nav li .text_compoment a {
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;

}
.notice_nav li:hover .text_compoment a {
	color:#fff;
}
.notice_nav li .text_compoment h3{    
font-size: 12px;
color: #969696;
margin-top: 5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 30px;}
.notice_nav li:hover {
background:#005cab
}
.notice_nav li:hover .time_compoment {
background:#005cab
}
.container_c {
    width: 1200px;
    height: auto;
    margin: 10px auto;
}
.test_box2 {
    float: left;
    width: 593px;
    height: 298px;
    margin: 10px 14px 10px 0;
    overflow: hidden;
}
.tit_c {
    background-image: url(../images/tit.png);
    height: 36px;
    padding-top: 6px;
    padding-left: 8px;
    background: #f3f3f3;
}
.box_tit {
    padding: 0px 14px;
    height: 28px;
    background-image: url(../images/a1.png);
    background: #005cab;
    color: #fff;
    text-align: center;
    line-height: 26px;
    float: left;
    font-size: 16px;
}
.tit_c span {
    float: right;
    font-size: 12px;
    line-height: 24px;
    margin-right: 6px;
}
.appointment_box {
    float: right;
    width: 593px;
    height: 298px;
    margin: 10px 0px 10px 0;
    overflow: hidden;
}
.tit_c {
    background-image: url(../images/tit.png);
    height: 36px;
    padding-top: 6px;
    padding-left: 8px;}
	.test_box {
		float: left;
		width: 100%;
		height: 298px;
		margin: 10px 14px 10px 0;
		overflow: hidden;
	}
	.tab_02 {
		border: none;
		padding: 0px 4px;
		width: 100%;
		margin: 0 auto;
			margin-top: 0px;
		margin-top: 10px;
		overflow-y: auto;
		height: auto;
	}
	.tab_02 thead tr {
		background-color: #eff9ff;
	
	}
	.tab_02 thead tr th {
		text-align: center;
		font-size: 14px;
		height: 32px;
	
		padding-left: 10px;border: 1px solid #fff;
	}

	.tab_02 tbody tr td {
		text-align: center;
		font-size: 13px;
		height: 36px;
		border: none;
		padding-left: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
	}



/* 3
PC端特有样式定义
*/
@media (min-width:768px) {

}

@media (min-width:768px) and (max-width:1200px) {
    .main {
        width:1200px;
    }
}


@media (max-width: 767px){

}

@keyframes mymove
{
from {left:0px;}
to {left:40px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:40px;}
}