﻿.header{height: 100px;position: relative;z-index: 100;background-color: #ffffff;border-bottom: 3px solid #ababab;}
.header1{position: fixed;top: 0;left: 0;width: 100%;}
.header .logo{width: 276px;position: relative;height: 100%;border-bottom: 3px solid #f8ad1b;}
.header .logo img{position: absolute;top: 0px;left: 60px;}
.header .menu{width:845px;}
.header .menu>ul{height:36px; margin-top:45px;}
.header .menu>ul>li{position: relative;margin-top: 19px;float: left;padding: 0 15px; height:24px;line-height:24px;font-size: 16px; border-right:1px solid #1f1f1f; margin-left:4px;}
.header .menu>ul>li.languageswitchli{border-right: 0;}
.header .menu>ul li a{font-family: Arial, ����;font-size: 16px;text-decoration:none;color: #1f1f1f;line-height: 16px;}
.header .menu>ul li a.subdown{ background:url(../images/triangle-black-down.png) no-repeat right center; padding-right:18px;}
.header .menu>ul li.orange{ background:#f9ad1b;}
.header .menu>ul li.orange a{ color:#ffffff; background:url(../images/triangle-white-down.png) no-repeat right center; padding-right:18px;}
.header .menuul>li.active>a,.header .menu>ul>li.active div ul li a:hover{color: #f8ad1b;}
.header .rightslider .somelink{/*background: url(somelink.png);*/background-repeat:no-repeat;width: 234px;height: 30px;margin-top: 20px;/* margin-right: 40px; */}  
.header .rightslider .somelink a { display:block; height:28px; width:28px; text-decoration:none;background:transparent url(somelink00.png) no-repeat; float:left; margin-right:11px;}
.header .rightslider .somelink a#item1{background-position: 0px 0px;}
.header .rightslider .somelink a#item2{background-position: 0px -48px;}
.header .rightslider .somelink a#item3{background-position: 0px -108px; }
.header .rightslider .somelink a#item4{background-position: 0px -160px;}
.header .rightslider .somelink a#item5{background-position: 0px -213px; }
.header .rightslider .somelink a#item6{background-position: 0px -263px; }

.header .rightslider .somelink a:hover{background:transparent url(somelink01.png) no-repeat; display:block; height:28px; width:28px; text-decoration:none; float:left; margin-right:11px;}
.header .rightslider .somelink a#item1:hover {background-position: 0px 0px;}
.header .rightslider .somelink a#item2:hover {background-position: 0px -50px;}
.header .rightslider .somelink a#item3:hover {background-position: 0px -110px;}
.header .rightslider .somelink a#item4:hover {background-position: 0px -160px;}
.header .rightslider .somelink a#item5:hover {background-position: 0px -210px;}
.header .rightslider .somelink a#item6:hover {background-position: 0px -260px;}

.header .languageswitch{border: 0;margin-right: 5px;}
/*.header .languageswitch:after{  margin-left: 5px;;margin-top: -2px;vertical-align: middle;content: '';width: 0px;display: inline-block;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #CCC; border-bottom:dotted 0px; }*/
.header .menu>ul>li:hover .towlevelmenudiv{display: block;}
.towlevelmenudiv{left: 0;display: none;width: 100%; background:#eee;}
.buy{ width:120px; }

.towlevelmenu{background: #fff;border: 1px solid #eee;border-top:0;border-radius: 5px;border-top-left-radius: 0; border-top-right-radius: 0;color:#000;  }
.towlevelmenu li{padding: 5px;cursor: pointer;text-align: center; line-height:24px; font-size:12px;  border-bottom:1px solid #ddd;}
.towlevelmenu li:last-child{border-bottom:0;}
.header .menu>ul>li .towlevelmenu li a{line-height:24px; font-size:14px;}
.header .menu .towlevelmenu li:hover a{color:#f8ad1b;}
.searchdiv {margin-top: 15px;margin-right: 5px;}
.search_icon{background: url(http://shautomuseum.gov.cn/Public/images/search_icon.png);width: 32px;height: 25px;display: inline-block; vertical-align: top;}
#searchinput,#searchinput1{  height: 21px;vertical-align: top;padding: 0;}
.headrightmenu{margin-top: 12px;margin-right: 10px; float: right;display: none;cursor: pointer;}
.searchdivsmall{display: none;}
.first{display: none;}





.newscontent{ width:85%; margin:0 auto;}
.newscontent ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.newscontent ul{ padding-top:30px; margin-left:-10px;}
.newscontent ul li a{ border-right:1px solid #ddd; padding:0 10px; font:16px/16px "Microsoft Yahei"; color:#333; height:16px; overflow:hidden; float:left; text-decoration:none;}
.newscontent ul li:last-child a{ border-right:0;}
.newscontent ul li a:hover ,.newscontent ul li.newscur a{ color:#f9ad1b;  text-decoration:underline;}

.newscontent dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.newscontent dl{ border-bottom:1px solid #ddd; padding-bottom:30px; margin-top:30px;}
.newscontent dl dt{ float:left; width:245px; height:160px; margin-right:20px;}
.newscontent dl dt img{ display:block; width:100%;}
.newscontent dl dd a.rightmore{ display:block; float:right; width:80px; height:26px; font:13px/26px "arial"; text-align:center; border:1px solid #333; border-radius:26px; overflow:hidden; text-decoration:none; color:#333;}
.newscontent dl dd b a{ display:block; font:18px/26px "Microsoft Yahei"; color:#333;text-decoration:none; }
.newscontent dl dd p{ margin-top:11px;}
.newscontent dl dd p span{ display:block; font:13px/22px "Microsoft Yahei"; color:#666;}




@media screen and (max-width:1080px) {
	.rightslider {display: none;}
		.searchdivsmall{display: none;}

}
@media screen and (max-width:820px) {

	.header{height: 60px;}
	.header .logo{width: 120px;}
	.header .logo img{top: 0;width: 80px;left: 20px;}
	.header .menu>ul{margin-top: 22px;}
		.searchdivsmall{display: none;}
}
@media screen and (max-width:640px) {
		.searchdivsmall{display: block;}
	.header .menu {display: none;
		  float: none;
		  position: absolute;
		  background: #FFF;
		  width: 100%;
		top: 64px;}
	.header .menu {display: none;
		  float: none;
		  position: absolute;
		  background: #FFF;
		  width: 100%;
		top: 64px;}
	.header .menu.show{display: block;}
	.headrightmenu{display: block;}
	.header .menu>ul{height: auto;margin-top: 0}
	.header .menu>ul>li{height: 30px;line-height: 30px;float: none;  padding-bottom: 5px;padding-top:5px;margin:0;border-bottom: 1px solid #CCC;border-right: 0}
	.header .menu>ul>li.menu_cg{height: auto;background-image: url(../images/dropdown_icon1.png);background-repeat: no-repeat;  background-position: 98% 10px;
  background-size: 16px;}
	.towlevelmenudiv{position: relative;width: 100%;text-align: left;}
	.towlevelmenudiv.show{display: block;}
	.towlevelmenu {border: 0;}
	.towlevelmenu li{text-align: left;  padding-left: 20px;  background-image: url(../images/dropdown_icon3.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center left;}
	.header .menu>ul>li:hover .towlevelmenudiv{display: none;}
	.header .menu>ul>li:hover .towlevelmenudiv.show{display: block;}
	.header .menu>ul li a{line-height: 30px;}
    .towlevelmenu a {display: block;}
}
@media screen and (max-width: 500px){
	#form2{padding-top: 2px;}
	.first{display: block;}
	#searchinput1 {  width: 300px;}
}
@media screen and (max-width: 400px){
	#searchinput1 {width: 240px;}
}
@media screen and (max-width: 300px){
	.searchdivsmall{display: none;}
	#searchinput1 {width: 80px;}
}