@charset "utf-8";
/* CSS Document */
body,td,th{font-family: "Microsoft YaHei" ! important;font-size:12px; color::#2f2725; font-weight:normal; text-decoration:none; margin:0px; padding:0px; letter-spacing:0.5px}
body{ margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-color:#fff; }


h1,h2,h3,h4,h5,h6,img,div,ul,a,li,label,input,form,p{ margin:0px; padding:0px}
h1{margin:0px; padding:0px; font-size:24px; font-weight:bold; color:#2f2725; line-height:30px}
h2{ margin:0px; padding:0px; font-size:18px; color:#2c2c2c; line-height:30px}
h3{ margin:0px; padding:0px; font-size:14px; color:#2c2c2c;font-weight:bold; }
h4{ color:#2f2725; font-size:15px; line-height:30px}
p{ margin:0px; padding:0px; font-size:14px;color:#898989}
img{ margin:0px; padding:0px; border:0px}
a{ text-decoration:none}
a:link{ text-decoration:none; color:#000}
a:visited{ text-decoration:none;}
a:hover { text-decoration:none; color:#F00;}
a:active { text-decoration:none; color:#000}
ul,li{ list-style:none}
.clear{ clear:both}
.blank{ height:60px}
.blank1{ height:30px}
.blank2{ height:40px}
.fl{ float:left}
.fr{ float:right}
p{ letter-spacing:1px}
input{outline: none;}
#header{ background:#221814; border-top:5px #e60012 solid; height:55px;  width:100%;}
.menu{ }
.menu ul{ margin-left:20px}
.menu ul li{ float:left; height:20px; margin:20px 0px; padding:0px 20px; line-height:20px}
.menu ul li a{font-size:18px; display:block; color:#fff; height:40px }
.logo{ margin-right:50px}
.menu ul li .hover{ color:#e60012}
.menu ul li a:hover{ color:#e60012}

.menu ul li dl{ display:none;} 
.menu ul li:hover dl{background:#000; position: fixed; margin-left:-20px;top:48px;display:block; z-index:1000; color:#000;filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  }
.menu ul li:hover dl dt{ float:left; width:110px; text-align:center}	  
.menu ul li:hover dl dt a{height:60px; line-height:60px; color:#fff; font-size:16px;}
.menu ul li:hover dl dt a:hover{ background:#e60012; color:#fff; opacity:1}

.newsimg{ background:#000; width:50%; height:998px; z-index:1}

.newsimg img{ width:100%}
.mainimg{ background:url(../images/about.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_culture{ background:url(../images/culture.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_innovate01{ background:url(../images/innovate01.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_innovate02{ background:url(../images/innovate02.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_innovate03{ background:url(../images/innovate03.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_innovate04{ background:url(../images/innovate04.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_innovate05{ background:url(../images/innovate05.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_innovate11{ background:url(../images/innovate11.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_business{ background:url(../images/business.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_design{ background:url(../images/design.jpg) no-repeat; width:50%; height:998px; z-index:1}

.mainimg_design_guoji{ background:url(../images/guoji.jpg) no-repeat center; width:50%; height:998px; z-index:1}
.mainimg_design_huanjing{ background:url(../images/huanjing.jpg) no-repeat center; width:50%; height:998px; z-index:1}
.mainimg_design_china{ background:url(../images/china.jpg) no-repeat center; width:50%; height:998px; z-index:1}
.mainimg_recruit{ background:url(../images/recruit.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_contact{ background:url(../images/contact.jpg) no-repeat; width:50%; height:998px; z-index:1}
.mainimg_news{ background:url(../images/news.jpg) no-repeat; width:50%; height:998px; z-index:1}

.mainimg_news_cbw{ background:url(../images/news_cbw.jpg) no-repeat; width:50%; height:998px; z-index:1}

.fanhui{ background:#F00; color:#fff; font-size:14px; padding:10px 20px;}
.dabiao span{ color:#e7e6e2; font-size:18px; font-weight:lighter; font-family:"Arial"; text-transform:uppercase; letter-spacing:2px; line-height:25px;}
.dabiao p{ font-size:24px; color:#eeefef; letter-spacing:8px; line-height:40px}
.dabiao h1{ font-size:72px; color:#fff; font-family:"Arial"; line-height:80px; font-weight:normal}
.dabiao h2{ font-size:38px; color:#fff;font-weight:normal; letter-spacing:12px }
.xiaobiao h2{ font-size:24px; color:#fff; font-family:"Arial";font-weight:normal;text-transform:uppercase; }
.dabiao{ position: absolute; top:15%; text-align:center;width:50%;}
.xiaobiao {position: absolute; bottom:15%; width:50%; text-align:center}
.xiaobiao h1{font-size:24px; color:#fff;font-weight:normal;letter-spacing:10px; }
.mianxq{}
.about h1{ line-height:90px; font-size:24px}
.about h2{ font-weight:normal; line-height:30px; margin-bottom:10px; font-weight:bold}
.about h2 img{ margin-right:15px; float:left}
.about p{ line-height:28px; margin-bottom:20px}
.about h3{ line-height:30px}

.recruit h1{ line-height:100px}
.recruit h2{ font-weight:normal; line-height:32px; font-weight:bold}
.recruit h2 img{ margin-right:15px; float:left}
.recruit p{ line-height:28px; margin-bottom:20px}
.recruit p a:link { text-decoration:underline; color:#000}
.recruit p a:visited { text-decoration:underline; color:#000}
.recruit p a:hover { text-decoration:underline; color:#D91B1E}
.recruit h3{ line-height:24px}
.recruit a:hover{ color:#D91B1E}

.culture h1{ line-height:45px; font-size:24px; }
.culture h2{ font-weight:normal; line-height:30px;  font-weight:bold; font-size:18px;}
.culture lh10{height:10px;}
.culture h2 img{ margin-right:15px; float:left}
.culture p{ line-height:28px; margin-bottom:30px;}
.culture h3{ line-height:30px}
.culture p img{ float:right; margin-top:-550px; margin-right:5%;}
.culture h2 img{ float:right; margin-top:-700px; margin-right:5%;}
.culture_jt h1{ line-height:100px}
.culture_jt h2{ font-weight:normal; line-height:28px; margin-bottom:30px; font-weight:bold}
.culture_jt h2 img{ margin-right:15px; float:left}
.culture_jt p{ line-height:28px; margin-bottom:20px}
.culture_jt h3{ line-height:30px}
.inlist{ float:right; margin:20px 0px}
.inlist ul li{ border-right:2px solid #999; float:left; }
.inlist ul li a{ font-size:14px; font-weight:bold; padding:15px 25px}
.inlist ul li .hover{ color:#ff0000}
.delist ul{ float:right; margin-top:35px; margin-right:0}
.delist{ position: fixed;  background:#fff; width:48%}
.delist h1{ float:left;  width:30%}
.delist ul li{ border-right:2px solid #999; float:left; }
.delist ul li a{ font-size:14px; font-weight:bold; padding:15px 25px 15px 10px;}
.delist ul li .hover{ color:#ff0000}
.innovate h1{ float:left; border-right: 1px solid #898989; padding-right:15px; }
.innovate h1 p{ color:#2f2725; font-family:Arial; letter-spacing:2px; font-weight:normal; line-height:40px; }
.innovate h5 p{ margin-left:160px;font-size:14px;color:#898989; line-height:28px; font-weight:normal}
.innovate p{ line-height:32px; letter-spacing:0px }
.innovate h3{ line-height:32px}
.jizhi h1{ line-height:100px}
.jizhi h2{ font-weight:normal; line-height:28px; margin-bottom:30px; font-weight:bold}
.jizhi h2 img{ margin-right:15px; float:left}
.jizhi p{ line-height:28px; margin-bottom:20px}
.jizhi h3{ line-height:30px}
.jizhi h5 img{ float:right; margin-top:-750px; margin-right:10%;}


#main{
	 padding-top:55px;
	width:100%;
	height:auto;
	 z-index:1
}
.mainimg{ width:50%; float:left}
.mainxq{ width:50%; float:right; }


/*主窗*/
#scroll{	
	width:100%;
	height:990px;
	position:absolute;
	
}

/*左边内容区*/
#scroLeft{
	float:left;
	height:100%;
	width:47%;
	overflow:hidden;
    margin-left:1.5%;
	margin-right:1%
}

/*右边滚动条轨道*/
#scroRight{
    background:#191919;
	
	
	height:100%;
	width:0.5%;
	border-radius:10px;
	overflow:hidden;
	
}

/*滚动条*/
#scroLine{
	position:absolute;
	z-index:1;
	top:0;

	width:0.5%;
	background:url(images/opacity_70.png);
	background:rgba(255,0,0,0.8);
	opacity:0.7;
	border-radius:10px;
	cursor:pointer;
}


#scroLeft img{
	cursor:pointer; max-width:100%
}



#foot{background:#000; height:50px; width:100% }
.footer { text-align:center}
.footer p{ color:#fff; line-height:50px}


.jing{ float:left; margin-right:10px;}
.kuai{ float:left;margin-right:10px;}
.zhun{ float:left;margin-right:10px;}
.yi{ float:left;margin-right:10px;}
.xin{float:left;;margin-right:10px;}


.ditul{background:#eaeaea; width:44%; float:left; height:270px; margin-top:50px; margin-left:2%; padding-left:2%}
.ditul p{ color:#191919; font-size:14px; width:95%; margin:7px 0px 0px 0px; line-height:28px}
.ditul li{ width:95%}
.con01{ width:40%; line-height:20px; margin-left:20px; float:left}
.con01 p{ letter-spacing:0px}
.con02 p{ letter-spacing:0px}
.con02{ width:45%; line-height:20px; margin-left:60px; float:left}
#zSlider {
	background:#F1EFF1;
	margin:0px auto;
	width:100%;
	overflow:hidden;
}
#picshow {
	position:relative;
}
#picshow{
	width:100%;
	height:100%;
	overflow:hidden;

}
 #picshow_img {

	overflow:hidden;
	float:left;
}
#picshow_img li {
	
	overflow:hidden;
	float:left;
	display:none;
}
#picshow_img img {
	width:100%;
	height:100%;
}

#select_btn {
   width:100%;
	color:#111;
	
	display:inline;
	background-color:#F1EFF1;
	height:100%
}
#select_btn li {
	padding:10px 11px 0px 9px;
	
	height:50px;
	border-top:1px solid #fff;
	cursor:pointer;
}
#select_btn li:hover {
	background-color:#646464;
}
#select_btn li.current {
	background-color:#646464;
}
#select_btn li.current:hover {
	background-color:#646464;
}
#select_btn li:hover a {
	color:#fff;
}
#select_btn li.current a {
	color:#fff;
}
#select_btn li.current:hover  a{
	color:#fff;
}
#select_btn a {
	color:#898989;

}


#select_btn .select_text {
	
	font:14px 'Microsoft YaHei';
	overflow:hidden;
	display:block;
}
#select_btn .select_text:hover {
	text-decoration: none;
}
#select_btn .select_date {
	
	line-height:23px;
	overflow:hidden;
	display:block;
}
#foot_bm a, #foot_bm, p, p a {
	color:#999;
}
.title{ line-height:50px}
.info{ font-size:14px; color:#898989; line-height:50px}
.content p{ line-height:28px; color:#000}
.pre{ font-size:14px; color:#898989; line-height:28px}
.pre a{ font-size:14px; color:#898989; line-height:28px}
.pre a:hover{ color:#e60012}
.next a{ font-size:14px; color:#898989; line-height:28px}
.next a:hover{ color:#e60012}
.next{ font-size:14px; color:#898989; line-height:28px}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.chubanwu ul li{ width:47%; float:left; margin-right:1%; margin-bottom:80px}
.cbwpic{ width:49%; margin-right:1%}
.cbwpic img{ width:100%}
.cbwxq span{ color:#2f2725; font-weight:bold}
.cbwxq{ width:48%; margin-left:2%}
.cbwxq p{ line-height:28px}




#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:5px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#fff; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{margin-bottom:10px;}
.mod_gallerylist{width:665px; margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{border:1px solid #CCC; padding:2px}
.meta a{color:#333; text-decoration:none}
.image_container a i{ margin-left:5px;}
.image_container a i img{border:0px;}
.image_container a{ color:#7e7e7e; font-size:14px; line-height:30px}
.niandu{ width:100px; display: block;}
.niandu h1{ font-size:26px; color:#898989}
.ryzs{ width:80%;display:block; margin-left:100px; margin-top:-38px}
.ryzs span{ color:#DC0F12; font-size:16px; font-weight:600}
.mod_gallerylist{ width:80%; border-bottom:#f1f1f1 3px solid; display:block; padding:10px 0px}
.h1{ background:#b40210; border-radius:50px; width:60px; height:60px}
.h1:hover{ background:#ff0000}
.h2:hover{ background:#ff0000}
..history{ margin:110px 0px;background:url(../images/hisbg.png) repeat-y}
.history h1{ font-size:20px; color:#fff; line-height:60px; text-align:center; float:left;margin-right:1%}
.h2{ background:#f00517; border-radius:50px; width:60px; height:60px}
.history h2 span{ font-size:12px}
.history h2{ float:left; width:10%; color:#bfc0c0; font-size:20px; line-height:50px}
.history b { color:#191919; font-size:14px;; line-height:50px}
.history #div1{ color:#191919; font-size:14px;; line-height:50px; font-weight:bold; margin-left:70px;}
.history #div2{ color:#191919; font-size:14px;; line-height:50px; font-weight:bold; margin-left:70px;}
.history #div3{ color:#191919; font-size:14px;; line-height:50px; font-weight:bold; margin-left:70px;}
.history b{} 
#xm_main { padding-top:60px;}
.xm_menu{ background:#646464; height:60px}
.moshi{ width:28%}
.xxmenu{ width:44%}
.moshi{ }
.moshi p{ color:#fff; font-size:14px; line-height:60px; float:left; margin:0px 20px 0px 10px}
.moshi a { margin-right:10px}
#xmpic{background:url(../images/xmpic.png) no-repeat}
#xmlist{background:url(../images/xmlist.png) no-repeat}
/*焦点图*/



@media (max-width: 1920px) and (min-width: 1600px){ 
.focus{ position:relative; width:100%; height:500px;  float: left;}  
.focus img{ height: 500px;}
.blank {height: 30px;}
}


@media (max-width: 1600px) and (min-width: 1400px) { 
.focus{ position:relative; width:100%; height:400px;  float: left;}  
.focus img{ height: 400px;} 
.blank {height: 30px;}
 }
 
 @media (max-width: 1400px) and (min-width: 1200px){
.focus{ position:relative; width:100%; height:350px;  float: left;}  
.focus img{ height: 350px;} 
.blank {height: 30px;}
}
 @media (max-width: 1200px) and (min-width: 1000px){
.focus{ position:relative; width:100%; height:300px;  float: left;}  
.focus img{ height: 300px;} 
.blank {height: 30px;}
}

.focus .shadow .title{width: 260px; height:40px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.3);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none;  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:10px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  
.mbdis{ display:none}
.mbbg{ margin:0px}

.bdshare-button-style2-24 a, .bdshare-button-style2-24 .bds_more{ background-image:url(../images/iconfx.png)!important; background-repeat:no-repeat}

.cbwpage{text-align:center;margin:10px;display:block;}
.cbwoage:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.cbwpage ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.cbwpage ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.cbwpage ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.cbwpage ul li:not(:first-child):not(:last-child){border-radius:0;}
.cbwpage ul li:first-child{border-radius:4px 0 0 4px;}
.cbwpage ul li:last-child{border-radius:0 4px 4px 0;}
.cbwpage ul .active a{background:#f3f3f3;border-radius:0;}

.BMapLabel{ border:0px!important}

.lxbg { margin:20px 0;}
.list-paddingleft-2 h3 { line-height:30px;}
.list-paddingleft-2 p { line-height:24px;}

.pcbg{ background:#EAEAEA; padding:5px}
.pcbg1{margin-bottom:30px !important}

.content {
	padding: 20px 0px;	
	width: 100%;
	
}
.content .wrapper {
	position: relative;
	width: 100%;
	margin: 30px auto;
}


.content .line-left {
	position: absolute;
	left: 0;
	top: 15px;
	width: 70px;
}
.content .line-right {
	position: absolute;
	right: 0;
	top: 15px;
	width: 460px;
}
.content .main {
	background: url("../images/line-bg.png") repeat-y 100px 0;
}
.content .main .title {
	position: absolute;
	line-height: 24px;
	margin-left: 67px;
	left: 100px;
	top: 20px;
	font-size: 14px;
}
.content .main .title .date{
	width:100px;
	font-size:18px;
	font-weight:bold;
	font-family:Arial;
	color:#999;
	line-height:24px;
	float:left;

}
.content .main .title .more{

	margin-left: 10px;

}
.content .main .year {
	position: relative;

}
.content .main .year h2 {
	height: 60px;
	width: 60px;
	margin-left: 70px;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	background:#e6002d;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius:30px;
}
.content .main .year h2 a {
	color: #fff;	
}
.content .main .year h2:hover {
	color: #fff;	
	background:#292929;
}
.content .main .year h2 i{
	display:block;
	position:relative;
	height:0;
	width:0;
	left:25px;
	top:-15px;
	border-width:6px;
	border-style:solid;
	border-color:#fff transparent transparent transparent;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px
}
.content .main .year .list{
	margin:10px 0;
	position:relative;
	overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s
}
.content .main .year .list ul {
	bottom: 0;
}
.content .main .year .list ul li {
	background: url("../images/circle.png") no-repeat 85px 31px;
	padding: 30px 0;
}

.cls {
	zoom: 1;
}
.cls:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.content .main .year .list ul li .date,.content .main .year .list ul li .version{
	float:left;
	display:block;
	clear:left;
	width:100px;
	line-height:24px;
	margin-left:170px;
	color:#666;
	text-align:left;
}
.content .main .year .list ul li .date{
	font-size:18px;
	font-weight:bold;
	font-family:Arial;
	color:#999;
	line-height:24px;

}
.content .main .year .list ul li .intro, .content .main .year .list ul li .more {


	margin-left: 150px;
	width:80%;
	line-height: 24px;
}
.content .main .year .list ul li .intro {
	font-size: 18px;
	line-height: 32px;
}
.content .wrapper:first-child .main .year.close h2 i{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.content .wrapper:first-child .main .year.close .list{
	opacity:0;
	height:0!important;
}
.ie7 .content .main .year h2 i{
	left:40px
}

.wxc li{ float:left; width:30%; margin-left:3%}
.wxc li img{ width:100%}
.pcdisnone{ display:none}