@charset "utf-8";
/* CSS Document */

 body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {
    margin: 0;
    padding: 0;
}body {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	color: #333333;
	background-color: #fff;
	font-size: 15px;
	font-family: "Source Han Sans CN",'Microsoft Yahei'!important;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
i {
	font-style: normal;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	outline: 0;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}

/*头部*/
.header {width:100%;}
#header .logo {height: 64px;margin-top:20px;width: 100%;}
#header .logo .logoleft {float: left;margin-top: 6px;text-align: center; display: inline;width: 350px;}
#header .logo .logoleft .line-yuan {width: 6px; height: 6px;border-radius: 50%; float: left;margin: 20px 15px;display: block;background: #444;}
#header .logo .logoleft .subtitle {font-size: 28px;font-weight: normal;float: left; line-height: 46px;}
.bannertop468x2 {float: right;} 
.bannertop468x2 ul li {display:inline;width:468px;margin-left:30px;}

.header_in
{width:1200px;text-align:center;
background:#fff;	
margin:20px auto;	
height:80px;	
margin-bottom: 15px;	
overflow: hidden;	
background-color: #fff;	
box-shadow: 0 2px 10px rgba(0,0,0,.15);	
z-index: 100;
padding:20px 0;
}


.main_nav .new_navdown {float:left;width: 100%;margin-bottom:10px;height:52px;background:#DFEFFD;}
.main_nav .new_navdown ul.expo_tags {margin-left:30px;}
.main_nav .new_navdown ul.expo_tags li {float: left; font-size: 14px;margin:0px 20px 0px 0;display: inline-block;line-height:52px;}
.main_nav .new_navdown ul.expo_tags li::after {content: "/";display: inline-block;padding-left: 20px;color: #ccc;}


.activit_iocn {top:16px;}


.lg_logo img
{
	margin-left:30px;
}
.un-header-banner
{
	height:65px;
	width:1200px;
	background:#fff;
	margin:0 auto;
}
.un-header-banner li
{
	float:left;
	margin-right:18px;
	margin-top:0px;
}
.un-header-banner li:nth-child(3n)
{
    margin-right: 0;
}
.lg_tnav_l
{
    float:left;
    width: 160px;
	margin-top:20px;
}
.lg_tnav_r
{
float:right;
margin-top:10px;	
}
/*内容区上部*/
.container
{
	float:left;width:1200px;
	margin:10px auto;
	zoom:"1";
}
.container:after
{
display:block;
clear:both;
content:".";
visibility:hidden;
height:0;
}
.contain-header
{
	height:380px;
	width:1200px;
	margin:0 auto;
}
.con-header-left
{
	width:590px;
	float:left
}
.con-header-left
{
	width:590px;
	height:350px;
	border-radius:3px;
	float:left
}
.con-header-right
{
	width: 590px;
	height:350px;
	float:right;
	border-radius:3px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.17);
	border:1px solid #e4e1e1;
}
.head_right_search
{
	float:right;width:570px;padding-top:10px;
}
.head_right_search h1
{
	width:102px;
	height:25px;
	font-size:20px;
	padding-left:10px;
	margin-top:5px;
	display:block;
	background-image:url(../images_new/search_tit_bg.jpg);
}
.head_right_search  li
{
	float:left;
}
.head_right_search select
{
	width: 105px;
	font-size:14px;
	margin-left:10px;
	height:35px;
	border:1px solid #dedede;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
	background:#fff;
	padding-left:5px;
}
.head_right_search .btn-search
{
	width:70px;
	margin-right:10px;
	height:35px;
	border-radius:0 5px 5px 0;
	background-image:url(../images_new/search.jpg);
	background:#ffe541;
	border:none;
	font-size:14px;
	cursor:pointer;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
.hot_result
{
	height: 455px;
	/* overflow:scroll; */
}
.bt
{
	height: 30px;
	padding:5px 0;
}
.hot_result h1 {
   width:102px;
   height:25px;
   font-size:20px;
   padding-left:10px;
   margin: 0px 0 0px 20px;
   display:block;
   background-image:url(../images_new/search_tit_bg.jpg);
   float: left;
}
.more
{
	float:right;
	line-height: 30px;
	margin-right:20px;
	color:#2680d9;
}
.hot_result>ul>li
{
	padding-top:6px;
	margin-left:25px;
}
.hot_result p
{
	width:510px;
	font-size:15px;
	color:#333;
	height:28px;
}
.hot_result p:hover
{
	color:#2680d9;
}
.hot_result .circle
{
	width:15px;
	height:15px;
	display:block;
	float:left;
	margin-top:4px;
}
.hot_result .time
{
	min-width: 140px;
	padding:0 10px;
	margin:0 10px;
	height:23px;
	display:block;
	color:#2680d9;
	font-weight:bold;
	background:#e6f2fc;
	float:left;
}
.hot_result .area
{
	color:#acaeaf;
	float:left;
}
.hot_tit
{
	padding-left:25px;
	font-size:16px;
}
/*内容区下部*/
.contain-body
{
	height:700px;
	width:1200px;
	/* background:#666; */
	margin:0 auto;
	padding-bottom:20px;
}
.contain-body-left
{
	width: 770px;
	background:#fff;
    float: left;
}
.contain-body-left h1
{
	width:133px;
	height:28px;
	font-size:20px;
	padding-left:10px;
	display:block;
	float:left;
	background-image:url(../images_new/content_tit_bg.jpg);
}
.content_left_tit
{
	height:30px;
}
.content_left_tit_in
{
	padding-left:10px;
	color:#333;
	font-size: 18px;
}
.contain-body-left>ul>li
{
	padding: 14px 0;
	border-bottom: 1px solid #efeeee;
}
.contain-body-left>ul>li .num
{
	width:22px;
	height:22px;
	border-radius:3px;
	display:block;
	background:#666;
	float:left;
	text-align:center;
	line-height:22px;
	color:#fff;
}
.contain-body-left>ul>li .num1
{
	background:#fc4a45;
}
.contain-body-left>ul>li .num2
{
	background:#fb9a49;
}
.contain-body-left>ul>li .num3
{
	background:#517ffd;
}
.content_left_det
{
	color:#797878;
	font-size:15px;
	line-height:28px;
    word-wrap: break-word;
    overflow: hidden;
    width:770px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 52px;
}


.btn_more {text-align:center;margin:20px 0px 50px;}
.btn_more a {color:#fff;font-size:18px;line-height:44px;padding:10px 50px;background:#0869C7;border-radius:25px;}
.btn_more a:hover {background:#666;}



/*右边栏*/



.contain-body-right
{
	width: 590px;
	margin-top: 30px;
	background:#fff;
	/* height:700px; */
	float: right;
	float: r;
}
.contain-body-right h1
{
	width:133px;
	height:28px;
	float:left;
	font-size:20px;
	padding-left:10px;
	display:block;
	background-image:url(../images_new/content_tit_bg.jpg);
}
.content_right_tit
{
	height:30px;
}
.body_right_img
{
	width: 120px;
	height: 73px;
	float:left;
}
.body_right_img img
{
	width: 120px;
	height: 73px;
}
.body_right_jt
{
	float:left;
	margin-left:10px;
}
.content_right_tit_in
{
	font-size: 18px;
	color:#333;
}
.contain-body-right>ul>li
{
	padding: 25px 0 23px 0;
	border-bottom: 1px solid #efeeee;
	zoom:"1";
}
.contain-body-right>ul>li:after
{
display:block;
clear:both;
content:".";
visibility:hidden;
height:0;
}

.contain-body-right>ul>li .num
{
	width:22px;
	height:22px;
	border-radius:3px;
	display:block;
	float:left;
	text-align:center;
	line-height:22px;
	color:#fff;
}
.contain-body-right>ul>li .num1
{
	background:#fc4a45;
}
.contain-body-right>ul>li .num2
{
	background:#fb9a49;
}
.contain-body-right>ul>li .num3
{
	background:#5280fd;
}
.content_right_det
{
	color:#797878;
	line-height: 24px;
	word-wrap: break-word;
	font-size: 15px;
	overflow: hidden;
	width: 390px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 52px;
}
.tip span
{
	margin-right:40px;
	
}
.tip span b
{
	color:#4285f4;
	font-weight:normal;
	line-height:40px;
}
.contain-bottom h1
{
	width:133px;
	height:28px;
	font-size:20px;
	padding-left:10px;
	display:block;
	margin-bottom:10px;
	background-image:url(../images_new/content_tit_bg.jpg);
}
.contain-bottom-banner
{
	margin: 0px auto;
	zoom:"1";
}
.contain-bottom-banner:after
{
display:block;
clear:both;
content:".";
visibility:hidden;
height:0;
}
.contain-bottom-banner li
{
	float:left;
	border:solid 1px #C7E1FA;
	text-align:center;
	width:408px;
	padding:10px 0px 6px;
	margin-top:10px;
}
.contain-bottom-banner li img {width:390px;height:60px;}
.contain-bottom-banner li:nth-child(3n)
{
    margin-right: 0;
}

.contain-bottom {float:right;width:410px;}



/* 本例子css */
		.slideBox{overflow:hidden;position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:50px;}
		.slideBox .hd ul li.on{ background:#ffe541; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{/* width:450px; *//* height:230px; */display:block;}
	.slideBox .bd p{position:absolute;bottom:0;left:0; width:590px;height:40px;line-height:40px;color:#fff;font-size:16px;padding-left:30px;  background: rgba(0, 0, 0, 0.8);}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }






.footer{width:100%;float:left;text-align:center;background:#4c4c4c url(https://www.21ic.com/images/footerbg.jpg) repeat-x;font-family:"微软雅黑",Microsoft yahei}
.footer .footer_cont{margin:0 auto;text-align:center;width:1200px}
.footer .footer_cont .footer_search{float:left;width:1200px;height:60px}
.footer .footer_cont .footer_search span{float:right;margin-right:10px;color:#c8f5ff;font-size:14px;line-height:60px}
.footer .footer_cont .footer_search span a{color:#c8f5ff;margin:0 10px}
.footer .footer_cont .footer_search span a:hover{color:#ff0}
.footer .footer_cont .footer_search span img{margin-top:6px}
.footer .footer_cont .footer_search span.footer_btn{float:right;margin-right:10px;color:#c8f5ff;font-size:14px;line-height:28px;height:28px;margin-top:10px}
.footer .footer_cont .footer_search ul{height:30px;width:290px;float:left;margin-top:16px;margin-left:2px}
.footer .footer_cont .footer_search ul li{float:left;height:30px}
.footer .footer_cont .footer_search ul li.sel{background:url(https://www.21ic.com/images/search_select.jpg) no-repeat;width:86px;text-align:left;padding-left:10px}
.footer .footer_cont .footer_search ul li.sel select{position:relative;background:#eee;width:84px;height:20px;overflow:hidden;border:0;margin-top:5px}
*html .footer .footer_cont .footer_search ul li.sel select{border:solid 0 #eee}
.footer .footer_cont .footer_search ul li.text{background:#fff;width:150px;text-align:center}
.footer .footer_cont .footer_search ul li.text input{border:0;line-height:30px;width:130px;padding:0 5px}
*html .footer .footer_cont .footer_search ul li.text input{border:solid 1px #fff;line-height:25px;height:25px}
.footer .footer_cont .footer_channel{float:left;width:1180px;padding:10px}
.footer .footer_copyright{float:left;width:100%;border-top:solid 1px #666;margin-top:10px;padding:25px 0}
.footer .footer_copyright p{font-size:15px;line-height:35px;color:#fff}
.footer .footer_copyright p a{color:#eee;margin:0 10px;font-weight:none}
.footer .footer_copyright p a:hover{color:#ff0}
.footer .footer_copyright p.yellow{color:#ff0}
.footer .footer_copyright .police{line-height:40px;font-size:15px;color:#ff0}
.footer .footer_copyright .police a{color:#ff0;margin-right:5px}
.footer .footer_copyright .police a:hover{color:#fff}
.footer .footer_copyright .police img{vertical-align:middle;margin-right:5px}
.footer_downmenu{float:left;width:920px;height:300px;border-top:0;top:40px;right:0}
.footer_downmenu dl{float:left;display:inline;margin:10px 0 0 8px;padding-right:8px;border-right:1px solid #666;height:280px;width:105px;text-align:left}
.footer_downmenu dl.top_list_2row{width:160px}.footer_downmenu dl.top_list_right{width:260px}

.footer_downmenu dl dt {clear: both;font-size: 18px;font-family: "微软雅黑",Microsoft yahei;color: #f5c623;padding: 20px 0 5px 5px;}
.footer_downmenu dl dt a {color:#f5c623;}.footer_downmenu dl dt a:hover {color:#ff0;}
.footer_downmenu dl dd{color:#333;width:80px;height:24px;float:left;margin:1px 0 0;overflow:hidden}
.footer_downmenu dl.top_list_right dd{width:130px}.footer_downmenu dl.top_list_right dd a{width:122px}
.footer_downmenu dl dd a{line-height:28px;float:left;padding:0 5px;color:#eee;font-size:13px}
.footer_downmenu dl dd a:hover{color:#ff0;background:#333}.footer_downmenu dl dd.long{width:120px}
.footer_downmenu dl.reading{width:80px}.footer_downmenu dl.hudong{width:80px}
.footer_downmenu dl.resource{width:130px}.footer_downmenu dl.company{width:380px}
.footer_downmenu dl.company dd{width:190px}.footer_code{float:left;width:280px;padding-top:10px}
.footer_code ul{float:left;width:140px;text-align:center}
.footer_code ul li{line-height:30px;font-size:15px;color:#fc0;}
.footer_code ul img{width: 110px;height: 110px;}
.footer_code a{color:#fc0;line-height:30px;font-size:15px}
.footer_code a:hover{color:#fff}.toolbar{position:fixed;right:0;bottom:180px;_position:absolute}



.toolbar-item-app .phone_code{display: none;left: -155px;position: absolute;top: -50px;z-index: 99999999;}
.toolbar-item-app:hover .phone_code{display: block;}
.footer_downmenu dl.company h3 {width:340px;float:left;margin-top:10px;line-height:35px;font-size:15px;font-weight:normal;color:#000;padding:0 0 5px 5px;}
.footer_downmenu dl.company h3 a {color:#f5c623;font-size:18px;}
.footer_downmenu dl.company h3 a:hover {color:#fff;}
.loginavatar{height: 37px;}
.headlineNews {text-align: left;font-size: 15px;height:315px;}
.headlineNews ul{margin-top: -7px;}
.headlineNews li>h3{font-size: 18px; font-weight: bold;margin-top: 10px;}
.headlineNews li a{height: 30px; line-height: 30px;text-align: left;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;width: 470px;display: inline-block;}














