@charset "utf-8";
/* CSS Document */
@import url(common.css);
body {
	background-color:#f5f5f5;
	font-size:14px;
	color:#333;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	line-height:18px;
}
input,textarea,select,option{
	font-size:12px;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	color:#333;}
a:link, a:visited {
	color:#333;
	text-decoration:none;
}
a:hover, a:active {
	color:#0074ad;
}
.wrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.footer, .footer-bottom {
	min-width:1000px;
	width:100% !important;
}
.white{
	color:#fff;
}
.yellow{
	color:#f8f259;
}
.blue{
	color:#0074ad;
}
.red{
	color:#F00;
}

/*top*/
.top_right{position: absolute;right:0px;top:35px;}
.top_right a{color: #d20000;margin: 0 10px;}
.top_right a:hover{color: #333333;}
/*menu*/
.menu {
	width: 1200px;margin: 0 auto;position: relative;height:88px;
}
.menu .logo_box{display:block;width:240px;float: left;margin-top: 20px;}
.menu .logo_box img{width: 100%;}
.menu .nav-right{
	position: absolute;
	left: 250px;
	z-index: 999;
	top:0;
	width:930px;
	border-radius:8px;
	height:88px;
	line-height:88px;font-family: 'Microsoft Yahei';font-size: 16px;
}

.menu .search-layout{display: block;position: absolute;right: 0;top: -20px;}
.menu .nav-right li {
	float:left;
	width:100px;
	height:88px;margin: 0 20px;
	text-align:center;
}
.menu .nav-right li a{display: block;height:88px;}
.menu .nav-right li a:hover{background: #d20000;color: #fff}
.menu .nav-right li a.active{background: #d20000;color: #fff}
.menu .nav-right li a{color:#4e4e4e;}
.menu .nav-right li .sub_menu{display: block;display: none; width: 100%;height: auto;overflow: hidden;background: #eee;}
.menu .nav-right li .sub_menu li.sub_li{padding: 0;margin: 0;border: 1px solid #ddd;border-bottom: none; font-size: 14px; height:30px;line-height:30px;}
.menu .nav-right li .sub_menu li.sub_li a{display: block;height:30px;line-height:30px;}
.menu li a:hover{color: #d20000}
.menu a:link, .menu a:visited {
	background:url(../images/menu_line.jpg) right center no-repeat;
}
/*banner*/
.banner {
	background:url(../images/banner_bg.jpg);
}
.banner .wrapper {
	background:url(../images/banner_img.jpg);
	position:relative;
	height:328px;
	overflow:hidden;
	line-height:normal;
}
.banner .wrapper ul li{
	width:1000px;
	height:308px;
	position:absolute;
	left:1000px;
	top:50px;
	opacity:0;
	filter:alpha(opacity:0);
}
.banner .wrapper ol{
	position:absolute;
	bottom:20px;
	right:0;
}
.banner .wrapper ol li{
	float:left;
	margin-left:10px;
	width:14px;
	height:14px;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:15px;
	cursor:pointer;
	background-color:#8adaff; 
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.banner .wrapper ol li.current{
	background-color:#0074ad;
}
.banner-btn{
	width:140px;
	height:40px;
	background:url(../images/banner-btn-bg.jpg) top repeat-x #0074ad;}
.banner-btn a:link,.banner-btn a:visited{
	display:block;
	padding-left:20px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	background:url(../images/banner-btn-icon.png) 100px center no-repeat;
	color:#fff;
}
.banner-btn img{
	vertical-align:middle;
}


.banner .other-banner.wrapper{
	background:url(../images/banner_img2.jpg);
	height:200px;
}
/*main*/
.main {
}
.main-content {
	float:left;
	width:730px;
}
.main-title {
	height:40px;
	clear:both;
}
.service-box li {
	width:220px;
	height:160px;
	float:left;
	margin-bottom:20px;
	text-align:center;
	cursor:pointer;
	text-align:center;
}
.service-box li a:link, .service-box li a:visited {
	padding-top:30px;
	height:130px;
	display:block;
	background:url(../images/service_icon_bg.jpg) center top no-repeat;
}
.service-box li a:hover, .service-box li a:active {
	background-position:center -160px;
	font-weight:bold;
}
.service-box li a:hover img, .service-box li a:active img {
	width:70px;
}
.service-box span {
	display:block;
	font-size:18px;
	margin-top:10px;
}
.success-box li {
	float:left;
	width:210px;
	border:5px solid #e8e8e8;
}
.main-side {
	width:240px;
	float:right;
}
.tailor-made {
	background:url(../images/tailor-made_bg.jpg) top center;
	height:330px;
	padding-top:80px;
	width:210px;
	padding-left:5px;
	padding-right:25px;
}
.tailor-made li {
	height:80px;
	white-space:nowrap;
}
.tailor-made li img {
	vertical-align:middle;
	margin-right:10px;
}
.tailor-made li a:link, .tailor-made li a:visited {
	display:block;
	height:44px;
	line-height:44px;
	font-size:18px;
	padding:18px 20px 18px 60px;
	background:url(../images/t_made_bg.jpg) 10px top no-repeat;
}
.tailor-made li a:hover, .tailor-made li a:active {
	background-position:10px -80px;
	font-weight:bold;
	padding:20px 20px 16px 60px;
}
.tailor-made li a span{color: #fff}
.news-side li {
	font-size:12px;
	height:28px;
	line-height:28px;
	_height:18px;/*IE6*/
	_padding:5px 0;
 #height:18px;/*IE7*/
 #padding:5px 0;
	overflow:hidden;
}

.other-title{
	background:url(../images/title_line.jpg) center repeat-x;
	position:relative;
	height:40px;
	line-height:40px;
}

.other-title span.cn{
	font-size:18px;
	font-weight:bold;
	padding-right:10px;
	display:inline-block;
	background-color:#fafafa;
}
.other-title span.en{
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	display:inline-block;
	background-color:#fafafa;
	padding-right:10px;
}
/*news*/
.main-news .news-list {
	font-size:12px;
	float:left;
	width:306px;
}
.news-list dt {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	height:30px;
	line-height:30px;
}
.news-list dd,.main-news-list li{
	height:36px;
	line-height:36px;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
	_height:18px;/*IE6*/
	_padding:9px 0;
 #height:18px;/*IE7*/
 #padding:9px 0;
}
.news-list dd img, .news-list dt img, .news-side li img,.main-news-list li img {
	vertical-align:middle;
	margin-right:10px;
	display:inline-block;
}

dl.s-list{
	border-bottom:1px dashed #ccc;
	line-height:22px;
	padding-bottom:20px;
}
dl.s-list dt{
}
dl.s-list dd{
	width:700px;
}

.success-list li{
	float:left;
	margin-right:35px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
.success-list li img{
	width:200px;
	height:110px;
	padding:3px;
	border:1px dashed #ccc;
}
.success-list li span{
	font-size:12px;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}
.contact-list li{
	padding:5px 0;
}
.contact-list li span{
	display:inline-block;
	width:10%;
	text-align:right;
	font-weight:bold;
}


.caselist{
width:243px;
height:192px;
float:left;
}
.caselist dt,.caselist dd{ width:208px; margin:0 auto;}
.caselist dt img{border:4px #e0e0e0 solid;}
.caselist dd{ line-height:30px;}
.caselist dd span{ float:right;}
.caselist dd span a{color:#993300;}
.page_list {
    clear: both;
    height: 30px;
    line-height: 30px;
    padding-top: 25px;
    text-align: center;
    width: auto;
	list-style: none outside none;
}
.page_list li {
    border: 1px solid #9FA0A0;
    border-radius: 2px;
    color: #FF6600 !important;
    display: inline;
    margin: 2px;
    padding: 3px 6px;
	list-style-type: none;
}

/*首页头部焦点图代码*/
/*--start--选项卡内滚动特效css样式start---*/
.main .rightpro .fad01 li.li01 .span_top .slides{height: 287px;}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width:100%;
	zoom: 1;
	height: auto;overflow: hidden;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}

.flexslider .slides li .img{width: 100%;}
.flexslider .slides li .img a{display:block;background-size: cover!important; width: 100%;height:650px;}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display:block;
	height: 16px;
	overflow: hidden;
	text-indent:-99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-position: 0 0;
}