@charset "utf-8";
/* CSS Document */

#banner { 
	 overflow: hidden; z-index: 0 ; width:100%; height: 570px; position:relative;
}
.banner {
	 position: relative; height: 100%; overflow: hidden; width: 100%; height: 570px; z-index:1
}
.banner .carousel {
	 width: 1920px; position: absolute; left: 50%; top: 0px; margin-left: -960px; height: 100%; overflow: hidden;
}
.banner .carousel ul {
	 position: relative; height: 100%; overflow: hidden; width: 1920px; float: left; 
}
.banner .carousel ul li { 
	text-align: center; width: 1920px; float: left; height: 100%; position: absolute; display:block;  top:0;filter: alpha(opacity=0)
}
.banner .carousel ul li img{ 
	+height:100%; min-height:100%; min-width:75%
}
.focus {
	 height: 11px; position:absolute; z-index:9999; right: 8%; bottom:19px;
}
.focus a {
	 width: 16px; height: 3px; display: inline-block; margin: 0 2px; overflow: hidden; background: url(../image/focus.png) repeat 
}
.focus a.on {
	background-position: 0 -12px
}
.banner-wrapper {
	width:100%; height:100%; z-index:999; position:absolute; top:0; display:block; left:0
}
#banner .desc {
	position:absolute; width:1000px; margin:0 auto; left:50%; margin-left:-500px; text-align:left; top:50%; opacity:0; filter: alpha(opacity=0); 
}
#banner .desa{
	position:absolute;width:133px;height:28px;margin:0px auto 0px -500px;left:50%;text-align:left;top:65%;color:white; z-index:999999
}
.banner-btn {
	display:inline-block; color:white
}
.banner-btn:hover {
	opacity:0.75;filter: alpha(opacity=75); 
}

.index-content {
	width:1000px; margin:0 auto; padding:30px 0
}

#index-footer {
	width:100%;background:black; bottom:0; left:0; position:static; background:#1c2c3b
}
.index-footer-wrapper {
	width:1000px; margin:0 auto; height:35px; line-height:35px
}
.index-footer-wrapper a {
	color:white
}

.banner-btn h1 {
	color:white; font-weight:100; font-size:28px; line-height:40px
}
.banner-btn h2 {
	color:white; font-weight:100; font-size:16px; line-height:25px; 
}

#banner .tab {
	width:1000PX; position:absolute; bottom:0; z-index:9999; left:50%; margin-left:-500px;bottom:8px;
}
#banner .tab .subtab {
	margin:0 1px; background:url(../image/tabbg.png); width:248px; float:left; position:absolute
}
#banner .tab-title {
	display:block; width:100%; text-align:center; color:white; font-size:16px; line-height:40px; 
}
.tab-detail {
	background:#fcf4f0
}
.tab-detail {
	+display:none; position:relative
}
@media only screen and (min-height:0px){
	.tab-detail {
		transition:all 0.25s linear; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; max-height:0;overflow:hidden
	}
}
#banner .subtab:hover .tab-title,#banner .subtabat .tab-title {
	background:#1f2d3e; text-align:left;text-indent:10px

}
.subtab:hover .tab-detail {
	max-height:250px;
}
.tab-detail img.floatleft {
	padding-right:5px
}
.tab-detail p {
	color:#646464; font-size:12px; font-family:"宋体"; line-height:20px; padding:10px 3px
}
.tab-more {
	/*position:absolute; bottom:5px; left:50%*/ +padding:3px
}
.index-content .index-content-title {
	font-size:18px; color:#464646; margin-bottom:25px
}
.index-left-content {
	width:420px; float:left
}
.index-left-content a {
	font-size:14px; color:#464646; display:inline-block; margin-bottom:10px; margin-right:22px
}
.index-right-content {
	width:529px; float:left; padding:0PX 25PX; position:relative;
}
.index-right-content a {
	display:block; color:#464646; font-size:14px; line-height:20px
}
.index-right-content div.floatright {
	width:210px;position: absolute;right: 0px;
}


/*2014-11-03尾部*/
.index-right-content div.floatright a {
	width:48px;height:55px;display:inline-block;margin-right:1px;background:url(../image/bg.png) no-repeat;font:11px 宋体;color:black;position:relative;
}
.index-right-content div.floatright a p{
	line-height:40px;
}
.index-right-content .floatright a:hover{
	background:url(../image/bg2.png) no-repeat;;
}


.index-content a:hover {
	color:#2e97cb
}

.time-line p {
	text-align:center; margin-top:35px
}

#timeline p {
	color:black 
}
#timeline {
	width: 790px;min-height: 830px;overflow: hidden;position: relative;background: url('../image/dotbg.png') 110px top repeat-y; left:-65px; margin:50px 0
}
#dates {
	width: 115px;height: 440px;float: left; position:relative; margin-top:0!important; left:50px\0
}
#dates li {
	list-style: none;width: 100px;height: 100px;/*line-height: 100px;*/font-size: 12px; padding-right:20px; text-align:center; margin-bottom:30px; 
}
#dates a {
	line-height: 24px;position:absolute;/*left: 0px;margin-left:85px;margin-left:35px\0; +margin-left:85px;margin-top:70px;*/margin-top:30px; +margin-top:15px; width:auto; height:52px; color:black; left:103.5px; white-space:nowrap; font-size:24px
}
#dates .selected {
	 color:#2e97cb
}
.dateat {
	display:inline-block; background:url(../image/datepoint3.png) no-repeat; width:19px; height:19px; margin-right:15px;_overflow:hidden
}
#dates .selected .dateat{
	background-position:0px -22px
}
#issues {
	width: 550px; float: right;position:relative; /*top:39px;*/ top:0; margin-left:50px
}	
#issues li {
	list-style: none;  margin-bottom:30px; margin-top:30px;background:#e0e0e0; position:relative; padding: 0px 15px;
}
#issues li .datepoint {
	position:absolute; left:-20px; top:0px; width:22px; height:18px; display:inline-block; background:url(../image/datepoint.png) no-repeat}
