*{
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-family: "Microsoft YaHei", "微软雅黑";
}

body{
	background-color: #000;
}

#first{
	background: url(../images/bg1.jpg);
}


nav{
	background-color: #1B252E;
	height: 60px;
	width: 1440px;
	margin: 0 auto;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
}

nav ul li{
	font-family: "Microsoft YaHei", "微软雅黑";
	list-style-type: none;
	float: left;
	font-size: 20px;
	color: #fff;
	line-height: 56px;
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	margin-left: 97px;
}

nav ul li a{
	font-family: "Microsoft YaHei", "微软雅黑";
	text-decoration: none;
	font-size: 20px;
	color: #fff;

}

nav ul li:first-child{
	margin-left: 0px;
}

nav ul li.active{
	color: #D61B34;
	border-bottom: 4px solid #D61B34;
}

nav .logo, .footer .logo{
	float: left;
	margin-left: 132px;
	margin-right: 289px;
	
}

nav .logo li, .footer .logo li{
	font-family: "宋体";
	letter-spacing: 0.1em;
	font-size: 21px;
	color: rgba(255, 255, 255, 0.85);
	list-style-type: none;
}

.footer .logo{
	margin-top: 26px;
	margin-left: 216px;
}

.footer .logo li{
	font-size: 20px;
	font-family: "宋体";
	color: #DF1D37;
	line-height: 32px;
}

.footer .copyright{
	float: right;
	margin-right: 124px;
	margin-top: 26px;
}

.footer .copyright li{
	font-size: 14px;
	list-style-type: none;
	color: rgba(255, 255, 255, 0.75);
	font-family: "Palatino Linotype", "Tahoma", "Arial", "Verdana";
	line-height: 32px;

}



.content{
	width: 1440px;
	margin: 0 auto;
	margin-top: 60px;
}

.about_us, .business, .cases, .customer, .contact, .ourideas, .ourstrength, .aboutus_contact, .joinus, .introduction{
	width: 100%;
	background-color: #fff;
	text-align: center;
	font-size: 50px;
	padding-top: 80px;
}

.about_us h2, .business h2, .cases h2, .customer h2, .contact h2, .ourideas h2, .ourstrength h2, .aboutus_contact h2, .joinus h2, .introduction h2{
	font-size: 30px;
	font-weight: normal;
	color: #1E2E42;
	margin-top: 9px;
	letter-spacing: 2px;
	text-align: center;
}

.business h2, .customer h2, .ourideas h2{
	color: #fff;
}

.about_us h3, .business h3, .cases h3, .customer h3, .contact h3, .ourideas h3, .ourstrength h3, .aboutus_contact h3, .joinus h3, .introduction h3{
	font-size: 20px;
	font-weight: normal;
	color: #a9a9a9;
	font-family: "MingLiU-ExtB";
	margin-top: 5px;
	text-align: center;
}

.joinus h3{
	margin-bottom: 80px;
}

.business h3, .customer h3, .ourideas h3{
	color: #fff;
}

.ourideas{
	width: 100%;
	height: 355px;
	padding-top:0px;
	background-image: url('../images/bg_aboutus2.jpg');
	background-repeat: no-repeat;
}

.business{
	width: 100%;
	background-image: url('../images/business_bg.jpg');
	background-repeat: no-repeat;
	position: relative;
	padding-top: 80px;
}

.customer{
	width: 100%;
	height: 622px;
	background-image: url('../images/bg_customer.jpg');
	background-repeat: no-repeat;
	position: relative;
	padding-top: 80px;
}

.cases{
	width: 100%;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 80px;
}

.contact{
	width: 100%;
	height: 349px;
	padding-top: 80px;
	background-color: white;
	position: relative;
}


.about_us ul, .business ul{
	margin-top: 58px;
	height: 206px;
	display: inline-block;
}

.about_us .zone{
	width: 235px;
	float: left;
	list-style-type: none;
	margin-left: 54px;
}

