body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
button{ border:none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none;}
body{font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial;
    color: #333; background: #fff; position: relative;}

#header{width: 100%;background: #f5f5f5;height:39px;margin: 0 auto;border-bottom: 1px solid #e1e1e1;}
.header{width: 1200px;height:39px;margin: 0 auto;}
.header ul li{float: left;font: 12px/40px "宋体","Tahoma";color:#666;}
.header li input{ width:80px; height:23px; float:left; border:1px solid #d7d7d7; margin:8px 14px 10px 0;background: #fff;}
.header li button{ width:44px; height:23px; float:left; border:0; margin:9px 3px; cursor:pointer;background: #0195df;color:#fff;}
.header ul li a{color:#666;padding: 0 6px;}
.header ul li a:hover{text-decoration: underline;}
.header span{ line-height:40px; float:right; color:#666; margin-right:-4px;}
.header span a{ display:inline-block; padding:0 4px;}
.header span a.mobil{ padding-left:22px; background:url("../images/tech_list2014/list2015.png") no-repeat -113px 2px; color:#666;}
.header a{ color:#666;}
.header a:hover{ text-decoration:underline;}

.adTop{ width:1200px; margin:20px auto 0;overflow: hidden;}
.adTop img{ float:left;}

.nav{width: 1200px;background: #0072bd;margin: 20px auto 0;height: 45px;}
.nav p{ width:1200px; float: left; border-right: 1px solid #dedede; font:bold 16px/45px "Microsoft Yahei","\5b8b\4f53"; }
.nav p a{ color:#fff; width:120px; height:45px; display:inline-block; text-align: center; }
.nav p a.focus{ width: 110px; color:#fff; background:#3c96e2; }
.nav p a:hover{ color:#fff; background:#3c96e2;}
/*mainLeft*/
.main{ width:1200px; margin:0 auto;}
.mainTop{ width:1200px; height:54px; float:left; border-bottom:1px solid #f0f0f0; background:url(../images/tech_list2014/list2014.png) no-repeat -112px -117px; text-indent:25px;}
.mainTop p{ float:left; font:normal 14px/54px "Microsoft Yahei","\5b8b\4f53"; color:#666;}
.mainTop p a{ color:#666; padding:0 5px;}
.mainTop p a:hover{ color:#f60;}
.mainTop p span{ color:#446cb3; padding-left:5px;}
.mainTop form{ width:300px; height:30px; float:right; margin-top:12px; position:relative;}
.mainTop input{ width:270px; height:28px; position:absolute; right:0; top:0; padding-right:28px; border:1px solid #e5e5e5; font:normal 14px/28px "Microsoft Yahei","\5b8b\4f53"; color:#888; text-indent:6px;}
.mainTop button{ width:28px; height:28px; position:absolute; right:1px; top:1px; background:url(../images/tech_list2014/list2014.png) no-repeat -104px -89px; cursor:pointer;}
.mainLeft{ width:840px; float:left;}
.mainLeftList{ width:810px; float:left;}
.mainLeftList dl{ width:810px; float:left; border-bottom:1px dotted #dbdbdb; padding:12px 0;}
.mainLeftList dt {
	width: 680px;
	height: 30px;
	float: left;
	background: url(../images/tech_list2014/list2014.png) no-repeat -126px -31px;
	overflow: hidden;
	text-indent: 16px;
	font: normal 16px/30px "Microsoft Yahei","\5b8b\4f53";
}
.mainLeftList dt a{ color:#122e67;}
.mainLeftList dt a:hover{ color:#f60; text-decoration:underline;}
.mainLeftList dd {
	width: 120px;
	height: 30px;
	float: right;
	text-align: right;
	color: #999;
	font: normal 14px/30px "Tahoma","\5b8b\4f53";
}
/*newspages*/
.newspages{ width:660px; margin:0 auto; padding:15px 0; font: normal 12px/30px "Tahoma","\5b8b\4f53"; color:#666; text-align: center; float:left;}
.newspages a{ height:30px; width: 30px; border:1px solid #C9C9C9; background-color:#f2f2f2; color:#666668; display:inline-block; font: normal 14px/30px "Tahoma","\5b8b\4f53"; margin:0 3px; vertical-align: middle; text-align: center;}
.newspages .on{ border:1px solid #4f663e; background-color:#1b8bd4; cursor:default; color:#fff;}
.newspages .ft,.newspages .lt{ display: none;}
.newspages .page_etc{ color:#999; margin:0 10px;}
.newspages .page_turn{ position:relative; margin-left:10px;}
.newspages .page_turn b{ padding:0 5px;}
.newspages .jump input{ width:45px; height:21px; display:inline-block; margin:0 4px; border:1px solid #e4e4e4; text-align:center; color:#666; line-height:21px;}
.newspages button{ height:22px; padding:0 10px; border:1px solid #C9C9C9; background-color:#fff; color:#666; cursor:pointer; margin-left:2px; _margin-left:4px;  _padding:0 5px;}
.newspages .prev{ background: #f2f2f2 url(../images/lists/pagearrow.gif) 2px -19px no-repeat;}
.newspages .prev:hover{ background: #f2f2f2 url(../images/lists/pagearrow.gif) 2px 4px no-repeat; }
.newspages .next{ background: #f2f2f2 url(../images/lists/pagearrow.gif) -24px -19px no-repeat; }
.newspages .next:hover{ background: #f2f2f2 url(../images/lists/pagearrow.gif) -24px 4px no-repeat; }
.newspages a:hover{ color: #000;}
.newspages .on:hover{ color:#fff;}
/*mainRight*/
.mainRight{ width:330px; float: right;}
.adRight{ width:300px; float:left; overflow:hidden;}
.adRight li{ display:block; float:left; padding:0 0 10px 0;}
.adRight img,.adRight embed{ float:left;}
.adCenter{ padding-top:25px;}
/*rank*/
.rank{ width:300px; float:left; margin-top:20px; border-bottom:1px solid #efefef;}
.rankTop{ width:300px; height:36px; float:left; position:relative; background:#1b8bd4;}
.rankTop span{ width:132px; height:45px; position:absolute; top:0; left:-10px; background:url(../images/tech_list2014/list2014.png) no-repeat 0 -175px; font: normal 22px/34px "Microsoft Yahei","\5b8b\4f53"; text-indent:22px;}
.rankTop span a{ color:#fff;}
.rankTitle{ width:300px; height:42px; float:left; background:#BEEEFB; position:relative;}
.rankTitle p{ width:300px; height:30px; position:absolute; top:12px; left:11px; font: normal 16px/29px "Microsoft Yahei","\5b8b\4f53"; text-align:center;}
.rankTitle a{ width:86px; height:29px; float:left; background:#e5f2da; border:1px solid #6BCFF6; border-bottom:0; margin-left:4px; color:#1b8bd4;}
.rankTitle a.active{ background:#f7f7f7; border-bottom:1px solid #f7f7f7; font-weight:bold;}
.rank .rankMain{ float:left; display:none;}
.rank ul{ width:262px; float:left; padding:19px 18px 10px 18px; border-left:1px solid #efefef; border-right:1px solid #efefef; border-top:1px solid #6BCFF6; }
.rank ul li{ width: 262px; height: 30px; display: block; float: left; position: relative; overflow: hidden; }
.rank ul li b{ width: 23px; height: 18px; display: block; position: absolute; top: 6px; border: 1px solid #1b8bd4; color: #1b8bd4; font: normal 15px/18px "Microsoft Yahei","simhei"; text-align: center; }
.rank ul li span{ width: 227px; height: 30px; display: block; position: absolute; right: 0px; font: normal 14px/30px "Microsoft Yahei","\5b8b\4f53"; overflow: hidden; }
.rank ul li span a{ color: #333; }
.rank ul li img{ width: 100px; height: 80px; position: absolute; top: 34px; }
.rank ul li p{ width:137px; height: 60px; position: absolute; right: 0; font: normal 12px/20px "Microsoft Yahei","\5b8b\4f53"; padding: 9px 12px; background: #fff; border:1px solid #DEDEDE; border-left: 0px; top: 34px; }
.rank ul li p a{ color:#1b8bd4;}
.rank ul li span a:hover,.rank ul li p a:hover{ color:#f60; text-decoration:underline;}
.rank ul li.hover{ height: 118px; }
/*mainBox*/
.mainBox{ width:300px; float:left; margin-top:30px; background:url(../images/tech_list2014/boxbg.gif) repeat-y -300px 0;}
.mainBoxTop{ width:300px; float:left; background:url(../images/tech_list2014/boxbg.gif) no-repeat 0 top;}
.mainBoxBot{ width:300px; float:left; background:url(../images/tech_list2014/boxbg.gif) no-repeat -600px bottom; position:relative; z-index:1;}
.mainBox h2{ width:240px; height:30px; position:absolute; top:-15px; left:30px; text-align:center; color:#5c5c5c; z-index:2;}
.mainBoxImg{ width:260px; height:170px; float:left; margin:31px 0 0 20px; display:inline; position:relative; z-index:1;}
.mainBoxImg img{ width:260px; height:170px; position:absolute; top:0; left:0; z-index:1;}
.mainBoxImg b,.mainBoxImg p{ width:260px; height:30px; position:absolute; top:140px; left:0; z-index:2;}
.mainBoxImg b{ background:#000; filter:alpha(opacity=80); opacity:0.8;}
.mainBoxImg p{ z-index:3; text-align:center; overflow:hidden;}
.mainBoxImg p a{ font:bold 14px/30px "Microsoft Yahei","\5b8b\4f53"; color:#fff;}
.mainBoxImg p a:hover{ text-decoration:underline;}
.mainBoxImg em{ width:64px; height:64px; position:absolute; left:93px; top:45px; background:url(../images/tech_list2014/play.png) no-repeat; z-index:2;}
.mainBoxList{ width:260px; float:left; padding:6px 0 21px 20px;}
.mainBoxList li{ width:260px; height:30px; float:left; font:normal 14px/30px "Microsoft Yahei","\5b8b\4f53"; background:url(../images/tech_list2014/list2014.png) no-repeat -124px -51px; text-indent:16px; overflow:hidden;}
.mainBoxList li a{ color:#333;}
.mainBoxList li a:hover{ color:#1b8bd4; font-weight:bold;}
/*video-people-topic*/
.video h2{ background:url(../images/tech_list2014/video.jpg) no-repeat;}
.people h2{ background:url(../images/tech_list2014/people.jpg) no-repeat;}
.topic h2{ background:url(../images/tech_list2014/topic.jpg) no-repeat;}
.people ul{ width:260px; float:left; padding:26px 20px 14px;}
.people li{ width:260px; height:80px; float:left; margin-bottom:12px;}
.people li img{ width:80px; height:80px; float:left; margin-right:10px;}
.people li span,.topic span{ width:170px; height:44px; float:left; margin-top:8px; font:bold 14px/22px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.people li span a,.topic span a{ color:#252525;}
.people li span a:hover,.topic span a:hover,.topic p a:hover{ color:#f60; text-decoration:underline;}
.people li p{ width:170px; height:22px; float:left; margin-top:2px; line-height:22px; color:#888; overflow:hidden;}
.topic span{ width:260px; height:22px; margin:0; padding:28px 20px 8px;}
.topic img{ width:100px; height:80px; float:left; margin-left:20px;}
.topic p{ width:140px; height:60px; float:left; padding:9px 10px; border:1px solid #dedede; border-left:0; line-height:20px; overflow:hidden; color:#888;}
.topic p a{ color:#446cb3;}
/*book*/
.book{ width:1200px; margin:18px auto 0;}
#bookTop {
	width: 1198px;
	height: 36px;
	float: left;
	background: #f6f6f6;
	border: 1px solid #dbdee1;
	position: relative;
	z-index: 1;
}
#bookTop span{ position:absolute; top:-1px; left:0; z-index:2;}
#bookTop span a{ width:130px; height:34px; float:left; border:1px solid #dbdee1; border-left:0; font:bold 20px/34px "Microsoft Yahei","simhei"; color:#333; text-align:center;}
#bookTop span a.active {
	height: 36px;
	border-bottom: 1px solid #fff;
	border-top: 3px solid #1b8bd4;
	line-height: 34px;
	color: #1b8bd4;
	background: #fff;
}
.bookBot{ width:1200px;float:left; margin-top:18px; overflow:hidden; position:relative; z-index:1;}
.bookBot .swiper-button-prev,.bookBot .swiper-button-next{ width:20px; height:64px; position:absolute; top:76px; left:0; z-index:999;background: none;}
.bookBot .swiper-button-prev a,
.bookBot .swiper-button-next a{display: block;width:20px; height:64px;background:url(../images/tech_list2014/bookIcon.png) no-repeat}
.bookBot .swiper-button-prev a:hover{ background:url(../images/tech_list2014/bookIcon.png) no-repeat -40px 0;}
.bookBot .swiper-button-next{
	left: 1180px;
}
.bookBot .swiper-button-next a{
	background: url(../images/tech_list2014/bookIcon.png) no-repeat -20px 0;
}
.bookBot .swiper-button-next a:hover{ background:url(../images/tech_list2014/bookIcon.png) no-repeat -60px 0;}
.bookBot .swiper-containe{
    width: 1200px;
    overflow: hidden;
}
.bookBot .swiper-slide {
    float: left;
	width: 14.2%;
	padding:0 8px;
    position: relative;
    box-sizing: border-box;
}
.bookBot .swiper-slide .item{
    padding: 5px;
	border: 1px solid #e3e3e3;
}
.bookBot .swiper-slide .image{
    display: block;
    height: 182px;
    overflow: hidden;
    position: relative;
}
.bookBot .swiper-slide .image img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
}
.bookBot li img {
	width: 143px;
	height: 181px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
}
.bookBot .item p {
	height: 32px;
	display: block;
	z-index: 2;
	background: #333;
	font: normal 14px/32px "Microsoft Yahei","simhei";
	text-align: center;
	overflow: hidden;
}
.bookBot .item p a{
    color: #fff;
}
.bookBot .item p a:hover{ text-decoration:underline;}
/*partner*/
.partner{ width:100%; margin:28px auto 0; border-top:3px solid #dbdbdb;}
.partnerTitle{ width:1200px; height:44px; margin:0 auto; position:relative;}
.partnerTitle h3{ width:1200px; height:44px; border-top:3px solid #717171; position:absolute; top:-3px; text-indent:6px;}
.partnerTitle h3 a{ font: normal 22px/44px "Microsoft Yahei","simhei"; color:#000;}
.partner p{ width:1200px; margin:0 auto; font: normal 12px/30px "\5b8b\4f53","simhei";}
.partner p a {
	color: #333;
	padding: 0 6px;
	font-size: 14px;
}
.partner p a:hover{ color:#f60; text-decoration:underline;}
/*adBot*/
.adBot{ width:1200px; margin:10px auto 0;}
.adBot img,.adBot embed{ float:left;}
/*footer*/
.foot{ width:1200px; margin:14px auto 0; text-align:center; color:#686161; padding-bottom:30px;}
.foot span{ width:1198px; height:43px; float:left; line-height:43px; background-color:#f5f5f5; border:1px solid #e0dfdf; color:#686161;}
.foot span a{ padding:0 6px; color:#333333;}
.foot span a:hover{ color:#f60; text-decoration:underline;}
.foot p.web{ width:1200px; float:left; padding:15px 0; color:#686161; font-size:14px;}
.foot p.web a{ color:#1b8bd4;}
.foot p.web a:hover{ color:#f60; text-decoration:underline;}
.foot p{ font:normal 12px/26px "Tahoma", "\5b8b\4f53";}
.foot strong{ padding:0 25px 0 0;}
.foot b{ padding:0 1px;}
.foot b img{ vertical-align:middle;}
/*goTop*/
.backHome{ width:54px; }
.backHome a{ width:38px; height:46px; display:block; float:left; background:#1b8bd4; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(../images/public/rightBar.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/public/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/public/rightBar.png) no-repeat 0px -57px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.price:hover{ opacity: 1; filter:alpha(opacity=100); }
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:379px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none;z-index: 1000;}
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(../images/public/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:203px; display:block; right:10px;z-index: 1000; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }
/* 20210926 */
/* 右 */
/* side_news */
.side_news {
	box-sizing: border-box;
	width: 100%;
    margin-top: 10px;
}
.side_title {
	position: relative;
	height: 41px;
	width: 100%;
	border-bottom: 4px solid #e4e4e4;
}
.side_title span {
	position: absolute;
	height: 41px;
	font-size: 22px;
	font-weight: 700;
	border-bottom: 4px solid #05a2e5;
    font-family: 'microsoft yahei';
    left: 0;
}
.side_news ul {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 11px 0 16px;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
}
.side_news ul li {
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	width: 100%;
	padding-bottom: 17px;
	margin-right: 24px;
	cursor: pointer;
}
.side_news li i {
	box-sizing: border-box;
	display: inline-block;
	width: 44px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	border: 1px solid #fc8f3c;
	color: #fc8f3c;
	font-style: normal;
	font-size: 14px;
	border-radius: 16px;
	margin-right: 6px;
	vertical-align: top;
}
.side_news ul li.focus i {
	color: #fff;
	background-color: #fc8f3c;
}
.side_news ul li.focus a {
	color: #fc8f3c;
}
.side_news li p {
	display: inline-block;
	box-sizing: border-box;
	font-size: 14px;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
}
.side_news li p a {
	color: #333;
}
.state {
	display: none;
	height: 77px;
	margin: 15px 0 15px 5px;
}
.side_news li.focus div.state {
	display: block;
	transition: all 0.3s ease;
}
.state img {
	display: inline-block;
	width: 38.9%;
	height: 100%;
	vertical-align: top;
}
.detailed {
	display: inline-block;
	box-sizing: border-box;
	width: 55%;
	height: 100%;
	background-color: #f6f6f6;
	font-size: 14px;
	padding: 15px 10px;
	line-height: 24px;
	font-weight: 700;
	font-weight: normal;
	overflow: hidden;
}
.detailed a {
	font-size: 14px;
	line-height: 24px;
	color: #fc8f3c !important;
}
/* recommend */
.recommend {
	width: 100%;
}
.recommended {
	width: 100%;
	height: 41px;
	margin-top: 16px;
	position: relative;
	border-bottom: 4px solid #e4e4e4;
}
.recommended span {
	position: absolute;
	height: 41px;
	font-size: 22px;
	color: #333;
	font-weight: 700;
	border-bottom: 4px solid #05a2e5;
    font-family: 'microsoft yahei';
}
.recommended a {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #999;
	font-style: normal;
	padding-bottom: 10px;
}
.exhibition_time {
	box-sizing: border-box;
	width: 100%;
	padding: 16px 15px 0 15px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #e4e4e4;
}
.exhibition_time ul {
	font-size: 0;
}
.exhibition_time li {
	display: block;
	padding-bottom: 12px;
}
.exhibition_time_img {
	display: none;
	padding-bottom: 55.8%;
	height: 0;
	overflow: hidden;
}
.exhibition_time_img img {
	width: 100%;
	max-height: none;
	display: block;
}
.img_focus {
	display: block;
}
.exhibition_time_text {
	padding-top: 10px;
	padding-left: 20px;
	font-size: 16px;
	text-align: left;
	border-left: 1px dashed #e4e4e4;
}
.exhibition_time_text div {
	position: relative;
	height: 24px;
	width: 100%;
	line-height: 24px;
}
.exhibition_time_text a {
	display: block;
	color: #333;
	height: 24px;
	line-height: 24px;
	padding-right: 8px;
	overflow: hidden;
	font-weight: 700;
}
.exhibition_time_text i {
	position: absolute;
	top: 6px;
	left: -25px;
	width: 10px;
	height: 10px;
	background-color: #d4d4d4;
	border-radius: 50%;
}
.exhibition_time_text span {
	display: block;
	color: #666;
	line-height: 24px;
	font-size: 14px;
}
.exhibition_time_text a:hover{
    color: #05a2e5!important;
}
.exhibition_time_text a:hover i{
    background-color: #05a2e5;
}
/* project */
.project {
	width: 100%;
}
.project_recommended {
	height: 41px;
	width: 100%;
	margin-top: 16px;
	position: relative;
	border-bottom: 4px solid #e4e4e4;
}
.project_recommended span {
	position: absolute;
	height: 41px;
	font-size: 22px;
	color: #333;
	font-weight: 700;
	border-bottom: 4px solid #05a2e5;
    font-family: 'microsoft yahei';
}
.project_recommended a {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #999;
	font-style: normal;
	padding-bottom: 10px;
}
.project_image {
	padding: 17px 15px 0 15px;
	text-align: center;
	font-size: 16px;
	color: #333;
	border: 1px solid #e4e4e4;
}
.project_image ul {
	font-size: 0;
}
.project_image li {
	font-size: 16px;
}
.project_image_img {
	padding-bottom: 54.4%;
	height: 0;
	overflow: hidden;
}
.project_image li img {
	width: 100%;
	max-height: none;
	display: block;
}
.project_image_title {
	height: 36px;
	width: 100%;
	border-left: 1px dashed #e4e4e4;
	position: relative;
	padding-bottom: 3px;
}
.project_image_title a {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	padding: 0 10px;
	overflow: hidden;
	color: #333;
}
.project_image_title a i {
	position: absolute;
	top: 15px;
	left: -6px;
	width: 10px;
	height: 10px;
	background-color: #d4d4d4;
	border-radius: 50%;
}
.project_image li:hover a {
	font-weight: 700;
	color: #05a2e5 !important;
}
.project_image li:hover i{
    background-color: #05a2e5;
}
/* video */
.video{
    width: 100%;
    overflow: hidden;
}
.video_recommended{
    height: 41px;
    width: 100%;
    margin-top: 16px;
    position: relative;
    border-bottom: 4px solid #e4e4e4;
}
.video_recommended span{
    position: absolute;
    height: 41px;
    font-size: 22px;
    color: #333;
    font-weight: 700;
    border-bottom: 4px solid #05a2e5;
    font-family: 'microsoft yahei';
}
.video_recommended a{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    color: #999;
    font-style: normal;
    padding-bottom: 10px;
}
.video ul{
    font-size: 0;
    border-left:1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
    padding: 17px 15px 0 15px;
}
.video li{
    display: block;
}
.video_img{
    padding-bottom: 56.4%;
    height:0;
    overflow:hidden;
    position: relative;
}
.video_img span{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 3;
}
.video_img a:hover span{
    background-color: rgba(0,0,0,0.4);
    transition: all 0.3s ease;
}
.video_img i{
    position: absolute;
    left: 10px;
    bottom: 3px;
    font-size: 60px;
    color: #000!important;
}
.video_img a:hover i{
    font-size: 70px;
    transition: all 0.3s ease;
}
.video_img img{
    width:100%;
	max-height:none;
	display:block;
}
.video_text{
    height: 44px;
    text-align: center;
}
.video_text a{
    display: block;
    font-size: 18px;
    color: #333;
    height: 44px;
    line-height: 44px;
	font-size: 14px;
    overflow: hidden;
    padding: 0 8px;
}
.video_text a:hover{
    color:#ff6600;
}
/* mall */
.mall{
    width: 100%;
    overflow: hidden;
}
.mall_title{
    position: relative;
    width: 100%;
    height: 41px;
    padding-top: 12px;
    border-bottom: 4px solid #e4e4e4;
}
.mall_title span{
    position: absolute;
    height: 41px;
    font-size: 22px;
    font-weight: 700;
    color: #333;
    border-bottom: 4px solid #05a2e5;
    font-family: 'microsoft yahei';
}
.mall_label{
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0 11px 20px;
    border:1px solid #e4e4e4;
}
.mall_label a{
    display: inline-block;
    color: #05a2e5;
    border:1px solid #05a2e5;
    border-radius: 25px;
	padding: 9px 18px;
	font-size: 14px;
	margin-right: 13px;
	margin-bottom: 10px;
}
.mall_label a:hover{
    background-color: #05a2e5;
    color: #fff!important;
}

/* end */
/* 20210927：新增top模块 */
.top{ 
    width: 1200px;
    height: 83px;
    margin: 0 auto;
    position: relative;
}
.top .logo{ 
	position: absolute;
    left: 0;
    top: 13px;
}
.top h1{ 
	font-size: 24px;
line-height: 34px;
color: #0072bd;
height: 34px;
padding-left: 15px;
border-left: 1px solid #e5e5e5;
margin-left: 15px;
display: block;
position: absolute;
top: 28px;
left: 230px;
}

.plat{
	width: 140px;
	height: 50px;
	float: left;
	padding-left: 5px;
	margin-top: 7px;
}
.searchBox{
	width: 405px;
	height: 38px;
position: absolute;
z-index: 1;
top: 25px;
left: 419px;
    border-right-color: rgb(193, 193, 193);
    border-right-style: solid;
    border-right-width: 1px;
border-right: 0;
}
.searchBox input[type="text"]{
	width: 328px;
	height: 38px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 40px;
	color: #aaaaaa;
	border: 1px solid #c1c1c1;
	vertical-align: middle;
	float:left;
}
.searchBox input[type="button"]{
	width: 65px;
	height: 42px;
	border: none;
	background: url(../../images/news2017/exhi.gif) no-repeat 0 -20px;
	vertical-align: middle;
	float:left;
	cursor:pointer;
}
.sideAdv{
	width: 230px;
height: 60px;
float: right;
position: absolute;
top: 11px;
right: 0;
}
.rightRoll{width: 253px;float: left;height: 33px;background: #f0f0f0;border-radius: 5px; overflow: hidden;position: absolute;right: 17px;top: 30px;}
.rightRoll em{width: 35px;height: 33px;display: block;background:url(../../images/index/subwebIcon.png) no-repeat 0 -50px;float: left;}
.rightRoll ul{position: absolute;top: 0;bottom: 0;left:0;overflow: hidden;width: 1500px;}
.rightRoll ul li{height: 33px;float: left;overflow: hidden;margin: 0 15px;}
.rightRoll ul li a{ font: normal 14px/33px "\5b8b\4f53","simhei";color: #666;}
.rightRollBox{
	float: right;
	width: 218px;
	height: 33px;
	overflow: hidden;
	position: relative;
}

/* 20210924 */
@media only screen and (max-width: 1024px){
    .partnerTitle,.partnerTitle h3,.partner p,.adBot,.foot,.foot p.web,.adTop,
    .bookBot .swiper-containe,.bookBot,.book,.main,.mainTop,.nav,.nav p,.header,.top{
        width: 872px;
    }
    body{min-width: 872px;}
    .foot span,#bookTop{ width:870px;}
    .header li input {
        width: 70px;
        height: 23px;
        margin: 8px 10px 10px 0;
    }
    .header span a {
        padding: 0 2px;
    }
    .nav {
        height: 40px;
    }
    .nav p {
        font: bold 13px/40px "Microsoft Yahei","\5b8b\4f53";
    }
    .nav p a {
        width: 80px;
        height: 40px;
    }
    .mainTop {
        height: 46px;
        background: url(../images/tech_list2014/list2014.png) no-repeat -112px -123px;
    }
    .mainTop p {
        font: normal 13px/46px "Microsoft Yahei","\5b8b\4f53";
    }
    .mainTop form {
        width: 280px;
        margin-top: 8px;
    }
    .mainTop input {
        width: 250px;
        font: normal 12px/28px "Microsoft Yahei","\5b8b\4f53";
    }
    .mainLeft {
        width: 612px;
    }
    .mainLeftList {
        width: 612px;
    }
    .mainLeftList dl {
        width: 612px;
        padding: 10px 0;
    }
    .mainLeftList dt {
        width: 500px;
        height: 28px;
        background: url(../images/tech_list2014/list2014.png) no-repeat -126px -33px;
        text-indent: 13px;
        font: normal 14px/28px "Microsoft Yahei","\5b8b\4f53";
    }
    .mainLeftList dd {
        width: 80px;
        height: 28px;
        font: normal 12px/28px "Tahoma","\5b8b\4f53";
    }
    .mainLeftList dd {
        font: normal 12px/28px "Tahoma","\5b8b\4f53";
    }
    .bookBot .swiper-slide .image {
        height: 96px;
    }
    .bookBot .item p {
        height: 26px;
        font: normal 12px/26px "Microsoft Yahei","simhei";
    }
    .bookBot .swiper-button-next {
        left: 852px;
    }
    .bookBot .swiper-button-prev, .bookBot .swiper-button-next {
        top: 50px;
    }
    .partnerTitle h3 a {
        font: normal 20px/44px "Microsoft Yahei","simhei";
    }
    .mainRight {
        width: 240px;
    }
	.side_news{
        margin-bottom: 7px;
    }
    .side_title{
        height: 27px;
        margin-top: 5px;
    }
    .side_title span{
        height: 27px;
        font-size: 16px;
    }
    .side_news ul{
        padding: 12px 8px 0 10px;
    }
    .side_news ul li{
        padding-bottom: 9px;
        width: 100%;
    }
    .side_news li i{
        font-size: 10px;
        margin-right: 5px;
        width: 30px;
        height: 15px;
        line-height: 12px;
    }
    .side_news li p{
        font-size: 10px;
        height: 18px;
        line-height: 18px;
    }
    .state{
        height: 55px;
    }
    .detailed{
        line-height: 16px;
        font-size: 10px;
        padding: 11px 9px;
    }
    .detailed a{
        font-size: 10px;
    }
    .recommend{
        margin-bottom: 7px;
    }
    .recommended{
        height: 27px;
        margin-top: 0;
    }
    .recommended span{
        font-size: 16px;
        height: 27px;
    }
    .recommended a{
        font-size: 10px;
        padding-bottom: 8px;
    }
    .exhibition_time{
        padding:10px 9px 0 9px;
    }
    .exhibition_time li{
        padding-bottom: 5px;
    }
    .exhibition_time_text{
        padding-top:11px;
        padding-left: 13px;
    }
    .exhibition_time_text div{
        height: 18px;
        line-height: 18px;
    }
    .exhibition_time_text a{
        height: 18px;
        font-size: 12px;
        line-height: 16px;
    }
    .exhibition_time_text i{
        width: 6px;
        height: 6px;
        left:-16.5px;
        top: 4px;
    }
    .exhibition_time_text span{
        font-size: 10px;
        line-height: 16px;
    }
    .exhibition_time_text_last_box{
        padding-bottom: 13px;
    }
    .project{
        margin-bottom: 5px;
    }
    .project_recommended{
        height: 27px;
        margin-top: 10px;
    }
    .project_recommended span{
        height: 27px;
        font-size: 16px;
    }
    .project_recommended a{
        font-size: 10px;
        padding-bottom: 8px;
    }
    .project_image{
        padding: 10px 8px 0 10px;
    }
    .project_image_title{
        height: 35px;
    }
    .project_image_title a{
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .project_image_title a i{
        width: 6px;
        height: 6px;
        top:14px;
        left: -3.5px;
    }
    .video{
        margin-bottom: 5px;
    }
    .video ul{
        padding: 10px 8px 0 10px;
    }
    .video_recommended{
        height: 27px;
        margin-top: 0;
    }
    .video_recommended span{
        height: 27px;
        font-size: 16px;
    }
    .video_recommended a{
        font-size: 10px;
        padding-bottom: 8px;
    }
    .video_img i{
        font-size: 38px;
    }
    .video_img a:hover i{
        font-size: 48px;
    }
    .video_text{
        height: 28px;
    }
    .video_text a{
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }
    .mall_title{
        padding-top: 0;
        height: 27px;
    }
    .mall_title span{
        height: 27px;
        font-size: 16px;
    }
    .mall_label{
        padding: 15px 0 3px 10px;
    }
    .mall_label a{
        padding: 6px 11px;
        font-size: 10px;
        margin-right: 9px;
        margin-bottom: 11px;
    }
    .top .logo {
		top: 10px;
		height: 45px;
	}
	.top {
		height: 65px;
	}
	.top h1 {
		font-size: 20px;
		line-height: 26px;
		height: 26px;
		padding-left: 10px;
		margin-left: 10px;
		top: 18px;
		left: 170px;
	}
	.searchBox {
		width: 302px;
		height: 34px;
		top: 15px;
		left: 290px;
	}
	.searchBox input[type="text"] {
		width: 230px;
		height: 32px;
		font-size: 12px;
		line-height: 32px;
	}
	.searchBox input[type="button"] {
		width: 55px;
		height: 34px;
		background: url(../../images/news2017/exhi.gif) no-repeat -9px -22px;
	}
	.rightRoll {
		width: 243px;
		right: 5px;
		top: 16px;
	}
	.rightRollBox {
		width: 207px;
	}
	.rightRoll ul li a {
		font: normal 12px/33px "\5b8b\4f53","simhei";
	}

}
@media only screen and (min-width: 1025px) and (max-width: 1199px){
    .partnerTitle,.partnerTitle h3,.partner p,.adBot,.foot,.foot p.web,.adTop,
    .bookBot .swiper-containe,.bookBot,.book,.main,.mainTop,.nav,.nav p,.header,.top{
        width: 1010px;
    }
    body{min-width: 1010px;}
    .foot span,#bookTop{ width:1008px;}
    .mainLeft {
        width: 710px;
    }
    .mainLeftList {
        width: 660px;
    }
    .mainLeftList dl {
        width: 660px;
        padding: 12px 0;
    }
    .mainLeftList dt {
        width: 480px;
        height: 28px;
        background: url(../images/tech_list2014/list2014.png) no-repeat -126px -33px;
        font: normal 15px/28px "Microsoft Yahei","\5b8b\4f53";
    }
    .mainLeftList dd {
        width: 120px;
        height: 28px;
        font: normal 14px/28px "Tahoma","\5b8b\4f53";
    }
    .nav {
        height: 40px;
    }
    .nav p {
        font: bold 15px/40px "Microsoft Yahei","\5b8b\4f53";
    }
    .nav p a {
        width: 95px;
        height: 40px;
    }
    .bookBot .swiper-button-next {
        left: 990px;
    }
    .bookBot .swiper-slide .image {
        height: 116px;
    }
    .bookBot .item p {
        height: 30px;
        font: normal 13px/30px "Microsoft Yahei","simhei";
    }
    .mainRight {
        width: 280px;
    }
    .side_news {
        margin-top: 5px;
    }
    .side_title span{
        font-size: 20px;
    }
    .side_news ul{
        padding: 28px 10px 0 13px;
    }
    .side_news ul li{
        padding-bottom: 14px;
        width: 100%;
    }
    .side_news li i{
        line-height: 15px;
        font-size: 12px;
        margin-right: 5px;
        width: 37px;
        height: 17px;
    }
    .side_news li p{
        font-size: 12px;
        height: 18px;
        line-height: 18px;
    }
    .state{
        height: 64px;
    }
    .detailed{
        line-height: 18px;
        font-size: 12px;
        padding: 14px 8px;
    }
    .detailed a{
        font-size: 12px;
    }
    .recommended{
        height: 41px;
    }
    .recommended span{
        font-size: 20px;
        height: 41px;
    }
    .recommended a{
        font-size: 12px;
    }
    .exhibition_time{
        padding:14px 13px 0 13px;
    }
    .exhibition_time li{
        padding-bottom: 5px;
    }
    .exhibition_time_text{
        padding-top:13px;
        padding-left: 13px;
    }
    .exhibition_time_text a{
        font-size: 14px;
        line-height: 21px;
    }
    .exhibition_time_text i{
        left:-18px;
        top: 5px;
    }
    .exhibition_time_text span{
        font-size: 12px;
        line-height: 18px;
    }
    .exhibition_time_text_last_box{
        padding-bottom: 13px;
    }
    .project_recommended span{
        font-size: 20px;
    }
    .project_recommended a{
        font-size: 10px;
        padding-bottom: 12px;
    }
    .project_image{
        padding: 14px 13px 0 13px;
    }
    .project_image_title{
        height: 35px;
    }
    .project_image_title a{
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .project_image_title a i{
        top:11px;
        left: -6px;
    }
    .video ul{
        padding: 14px 13px 0 13px;
    }
    .video_recommended span{
        font-size: 20px;
    }
    .video_recommended a{
        font-size: 10px;
        padding-bottom: 14px;
    }
    .video_img i{
        font-size: 48px;
    }
    .video_img a:hover i{
        font-size: 58px;
    }
    .video_text{
        height: 37px;
    }
    .video_text a{
        height: 37px;
        line-height: 37px;
        font-size: 12px;
    }
    .mall_title{
        padding-top: 16px;
    }
    .mall_title span{
        font-size: 20px;
    }
    .mall_label{
        padding: 17px 0 10px 17px;
    }
    .mall_label a{
        padding: 8px 14px;
        font-size: 12px;
        margin-right: 15px;
        margin-bottom: 14px;
    }
    .top .logo {
		height: 55px;
	}
	.top {
		height: 78px;
	}
	.top h1 {
		font-size: 22px;
		line-height: 30px;
		height: 30px;
		padding-left: 10px;
		margin-left: 10px;
		top: 24px;
		left: 214px;
	}
	.searchBox {
		width: 372px;
		height: 36px;
		top: 22px;
		left: 352px;
	}
	.searchBox input[type="text"] {
		width: 300px;
		height: 34px;
		font-size: 13px;
		line-height: 34px;
	}
	.searchBox input[type="button"] {
		width: 60px;
		height: 36px;
		background: url(../../images/news2017/exhi.gif) no-repeat -6px -20px;
	}
	.rightRoll {
		width: 243px;
		right: 14px;
		top: 23px;
	}
	.rightRollBox {
		width: 207px;
	}
	.rightRoll ul li a {
		font: normal 13px/33px "\5b8b\4f53","simhei";
	}

}
@media only screen and (min-width: 1400px) and (max-width: 1599px){
    .partnerTitle,.partnerTitle h3,.partner p,.adBot,.foot,.foot p.web,.adTop,
    .bookBot .swiper-containe,.bookBot,.book,.main,.mainTop,.nav,.nav p,.header,.top{
        width: 1272px;
    }
    body{min-width: 1272px;}
    .foot span,#bookTop{ width:1270px;}
    .nav {
        height: 50px;
    }
    .nav p {
        font: bold 18px/50px "Microsoft Yahei","\5b8b\4f53";
    }
    .nav p a {
        width: 125px;
        height: 50px;
    }
    .mainTop p {
        font: normal 15px/54px "Microsoft Yahei","\5b8b\4f53";
    }
    .mainLeft {
        width: 942px;
    }
    .mainLeftList {
        width: 902px;
    }
    .mainLeftList dl {
        width: 902px;
        padding: 15px 0;
    }
    .mainLeftList dt {
        width: 760px;
    }
    #bookTop {
        height: 40px;
    }
    .bookBot .swiper-button-next {
        left: 1252px;
    }
    .bookBot .swiper-slide .image {
        height: 153px;
    }
    .partner p a {
        font-size: 16px;
    }

}
@media only screen and (min-width: 1600px){
    .partnerTitle,.partnerTitle h3,.partner p,.adBot,.foot,.foot p.web,.adTop,
    .bookBot .swiper-containe,.bookBot,.book,.main,.mainTop,.nav,.nav p,.header,.top{
        width: 1400px;
    }
    body{min-width: 1400px;}
    .foot span,#bookTop{ width:1398px;}
    .mainLeft {
        width: 970px;
    }
    .mainLeftList {
        width: 970px;
    }
    .mainLeftList dl {
        width: 970px;
        padding: 18px 0;
    }
    .mainLeftList dt {
        width: 780px;
        height: 34px;
        font: normal 16px/34px "Microsoft Yahei","\5b8b\4f53";
    }
    .mainLeftList dd {
        width: 130px;
        height: 34px;
        font: normal 16px/34px "Tahoma","\5b8b\4f53";
    }
    .bookBot .swiper-button-next {
        left: 1380px;
    }
    .bookBot .swiper-slide {
        padding: 0 10px;
    }
    .bookBot .swiper-slide .image {
        height: 168px;
    }
    .bookBot .swiper-button-prev, .bookBot .swiper-button-next {
        top: 96px;
    }
    .partner p {
        font: normal 16px/36px "\5b8b\4f53","simhei";
    }
    .partner p a {
        font-size: 16px;
    }
    .foot span {
        width: 1398px;
        height: 48px;
        line-height: 53px;
        font-size: 14px;
    }
    .mainRight {
        width: 390px;
    }
	.side_title span {
		font-size: 24px;
	}
	.side_news ul {
		padding: 29px 23px 0 23px;
	}
	.side_news ul li {
		font-size: 16px;
		width: 357px;
		padding-bottom: 20px;
		margin-right: 24px;
	}
	.side_news li i {
		font-size: 16px;
	}
	.side_news li p {
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}
	.state {
		height: 90px;
		margin: 15px 0 15px 5px;
	}
	.detailed {
		padding: 24px 18px 15px 15px;
		font-size: 16px;
		line-height: 24px;
	}
	.recommended span {
		font-size: 24px;
	}
	.recommended span{
		position: absolute;
		height: 41px;
		font-size: 24px;
		color: #333;
		font-weight: 700;
		border-bottom: 4px solid #05a2e5;
	}
	.recommended a{
		font-size: 14px;
	}
	.exhibition_time{
		padding: 19px 19px 0 17px;
	}
	.exhibition_time li{
		padding-bottom: 20px;
	}
	.exhibition_time_text{
		padding-top: 20px;
	}
	.exhibition_time_text_last_box{
		padding-bottom: 25px;
	}
	.exhibition_time_text span{
		font-size: 16px;
	} 
	.project_recommended span{
		font-size: 24px;
	}
	.project_recommended a{
		font-size: 14px;
	}
	.project_image{
		padding: 20px 25px 0 25px;
	}
	.project_image_title{
		height: 50px;
	}
	.project_image_title a{
		height: 50px;
		line-height: 50px;
	}
	.project_image_title a i{
		top: 19px;
		left: -5px;
	}
	.project_image li:hover i{
		background-color: #05a2e5;
	}
	.video_recommended{
		height: 41px;
		width: 100%;
		margin-top: 16px;
		position: relative;
		border-bottom: 4px solid #e4e4e4;
	}
	.video_recommended span{
		font-size: 24px;
	}
	.video_recommended a{
		font-size: 14px;
	}
	.video ul{
		padding: 20px 25px 0 25px;
	}
	.video_text{
		height: 50px;
	}
	.video_text a{
		height: 50px;
		line-height: 50px;
	}
	
	.mall_title{
		padding-top: 20px;
	}
	.mall_title span{
		font-size: 24px;
	}
	.mall_label{
		padding: 25px 0 13px 25px;

	}
	.mall_label a{
		font-size: 16px;
		border-radius: 25px;
		padding: 8px 18px 8px;
		margin-right: 14px;
		margin-bottom: 10px;
	}
	.mall_label a:hover{
		background-color: #05a2e5;
		color: #fff!important;
	}
    .top h1 {
		font-size: 26px;
		line-height: 38px;
		height: 38px;
		padding-left: 20px;
		margin-left: 20px;
		top: 22px;
		left: 240px;
	}
	.searchBox {
		width: 435px;
		left: 500px;
	}
	.searchBox input[type="text"] {
		width: 358px;
	}
	.searchBox input[type="button"] {
		background: url(../../images/news2017/exhi.gif) no-repeat -3px -20px;
	}
    .nav p a {
        width: 140px;
        height: 50px;
    }
    .nav p {
        font: bold 18px/50px "Microsoft Yahei","\5b8b\4f53";
    }
    .nav {
        height: 50px;
    }
}