﻿@charset "utf-8";
/* CSS Document */
.tiaofu{
	background:url(../images/tiaofu.jpg) no-repeat center top;
}
/*产品开始*/
.index_chanpin01{
/*	background:#eefefe;*/
	padding:50px 0;
}
	/*产品分类开始*/
.index_product_type{
	padding:30px 0;
	width:270px;
	background:#076ce0;
/*	height:50px;*/
/*	position:relative;*/
/*	z-index:99;*/
/*	text-align:center;*/
}
.index_product_typeul{
	background:#efefef;
}
.index_product_type > h2{
/*	background:#076ce0;*/
	font-size:28px;
	line-height:42px;
	color:#ffcc33;
	text-align:center;
	padding-bottom:20px;
}
.index_product_type > h2 > span{
	display:block;
	font-size:22px;
	line-height:36px;
	color:#fff;
	font-weight:normal;
}
.index_product_type > div{
	background:url(../images/iphone.png) no-repeat 20px 30px;
	color:#ffcc33;
	font-size:16px;
	line-height:24px;
	padding-top:30px;
	padding-bottom:10px;
	padding-left:80px;
}
.index_product_typeul > li{
/*	float:left;*/
/*	display:inline-block;*/
	line-height:64px;
/*	background:#000000;*/
	padding-left:60px;
/*	margin-right:15px;*/
/*	text-align:center;*/
/*	position:relative;*/
	border-bottom:1px dashed #ccc;
/*	border:1px solid #ddd;*/
	background:url(../images/sanjiao.png) no-repeat 40px center;
}
/*
.index_product_type > li:hover .index_product_sub{
	display:block;
}
*/
/*
.index_product_sub{
	position:absolute;
	left:0;
	top:50px;
	width:100%;
	display:none;
}
.index_product_sub > li{
	line-height:50px;
	background:#000000;
	width:100%;
	text-align:center;
}
.index_product_sub > li a:hover{
	background:#cc0000;
}
.index_product_sub > li a{
	color:#fff;
	font-size:15px;
	display:block;
}
.index_product_sub > li a:hover{
	color:#fff;
}
*/
/*
.index_product_type > li:nth-of-type(1){
	background:#f7e370;
}
.index_product_type > li:nth-of-type(1) > a{
	color:#fff;
}
*/
.index_product_typeul > li a{
	color:#333;
	font-size:14px;
	display:block;
/*	border-radius:5px;*/
}
.index_product_typeul > li a:hover{
	color:#076ce0;
}
	/*产品分类结束*/
	/*产品展示开始*/
.index_product_list{
	width:870px;
	padding-left:30px;
/*	height:820px;*/
/*	margin-top:20px;*/
/*	overflow:hidden;*/
}
.index_prd_tit{
	font-size:26px;
	color:#e71f19;
	line-height:60px;
	padding:0 30px;
	height:80px;
	background:url(../images/chanpintit.jpg) no-repeat left top;
}
.index_prd_tit > a{
	font-weight:normal;
	font-size:15px;
	color:#fff;
/*	line-height:26px;*/
	float:right;
	width:70px;
	line-height:20px;
	border:1px solid #fff;
	text-align:center;
	margin-top:20px;
}
.index_product_list2{
	height:1200px;
	overflow:hidden;
}
.index_product_lbqh{
	width:900px;
}
.index_product_lbqh > li{
	float:left;
	width:280px;
	margin:30px 17px 0 0;
}
.index_product_lbqh > li:hover{
	
}
.index_product_kuang{
	width:280px;
	height:210px;
	overflow:hidden;
}
.index_product_lbqh > li > a{
	display:block;
	position:relative;
	color:#333;
	font-size:13px;
	text-align:center;
}
.index_product_lbqh > li > a:hover{
/*	opacity:0.9;*/
/*	text-decoration:underline;*/
	color:#fff;
}
.index_product_lbqh > li img{
	width:280px;
	height:210px;
}
.index_product_lhzjn{
	width:278px;
	line-height:40px;
	height:120px;
	border:1px solid #dedede;
	border-top:none;
	background:url(../images/jiahao.png) no-repeat right bottom;
}
.index_product_lbqh > li > a .index_product_lhzjn > div{
	line-height:24px;
	height:48px;
	padding:0 20px;
	overflow:hidden;
	color:#999;
}
.index_product_lbqh > li > a:hover .index_product_lhzjn{
	background:#076ce0;
}
.index_product_lbqh > li > a:hover .index_product_lhzjn > div{
	color:#fff;
}
	/*产品展示结束*/