.about_us{
	height: 637px;
}



.btn{
	font-size: 25px;
	color: #fff;
	background-color: #DF1D37;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 2px;
	padding: 13px 50px;
	margin-top: 60px;
	font-weight: 100;
}


.about_us .zone .zone_content{
	position: relative;
	border-top: 4px solid #DF1D37;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.30); 
	margin-top: 25px;
}

.zone .mark img{
	max-width: 60px;
	height: 60px;
}

.keynote{
	font-size: 32px;
	color: #DF1D37;
	padding-top: 15px;
	font-weight: bold;
}

.specifics{
	font-size: 20px;
	color: #001300;
	padding-bottom: 23px;
	padding-top: 7px;
}

.white{
	color: #fff;
}

.business .zone{
	padding-top: 30px;
	padding-bottom: 18px;
	border: 1px solid white;
	float: left;
	list-style-type: none;
	width: 163px;
	height: 184px;
	text-align: center;
	border-right: 0px;
	position: relative;
}

.customer ul, .contact ul{
	margin-top: 60px;
	display: inline-block;
}

.cases .zone{
	list-style-type: none;
	float: left;
	margin-left: 70px;
}

.customer .zone{
	list-style-type: none;
	float: left;
	position: relative;
	margin-left: 52px;
}


.customer .zone a{
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 140px;
	background-color: rgba(216, 216, 216, 0.10);
}

.customer .zone a img{
	display: block;
	position: absolute;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
}

.contact .zone{
	list-style-type: none;
	float: left;
	margin-left: 42px;
}

.cases ul li:first-child, .customer ul li:first-child, .contact ul li:first-child{
	margin-left: 0px;
}

.business .active{
	background: #DF1D37;
	border-left: 1px solid #DF1D37;
	border-bottom: 1px solid #DF1D37;
}

.business li.zone:last-child{
	border: 1px solid white;
}

.business .specifics{
	width: 96px;
	letter-spacing: 1px;
	display: inline-block;
}

.about_us .zone .zone_content .triangle{
	display:block; 
    width:0; 
    height:0; 
    border-width:0 10px 10px; 
    border-style:solid; 
    border-color:transparent transparent #DF1D37; 
    position:absolute; 
    top:-10px; 
    left:50%;/* 三角形居中显示 */
    margin-left:-10px;/* 三角形居中显示 */
}


.business .triangle, .cases .triangle, .customer .triangle, .contact .triangle{
	display:block; 
    width:0; 
    height:0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #DF1D37;
    position:absolute; 
    top:0px; 
    left:50%;/* 三角形居中显示 */
    margin-left:-18px;/* 三角形居中显示 */
}


.business .zone .triangle{
	display:block; 
    width:0; 
    height:0;
    border-left: 82px solid transparent;
    border-right: 82px solid transparent;
    border-top: 30px solid #DF1D37;
    position:absolute; 
    top:182px; 
    left:50%;/* 三角形居中显示 */
    margin-left:-82px;/* 三角形居中显示 */
}

.ourideas .title{
	color: white;
	text-align: center;
	margin-top: 40px;
	letter-spacing: 0.1em;
	font: 30px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;
}

.ourstrength .title{
	width: 1100px;
	text-align: center;
	margin-top: 40px;
	letter-spacing: 0.1em;
	font-family: '宋体',sans-serif;
	font-size: 26px;
}

.introduction .title p{
	width: 100%;
	text-align: left;
	margin-top: 40px;
	letter-spacing: 0.1em;
	font: 26px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;

}

.business .title{
	
	color: white;
	text-align: center;
	line-height: 72px;
	font-family: Simsun;
	font-size: 30px;
	line-height: 35px;
	font-weight: lighter;
	letter-spacing: 0.1em;
}

.business .article p:first-child{
	margin-top: 35px;
}