#issues li.selected {
	background:#2e97cb
}
#issues li.selected .datepoint {
	 background:url(../image/datepoint2.png) no-repeat 
}
#issues li h1 {
	color: #ffcc00;font-size: 42px; height:52px; line-height:50px; text-shadow: #000 1px 1px 2px; 
}
#issues li p {
	font-size: 12px;margin:0px 0px;line-height: 20px;position:relative;padding:15px 0;border:none;border-radius:0
}
.timehr {
	height: 1px; border: 0; border-bottom: 1px dashed black;  margin:0
}
#issues li.selected p {
	color:white
}
#issues li.selected .timehr {
	border-color:white
}
#prev {
	 position:absolute; margin-left:-23px; top:-1px;  width:42px; height:27px; background:url('../image/dotprev.png') no-repeat; z-index:99;left: 115px;
}
#next  {
	position:absolute; bottom:4px; left:92.5px;  width:42px; height:27px; background:url('../image/dotnext.png') no-repeat; z-index:99;
}

.blue {
	color:#2e97cb!important
}
.red {
	color:#cb2e2e
}

.case-list li{
	display:block; width:100%; border-bottom:1px dashed #a7a7a7; height:40px; line-height:40px;
}
.case-list li a {
	color:#333333; font-size:14px; line-height:40px;
}
.case-list li a span{
	color:#565656; font-family:"宋体"; font-weight:bold; margin-right:8px
}
.case-list li a:hover {
	color:#2e97cb
}
.page-list {
	text-align:center; margin:30px auto; line-height:30px; color:#9e9e9e;
}
.page-list a {
	display:inline-block; width:30px; height:30px; border:1px solid #9e9e9e; line-height:30px; text-align:center; color:#9e9e9e; margin:0px 5px
}
.page-list span {
	 color:#333333;margin:0px 3px; font-size:11.16px
}
.page-list a:hover,.page-list .listat {
	background:#2e97cb; color:white; border-color:#2e97cb
}

.page-to-list {
	width:50px; height:19px; border:1px solid #9e9e9e; line-height:20px; text-alignP:left; color:#9e9e9e; padding:5px; background:#e6e6e6;
	position:relative; top:-2px;+line-height:25px;
}
.go-to-page {
	width:30px; height:30px; border:1px solid #9e9e9e; line-height:30px; text-alignP:left; color:#9e9e9e; margin: 0 5px; background:white; font-family:"微软雅黑"; +line-height:25px; *margin-top:-2px
}

.product-list li a.floatleft img{
	padding:5px; border:1px solid #d4d4d7; margin-right:15px;transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;
}
.product-list li {
	padding:10px 15px; +padding-bottom:0; +padding-top:15px; position:relative; display:block; max-width:100%; border:1px solid white; border-bottom:1px dashed #909090
}
.product-list li p {
	color:#464646; font-size:12px; margin:10px 0; line-height:20px
}
.more {
	position:absolute; left:550px; bottom:18px; +bottom:20px
}
.product-list li:hover,.product-list .lihover {
	border:1px solid #2e97cb
}
.product-list li:hover  a.floatleft img{
	-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);
}

.service_list {
	
}
.service_list li {
	width:220px; float:left; border-bottom:1px solid #9c9c9c; height:280px; position:relative; margin-right:30px;margin-bottom:30px
}
.service_list h3 {
	font-size:14px; line-height:30px; color:#333333; font-weight:100
}
.service_list li img {
	margin:15px auto; width:100%;transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;
}
.service_list p {
	color:#333333; font-size:12px
}
.s-more {
	position:absolute; right:0; bottom:10px ;color:#333333; font-size:12px
}
.service_list li:hover {
	border-bottom:1px solid #cb2e2e
}
.service_list li a:hover,.service_list li:hover a {
	color:#cb2e2e
}
.service_list li:hover img {
	-webkit-transform:scale(0.95,0.95);transform:scale(0.95,0.95);-moz-transform:scale(0.95,0.95);-o-transform:scale(0.95,0.95);
}

.about_list li {
	width:310px; float:left; padding:10px; margin-right:60px; height:330px
}
.about_list li img {
	 height:217px; margin:0 auto;transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;
}
.about_list li a {
	display:block; width:100%; text-align:center
}
.about_list li p {
	font-size:18.11px; color:#333333; margin-top:40px; text-align:center
}
.about_list li:hover img {
	-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);
}

/*搜索下拉*/
.showinput{ width:170px; overflow:hidden; height:140px; position:absolute; left:0; top:29px; z-index:999; background:url(../image/showinput.jpg) no-repeat; padding:5px 10px 0 10px; font-family:"微软雅黑"; display:none;}
.showinput .s1{font-size:11px; color:#4d4d4d; line-height:18px; border-bottom:1px solid #d3d3d3; padding-bottom:5px;}
.showinput .s2{font-size:12px; height:29px; line-height:29px;color:#4d4d4d;}
.showinput .s3{ overflow:hidden; padding-bottom:16px;}
.showinput .select{ width:170px; color:#706f6f; }
.s4{height:30px;}
.div-sou{ color:#333333; text-decoration:underline;border: 0;background: none;cursor: pointer;float:left;width:100px;}
.div-close{float:right;text-decoration:underline;}
.div-close a{color:#999;}
.div-close a:hover{color:#333333;}