/*产品结束*/
/*大标题开始*/
.index_biaoti{
	text-align:center;
	padding:30px 0;
	color:#076ce0;
}
.index_biaoti02{
	color:#333;
}
.index_biaoti > h2{
	font-size:24px;
	line-height:40px;
	color:#076ce0;
	text-align:center;
	font-weight:normal;
	position:relative;
	width:100%;
}
.index_biaoti02 > h2{
	color:#333;
}
.index_biaoti > h2 > s{
	position:absolute;
	top:20px;
	left:100px;
	width:400px;
	height:1px;
	background:#b1b1b1;
}
.index_biaoti02 > h2 > s{
	background:#333;
}
.index_biaoti > h2 > .index_biaoti_s02{
	left:700px;
}
.index_biaoti > span{
	font-size:34px;
	line-height:40px;
	display:block;
	font-weight:bold;
}
.index_biaoti > span > i{
	color:#efa934;
}
.index_biaoti02 > span > i{
	color:#333;
}
.index_biaoti > p{
	font-size:16px;
	line-height:26px;
}
/*大标题结束*/
/*优势开始*/
.index_youshi_biaoti{
	height:80px;
	background:url(../images/youshi_tit.jpg) no-repeat center center;
	margin:30px 0;
}
.index_youshi_biaoti > h2{
	line-height:54px;
	text-align:center;
	color:#076ce0;
	font-size:36px;
}
.index_youshi_biaoti > p{
	line-height:34px;
	color:#666;
	text-align:center;
	font-size:16px;
}
.index_youshi_kuai01{
	height:563px;
	background:url(../images/youshi_03.jpg) no-repeat 626px top;
}
.index_youshi_kuai02{
	height:436px;
	background:url(../images/youshi_11.jpg) no-repeat 133px top;
}
.index_youshi_kuai03{
	height:360px;
	background:url(../images/youshi_21.jpg) no-repeat 626px 56px;
}
.index_youshi_kuai > div{
	width:460px;
}
.index_youshi_kuai > div > h2{
	padding:56px 0 20px 88px;
	font-size:26px;
	line-height:44px;
	color:#076ce0;
/*	font-weight:normal;*/
}
.index_youshi_kuai > div > p{
	padding:0 0 0 56px;
	font-weight:normal;
	font-size:16px;
	line-height:30px;
	color:#646464;
}
.index_youshi_kuai01 > div{
	padding:57px 0 0 83px;
	background:url(../images/youshi_06.jpg) no-repeat 83px 57px;
}
.index_youshi_kuai02 > div{
	padding:0 0 0 598px;
	background:url(../images/youshi_14.jpg) no-repeat 598px 9px;
}
.index_youshi_kuai03 > div{
	padding:0 0 0 83px;
	background:url(../images/youshi_18.jpg) no-repeat 83px top;
}
/*优势结束*/
/*关于我们开始*/
.index_about_wrap{
	padding:40px 0;
	padding-top:70px;
}
.index_about_jieshao{
	padding-bottom:120px;
}
.index_about_jieshao > li{
	width:193px;
	height:193px;
	float:left;
	margin:0 23px;
/*	background:#fff;*/
	font-size:20px;
	line-height:40px;
	color:#fff;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.index_about_jieshao > li img{
	display:block;
}
.index_about_jieshao > li p{
	font-size:12px;
	line-height:30px;
}
.index_about_jieshao > li h2{
	font-size:28px;
	line-height:40px;
	color:#fff;
	text-align:center;
	padding-top:40px;
}
.index_b{
	width:100%;
	height:100%; 
	perspective:600px;
}
.index_pic1{
	width:100%;
	height:100%; 
	overflow:hidden;
	background:url(../images/fanzhuan01.png) no-repeat left top;
	transform:rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
    transition:all .8s ease-in-out;
}
.index_pic2{
	width:100%;
	height:100%; 
	overflow:hidden; 
	background:url(../images/fanzhuan012.png) no-repeat left top;
	position:absolute;
    top:0;
    left:0;
    z-index:-1;
	transform:rotateY(-180deg);
    transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:all .8s ease-in-out;
}
.index_b:hover .index_pic1{
	transform:rotateY(180deg);
}
.index_b:hover .index_pic2{
	transform:rotateX(0deg) rotateY(0deg);
    z-index: 10;
    position:absolute;
}
.index_about_jieshao > li .index_pic2{
	color:#fff;
}
.index_about_jieshao > li .index_pic2 h2{
	color:#fff;
}
.index_about_ine{
	line-height:40px;
	font-size:14px;
	color:#000;
	text-align:center;
}
.index_about_inel{
	height:215px;
	background:url(../images/abouttit.png) no-repeat center top;
}
.index_about_inel > h2{
	font-size:16px;
	color:#0c0b0b;
	line-height:50px;
	text-align:center;
	padding-top:40px;
}
.index_about_inel > span{
	display:block;
	font-size:15px;
	color:#8b8b8b;
	font-weight:normal;
	line-height:50px;
}
.index_about_iner2{
	padding:0 50px;
}
.index_about_iner2 > s{
	display:inline-block;
	width:60px;
	height:5px;
	background:#e0e0e0;
}
.index_about_iner2 > div{
	padding-top:30px;
}
.index_about_iner2 > a{
	display:block;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:#076ce0;
	width:130px;
	line-height:34px;
	margin:20px auto;
	border-radius:5px;
	margin-bottom:40px;
}
.index_about_iner2 > a:hover{
	opacity:0.95;
	color:#ffcc33;
}
/*关于我们结束*/
/*工程案例开始*/
.index_anli_wrap{
	padding-top:40px;
	padding-bottom:60px;
/*	height:597px;*/
	background:url(../images/1.jpg) repeat center center;
	background-attachment:fixed;
}
.index_biaoti_anli{
	line-height:60px;
	font-size:28px;
	color:#000;
	padding:20px 0;
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
}
.index_biaoti_anli span{
	text-align:center;
	font-weight:normal;
	display:block;
	line-height:36px;
	color:#076ce0;
	font-size:20px;
}
#pic_rongqi{
	width:1200px;
	height:280px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