.business .article p{
	color: white;
	text-align: left;
	letter-spacing: 3px;
	margin-top: 20px;
	font-weight: lighter;
	font-family:SimSun;
	font-size: 20px;
	line-height: 30px;
}

.business .article p span{
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: red;
}


.business .detail{
	width: 805px;
	display: inline-block;
	padding-bottom: 40px;
	margin: auto;
	height: 400px;
}

.ourideas .detail{
	width: 805px;
	display: inline-block;
}

 

.ourstrength .detail{
	width: 1100px;
	display: inline-block;
}


.introduction .detail{
	width: 1120px;
	display: inline-block;
}



.contact span, .aboutus_contact span{
	font-family: "Microsoft YaHei", "微软雅黑";
	font-size: 18px;
	height: 45px;
	display: block;
	line-height: 45px;
	background-size: 45px 45px;

}


span.email{
	background-image: url('../images/email.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 53px;
	text-align: left;
}

span.address{
	background-image: url('../images/address.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 53px;
	text-align: left;
}

span.phone{
	background-image: url('../images/phone.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 48px;
	text-align: left;
}

.catalog_indicator{
	width: 65px;
	height: 6px;
	background-color: #DF1D37;;
	margin: 0 auto;
}

.footer{
	width: 100%;
	height: 84px;
	background-color: #1B252E;
}

.about_us .image_zone{
	margin-top: 60px;
	text-align: center;
}

.about_us .image_zone img{
	display: block;
	padding: 0;
	margin: 0;
	margin: auto;

}



.adv_zone{
	height: 720px;
	position: relative;
}

.adv_zone h1{
	position: absolute;
	color: white;
	z-index: 100;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0; 
	width: 860px;
	height: 100px;
	font-size: 50px;
	font-family: "Microsoft YaHei", "微软雅黑";
	letter-spacing: 0.03em;
}




.left_col{
	width: 634px;
	float: left;
	margin-top: 40px;
}

.right_col{
	float: left;
}

.contact_content{
	margin-top: 40px;
	margin-bottom: 80px;
}

.contact_content ul{
	display: inline-block;
}

.aboutus_contact li{
	list-style-type: none;
	margin-top: 10px;
}

.aboutus_contact{
	padding-bottom: 5px;
	height: 435px;
	padding-top: 0px;
}

.joinus{
	text-align: center;
}



.hr{
	width: 900px;
	display: inline-block;
	background-color: #F2F5F4;
	margin-bottom: 60px;
}


.hr .zone li{
	float: left;
	width: 50%;
	list-style-type: none;
	height: 50px;
}


.hr .zone .title{
	font-size: 30px;
	line-height: 50px;
	color: #1B252E;
	text-align: left;
}

.hr .zone .pubdate{
	font-size: 16px;
	line-height: 50px;
	color: #1B252E;
	text-align: right;
	margin-right: 56px;
}

.hr .zone h2{
	font-size: 22px;
	text-align: left;
	
}

.hr .zone h2 span{
	font-size: 22px;
	color: #DF1D37;
}

.hr .zone .hr_content{
	margin-left: 50px;
	line-height: 50px;
	text-align: left;
}

.hr .zone{
	height: 407px; 
}

.hr .zone .sec_name{
	line-height: 30px;
}

.hr .zone .hr_content ol li{
	width: 100%;
	line-height: 40px;
	height: auto;
	list-style-type:decimal;
    list-style-position:inside;
}

.hide{
	display: none;
}

.show{
	display: block;
}

.cases .container{
	width: 1200px;
	display: inline-block;
	margin-top: 80px;
	margin-bottom: 80px;
}

.cases .left, .cases .right{
	float: left;
}

.cases .right li{
	float: left;
	list-style-type: none;
	width: 334px;
	height: 245px;
	margin-left: 10px;
}

.cases .right div{
	display: block;
	margin-left: 10px;
}

.cases .right div.bottom{
	margin-top: 255px;
	clear: both;
}