﻿@charset "utf-8";
/********首页********/

/*************首页焦点图切�&#65533;*************/
.toggle {
	height: 455px;
	width: 1240px;
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}
.toggle .arrow {
	width: 61px;
	height: 77px;
	display: inline-block;
	background: url(../images/toggle.png) no-repeat;
	position: absolute;
	top: 190px;
}
.toggle .arrow.next {
	background-position: 0px -87px;
	right: 5%;
}
.toggle .arrow.back {
	left: 5%;
}
.toggle ul {
	width: 10000px;
}
.toggle ul li {
	width: 1240px;
	height: 455px;
	overflow: hidden;
}
/*************最热新�&#65533;*************/
.news {
	width: 307px;
}
.news li {
	float: none;
	background: url(../images/news-6x6.png) no-repeat left 30%;
	padding-left: 20px;
	height: 36px;
	overflow: hidden;
	margin-top: 17px;
}
.news li a, .news li p {
	overflow: hidden;
	display: block;
}
/*************推荐频道*************/
.channel {
	width: 630px;
}
.channel li {
	width: 300px;
	height: 198px;
	overflow: hidden;
	margin: 0px 20px 17px 0px;
	position: relative;
}
.channel li .mask {
	position: absolute;
	bottom: 0px;
	padding: 5px 10px;
	color: #fff;
	background: url(../images/mask.png) repeat;
	width: 280px;
	font-size: 18px;
}
/*************设计服务*************/
.service li {
	margin-bottom: 30px;
}
.service li .img {
	width: 220px;
	height: 146px;
	overflow: hidden;
}
.service li .info {
	width: 225px;
	height: 146px;
	overflow: hidden;
}
.service li .a, .software li a {
	background: url(../images/news-6x6.png) no-repeat left center;
	padding-left: 10px;
}
/*************软件百科*************/
.software li {

	width: 220px;
	padding-right: 20px;
	background: url(../images/software-1x200.png) no-repeat right center;
}
.software li:last-child {
	background: none;
}
.software li a {
	line-height: 30px;
	display: block;
	overflow: hidden;
}
/****************************新闻资讯****************/
.main_nav {
	width: 195px;
	display:none;
}
.main_nav ul {
	margin: 20px 0px 30px;
}
.main_nav li {
	float: none;
	margin: 5px 0px 5px 15px;
	width: 180px;
	overflow: hidden;
}
.main_nav li a {
	background: url(../images/news-6x6.png) no-repeat left center;
	padding-left: 15px;
	display: block;
	font-size: 14px;
}
.main_cot {
	width: 740px;
	float: none!important;
	margin:auto auto;
}
.main_cot .news_center li {
	float: none;
	height: 146px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.main_cot .news_center li .img {
	width: 240px;
	height: 146px;
	overflow: hidden;
	float: left;
	position: relative;
}

.main_cot .news_center a:hover img{filter:alpha(opacity=50);opacity:.5;}

.main_cot .news_center li .brown {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.main_cot .news_center li .i, .main_cot .news_center li .i2 {
	background: url(../images/news-6x6.png) no-repeat left center;
	padding-left: 15px;
	position: relative;
	left: 0px;
}
.main_cot .news_center li .i2 {
	left: 200px;
}
.page {
	position: relative;
	display: inline-block;
}
.page a, .page span {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 0px 3px;
}
.page a:hover, .page .selected {
	background: #262b37;
	color: #fff;
}
.page a.back {
	background: #8896a1;
	height: 26px;
	line-height: 26px;
	padding: 0px 10px;
	color: #fff;
}
.main_cot .design_center p {
	margin-bottom: 30px;
	font-size: 14px;
	display: block;
}
.main_cot .design_center p span {
	text-indent: 28px;
	display: block;
	margin-bottom: 5px;
}
.main_cot .design_center p.f24 {
	text-indent: 0px;
	font-size: 24px !important;
}
/**************新闻资讯——详情页**************/
.news_details {
	width: 630px;
}
.news_details p {
	margin-bottom: 25px;
	line-height: 24px;
	display: block;
	/*text-indent: 28px;*/
	font-size: 14px;
}
.news_details .tit {
	margin-bottom: 10px;
	font-size: 24px;
	text-indent: 0;
}
.news_details .time {
	margin-bottom: 30px;
	text-indent: 0;
}
.news_details .img {
	text-indent: 0;
}
.details_back_next a {
	font-size: 14px;
	color: #624a46;
}

.details_back_next{
	font-size: 14px;
	color: #624a46;
	width:630px;
}

.details_article {
	width: 640px;
}
.details_article li {
	width: 300px;
	margin-bottom: 20px;
}
.details_article li .img {
	width: 137px;
	height: 91px;
	overflow: hidden;
}
.details_article li .info {
	width: 153px;
	height: 91px;
	overflow: hidden;
}
/**************案例展示——详情页**************/
.case_list_fr {
	width: 305px;
	border: 1px solid #e4dbd2;
	background: #f3f1ef;
}
.case_list_fr li {
	float: none;
	border-bottom: 1px solid #dbd9d6;
	border-top: 1px solid #fff;
	padding: 20px 15px;
	position: relative;
}

.case_list_fr li a:hover img{filter:alpha(opacity=50);opacity:.5;}

.case_list_fr li .name {
	background: url(../images/news-6x6.png) no-repeat left center;
	padding-left: 20px;
}
.case_list_fr .bgcolor {
	background: #fff;
}
.case_list_fr li .more {
	color: #765d59;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
/**************案例展示**************/  
.case_list li {
         position: relative;
        
        width: 454px;
	margin-bottom: 30px;
        margin:0px;
}
.case_list li .img {
	position: relative;
	width: 454px;
	height: 250px;
	overflow: hidden;
        margin:0px;
}
.case_list li .mask {
	background: url(../images/mask.png) repeat;
	padding: 0px 20px;
	width: 414px;
	line-height: 40px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
        margin:0;
}

.case_list li .maskImg {
	width: 454px;
	height: 250px;
	overflow: hidden;
        margin:0;
}

.case_list li .info {
	padding: 15px 20px;
	background: #262b37;
	color: #beb1a1;
	height: 60px;
	overflow: hidden;
        margin:0;
}
/**************软件百科_频道**************/  
.software_channel li {
	width: 350px;
}
.software_channel li .img {
	width: 138px;
	height: 92px;
	overflow: hidden;
}
.software_channel li .info {
	width: 202px;
	height: 92px;
	position: relative;
	overflow: hidden;
}
.software_channel li .more {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.software_channel li .box_s {
	margin-top: 20px;
}
.software_channel li .info .f14 {
	color: #56595d;
}
.software_channel li .info p {
	color: #272b37;
}
.software_channel ul {
	margin-bottom: 50px;
}
/**************国际产品**************/ 
.international li {
	width: 300px;
	height:200px;
	margin: 0px 31px 31px 0px;
}
.international li .img {
	width: 300px;
	height: 200px;
	overflow: hidden;
}
.international li .mask {
	padding: 0px 15px;
	line-height: 36px;
	color: #fff;
	background: #262b37;
}
/**************国际产品 _ 详情**************/ 
.international_pop {
	padding: 8px;
	width: 529px;
	display: inline-block;
	border: 2px solid #000;
	border-radius: 5px;
	background: #fff;
	position: absolute;
	z-index: 10000;
	margin: auto auto;
	text-align:left;
	display:none;
}
.international_pop .close {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 21px;
	height: 21px;
	background: url(../images/close_21x21.png) no-repeat;
	z-index: 10001;
}
.international_pop .img {
	position: relative;
	width: 529px;
	height: 349px;
	overflow: hidden;
}
.international_pop .mask {
	padding: 0px 10px;
	width: 509px;
	line-height: 32px;
	background: url(../images/mask.png) repeat;
	color: #fff;
	overflow: hidden;
	bottom: 0px;
	position: absolute;
}