/*
	background:#fff;
	box-shadow:0 3px 6px rgba(0,0,0,0.2);
*/
}
#pic_rongqi ul{
	height:245px;
	position:absolute;
	left:0;
	top:0;
}
#pic_rongqi li{
	width:300px;
	float:left;
	text-align:center;
}
#pic_rongqi li a{
	display:block;
	color:#333;
	font-size:18px;
	text-align:center;
}
#pic_rongqi li img{
	width:260px;
	height:195px;
	display:block;
	margin:auto;
}
#pic_rongqi li a span{
	display:block;
	line-height:50px;
	text-align:center;
	width:260px;
	margin:auto;
	background:#fff;
}
#pic_rongqi #left{
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-55px;
	cursor:pointer;
	width:20px;
	height:60px;
	background:rgba(0,0,0,0.4);
	color:#fff;
	font-size:20px;
	line-height:60px;
	text-align:center;
	display:block;
	display:none;
}
#pic_rongqi #right{
	position:absolute;
	margin-top:-55px;
	right:20px;
	top:50%;
	width:20px;
	height:60px;
	background:rgba(0,0,0,0.4);
	color:#fff;
	font-size:20px;
	line-height:60px;
	text-align:center;
	display:block;
	display:none;
}
/*工程案例结束*/
/*底部开始*/
/*资讯动态开始*/
.index_bottom_wrap{
	padding:69px 0;
/*	border-bottom:1px solid #c8c8c8;*/
}
.index_news_biaoti{
	text-align:center;
	position:relative;
	font-size:26px;
	line-height:56px;
	color:#393939;
	padding-bottom:55px;
}
.index_news_biaoti > span{
	text-align:center;
	display:block;
	font-size:16px;
	line-height:26px;
	color:#848983;
}
.index_news_biaoti > i{
	display:inline-block;
	background:#076ce0;
	border-radius:50%;
	width:30px;
	height:30px;
	vertical-align:middle;
}
.index_news_biaoti > s{
	display:inline-block;
	background:#cacaca;
	width:64px;
	height:1px;
	margin:0 15px;
	vertical-align:middle;
}
.index_mews_left{
	width:730px;
}
.index_mews_left > li{
	margin-bottom:20px;
}
.index_mews_left > li > a{
	display:block;
}
.index_mews_leftl{
	width:100px;
	height:100px;
	background:#076ce0;
	text-align:center;
	line-height:34px;
	color:#fff;
}
.index_mews_leftl > span{
	line-height:30px;
	font-size:16px;
	display:block;
	padding-top:20px;
}
.index_mews_leftr{
	width:540px;
	padding-left:20px;
}
.index_mews_leftr > h2{
	font-size:18px;
	line-height:38px;
	color:#46474b;
}
.index_mews_leftr div{
	height:60px;
	overflow:hidden;
	font-size:13px;
	line-height:20px;
	color:#636363;
}
.index_mews_right{
	width:440px;
}
.index_news_rr a{
	display:block;
	font-size:12px;
	line-height:24px;
	color:#7d8087;
}
.index_news_rr a > span{
	display:block;
	color:#7d7d7d;
	font-size:12px;
	line-height:22px;
}
.index_news_rr a > h2{
	color:#2f393a;
	font-size:16px;
	line-height:46px;
}
.index_news_rr a > s{
	display:block;
	width:440px;
	height:200px;
	background:url(../images/news_bg01.jpg) no-repeat center top;
}
.index_news_rr a > div{
	padding-top:3px;
	height:72px;
	overflow:hidden;
}
/*资讯动态结束*/
/*专业知识开始*/
.index_zhishi{
	width:460px;
	overflow:hidden;
	height:500px;
}
.index_zhishi_top{
	margin-bottom:30px;
	line-height:30px;
}
.index_zhishi_top > h2{
	font-size:16px;
	color:#28282d;
}
.index_zhishi_top > h2 > a{
	font-size:14px;
	color:#737373;
	float:right;
}
.index_zhishi_cont > li{
	font-size:14px;
	color:#9a9a9a;
	line-height:26px;
	padding:20px 0;
}
.index_zhishi_cont > li > a{
	font-size:14px;
	color:#9a9a9a;
	display:block;
}
.index_zhioshi_img{
	float:left;
	width:180px;
	height:135px;
	padding-right:20px;
}
.index_zhioshi_img img{
	width:180px;
	height:135px;
}
.index_zhioshi_jieshao{
	float:right;
	width:260px;
}
.index_zhishi_cont > li strong{
	font-size:16px;
	color:#6c6e70;
}
.index_zhishi_cont > li span{
	display:inline-block;
/*	padding:0 2px;*/
	margin-right:4px;
	width:16px;
	height:16px;
	text-align:center;
	line-height:16px;
	vertical-align:middle;
	color:#fff;
	background:#076ce0;
}
.index_zhishi_cont > li p{
	display:inline-block;
}
.index_zhishi_cont > li p a{
	display:inline-block;
	font-size:14px;
	color:#9a9a9a;
	line-height:28px;
}
.index_zhishi_cont > li s{
	display:inline-block;
/*	padding:0 2px;*/
	margin-right:4px;
	width:16px;
	height:16px;
	text-align:center;
	line-height:16px;
	vertical-align:middle;
	color:#fff;
	background:#969696;
	text-decoration:none;
}
#zhishi_rongqi{
	 overflow:hidden;
	height:400px;
}
/*专业知识结束*/
/*底部结束*/