/*common*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:'微软雅黑';vertical-align:baseline;}
body{background:#FFF; -webkit-text-size-adjust:none; font-size:12px;}
html,body{height:100%;}
blockquote,q{quotes:none;}
li{list-style-type:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
a{color:#666;text-decoration:none;}
a:hover{ text-decoration:underline;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
img{width: 100%;}

/*head*/
#head{
	background:#fff;
}

.logowrap{
	max-width: 1160px;
	margin:0 auto;
	height:100px;
}

.logo{
	float: left;
	width:600px;
	height: 100px;
	background: url(../images/logo.png) no-repeat;
	background-size: contain;
}

.language{
	float: right;
	padding-top: 18px;
	color: #666;
	font-size: 14px;
}

.language a{
	padding:0 6px;
}

/*PC端的导航条*/
#menu2{
	width: 100%;
	height:50px; 
	background:#15499a; 
	z-index:2; 
	position:relative
}

#menu2 ul{
	width:1160px; 
	margin:0 auto; 
	line-height:50px; 
}
#menu2 li ul{
	display:none;
}

#menu2 li{
	float:left; 
	width:145px; 
	height:50px; 
	text-align:center; 
	position:relative;
}

#menu2 li a{
	color:#FFF; 
	font-size:16px;
	text-decoration: none; 
}

#menu2 li a:hover{ 
	background:#4bb13f; 
	display:block; 
}

#menu2 li ul{
	width: 145px;
	display:none; 
	position:absolute; 
	left:0px; 
	top:50px; 
	white-space: nowrap;
}

#menu2 li a{
	display:block; 
}

#menu2 li ul li{
	height: 36px; 
	line-height:36px; 
}

#menu2 li ul li a{
	font-size:14px; 
	padding-left: 1px;
	background:#1f317f; 
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}

#menu2 li.sfhover ul li a:hover{ 
	background:#4bb13f;
}

.menuselect,.menuselecton{
	background:#4bb13f;
}

/*移动端的导航条*/
.a2{
	display: block;
}
.a1{
	display: none;
}

.apply-pup{
	background:url(../images/navbg.png) left center no-repeat; 
	width:24px; 
	height:50px; 
	display:block; 
	text-indent:-9999px;
}

.mobile_topnav{
	display: none;
}

/*home*/
#home{
	background: #fff;
	z-index: 10;
}


/*banner*/
.banner{
	width: 100%;	
}

.sliderContainer{ 
	position:absolute; 
	width:100%;
}

.iosSlider{ 
	position:relative; 
	top:0; 
	left:0; 
	overflow:hidden; 
	width:100%; 
	height:500px;
	border-bottom: #15499a solid 10px;
}

.slider{ 
	width:100%; 
	height:100%;
}

.slider .item{ 
	width:100%; 
	height:100%;
}

.item .inner{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	box-shadow: 0 0 10px -5px #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.slideSelectors_box{
	width:1000px; 
	position:relative;
	margin:0 auto;
}

.item .inner a{
	display:block; 
}

.item .inner .selectorShadow{ 
	position:absolute; 
	left:0; 
	bottom:0; 
	/*background:url(../images/selector-shadow.png) no-repeat 0 0; */
	width:120px; 
	height:30px;
}

.item .inner .text1{ 
	/*background:none repeat scroll 0 0 #000000; */
	opacity:0; 
	filter:alpha(opacity=0); 
	position:absolute; 
	left:10%; 
	top:20%; 
	padding:5px 2px 0  0px;
	color: #333;
}

.item .inner .text1 span{ 
	color:#0054a6; 
	font: 40px/65px  Microsoft YaHei;
	font-weight: bold;
	/*font-family: Microsoft YaHei;*/
}

.item .inner .text2{
	width: 35%;
	/*background:none repeat scroll 0 0 #000000;*/ 
	opacity:0; filter:alpha(opacity=0); 
	padding:5px 7px 7px 0; 
	position:absolute; 
	left:10%; 
	top:35%;
	line-height: 30px;
	max-height: 20%;
	overflow: hidden;
}

.item .inner .text2 span{ 
	color:#333; 
	font:16px/20px Helvetica,Arial,sans-serif;
    line-height: 32px;
}

.slider .item1 .inner{ 
	background-image:url(../images/banner1.jpg); 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;
	background-size: cover;
}

.slider .item2 .inner{ 
	background-image:url(../images/banner1.jpg); 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;
	background-size: cover;
}

.slider .item3 .inner{ 
	background-image:url(../images/banner1.jpg); 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;
	background-size: cover;
}

.button_more{
	width: 160px;
	height: 50px;
	line-height: 50px;
	background:none;
	border:2px solid #333;
	border-radius: 5px;
	outline: none;
	color: #333;
	text-align: center;
	font-size: 20px;
	position: absolute;
	bottom: 20%;
	left: 10%;
}

.button_more:hover{
	color: #0054a6;
	border:2px solid #0054a6;
}


.prevContainer,.nextContainer{
	position: absolute;
	top: 0;
	width: 30px;
	padding:0 0 19.5% 0;
	z-index: 9;
}

.prevContainer{
	left: 8%;
}

.nextContainer{
	right: 8%;
}

.prevContainer .prev,.nextContainer .next{
	position: absolute;
	bottom: -20%;
	width: 100%;
	height: 30%;
	text-indent: -9999px;
}

.prevContainer .prev{
	background: url(../images/pre.png) no-repeat;
}

.prevContainer .prev:hover{
	background: url(../images/preon.png) no-repeat;
}

.nextContainer .next{
	background: url(../images/next.png)  no-repeat;
}

.nextContainer .next:hover{
	background: url(../images/nexton.png)  no-repeat;
}



/*index---main--*/
.main{
	max-width: 1160px;
	margin:0  auto;
	padding-top: 540px;
}

.about{
	float: left;
	width: 36.3%;
	margin-right: 5%;
	background:url(../images/headline.jpg) top repeat-x;
	overflow: hidden;
}

.i_title{
	height: 28px;
	line-height: 28px;
	font-size: 24px;
	text-align: right;
}

.i_title span{
	float: left;
}

.blue{
	color: #15499a;
}

.gray{
	color: #cccccc;
}

.about_text{
	padding-top:10px;
	color: #999;
	line-height: 30px;
	font-size: 14px;
}

.product{
	float: right;
	width: 58.6%;
	background:url(../images/headline.jpg) top repeat-x;
}

.more{
	font-size: 12px;
	display: block;
}

.product_detail{
	padding-top: 20px;
	margin:0 -2.5%;
}

.product_detail li{
	float: left;
	width: 45%;
	margin:0 2.5%;
}

.product_detail li a{
	display: block;
	width: 100%;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	text-decoration: none;
}

.product_detail li a:hover{
	opacity: 0.75;
}

.mianpading{
	margin-top: 36px;
}

.design{
	float: left;
	width:58.8%;
	margin-right: 5%;
	background:url(../images/headline.jpg) top repeat-x;
}

.design_detail{
	width: 100%;
	padding-top:20px;
	margin:0 -2.1% ;
}

.design_detail li{
	width:100%;
	float: left; 
	padding:0 2.1% 15px 2.1%;
	font-size: 14px;
	color: #666;
	white-space: nowrap;
    float: left;
}

.design_detail li p{
	width: 100%;
	white-space:initial ;
	line-height: 30px;
	/*overflow: hidden;8*/
	/*text-overflow: ellipsis;*/
}

.news{
	width: 36.2%;
	float: right;
	background:url(../images/headline.jpg) top repeat-x;
}

.news_detail{
	width: 100%;
	padding-top: 20px;
}

.news_detail li{
	padding-bottom: 25px;
}

.news_detail li a{
	line-height: 20px;
	color: #999999;
	text-decoration: none;
	font-size: 14px;
}

.news_title{
	font-size: 16px;
	color: #666;
	line-height: 25px;
}

.more_i{
	float: right;
}

.contact{
	width: 100%;
	float: left;
	margin-top: 20px;
	padding-bottom: 35px;
	background:url(../images/headline.jpg) top repeat-x;
}

.contact_detail{
	width: 98%;
	color: #999;
	font-size: 14px;
	padding:20px 2% 20px 0px;
	line-height: 25px;
}


/*---footer---*/
.footer{
	width: 100%;
	float: left;
}

.link{
	height: 80px;
	background:url(../images/link.jpg) repeat-x;
	overflow: hidden;
	padding:20px 0 0 0;
}

.link li{
	width: 14%;
	float: left;
	margin:0 2.5% 0 0;
}

.container{
	max-width: 1160px;
	margin:0 auto;
}

.copyright{
	height: 50px;
	background: #15499a;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

.container a{
	color: #fff;
}

/*内頁部分*/
.i_banner{
	width: 100%;
	position: relative;
}

.bg_banner{
	width: 1160px;
	height: 30%;
	position: absolute;
	bottom: 5px;
	background: #000;
	opacity: 0.5;
    display: none;

}

.bg_title{
	color: #fff;
	font-size: 22px;
	position: absolute;
	bottom: 16%;
	padding-left: 20px;
    display: none;
}

.bg_head{
	color: #fff;
	position: absolute;
	bottom: 5%;
	padding-left: 20px;
    display: none;
}

/*内页mian*/
.i_main{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	float: left;
}

.leftsider{
	float: left;
	width:17.3%; 
}

.rightsider{
	float: right;
	width: 79.1%;
}

.left_list{
	width: 100%;
	text-align: center;
}

.list_head{
	width: 100%;
	background: #15499a;
	color: #fff;
	line-height: 60px;
	border: 1px solid #15499a;
	font-size: 20px;
}

.left_list li{
	width: 95%;	
	font-size: 16px;
	line-height: 40px;
	border: 1px solid #15499a;
	border-top:none;
	text-align: left;
	padding-left: 5%;
}

.left_list li a{
	color: #666;
	text-decoration: none;
	display: block;
	background: url(../images/li.png) no-repeat 92% 13px;

}

.left_list li a:hover{
	color: #15499a;
	background: url(../images/hoverli.png) no-repeat 92% 13px;
}

.listpadding{
	padding-top: 30px;
}

.list_contact{
	width: 95%;
	border: 1px solid #15499a;
	padding:10px 0 10px 5%;
	color: #666;
	line-height: 25px;
	text-align: left;
}

.right_head{
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #333;
	font-size: 24px;
	border-bottom: 1px solid #b2b2b2;
}

.right_dispaly{
	height: 60px;
	color: #333;
	border-bottom: 1px solid #b2b2b2;
}

.diaplay_title{
	height: 35px;
	line-height: 35px;
	font-size: 20px;
	text-align: center;
}

.display_time,.display_actor{
	float: left;
	width: 45%;
	text-align: right;
	color: #666;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
}

.display_actor{
	float: right;
	text-align: left;
}

.right_content{
	width: 99%;
	color: #666;
	padding:20px 0.5%;
	font-size: 14px;
	line-height: 25px;
}


.right_content li{
	float: left;
	width:23%;
	margin-right: 1.5%;
	margin-top: 20px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 10px;
}
.right_content img{ width:auto; max-width:100%;}

.right_content li a{
	display: block;
	border: 1px solid #e7e7e7; 
}

.bottomsolid{
	float: left;
	margin-bottom: 30px;
	border-bottom: 1px solid #e7e7e7;
}

.pages{
	float: left;
	width: 100%;
}

.pagestotal{
	float: right;
	padding-right: 50px;
	font-size: 14px;
	color: #333;
	line-height: 27px;
}

.pages ul{
	float: right;
}

.pages li{
	float: left;
	border:1px solid #e7e7e7;
	margin-right: 5px;
	margin-bottom: 6px;
}

.pages li a{
	display: block;
	padding:5px 10px;
	color: #333;
	background: #fff;
}

.pages li a:hover{
	color: #fff;
	background: #15499a;
}

.product_list{
	float: left;
	width: 100%;
	padding-top: 20px;
}

.product_list li{
	float: left;
	width: 30%;
	margin:0 1.55%;
	margin-bottom: 20px;
}

.product_list li a{
	color: #666;
	font-size: 14px;
}

.download{
	width: 100%;
}

.download li{
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #333333;
	border-bottom: 1px dotted #d3d3d3;
	background: url(../images/db.png) no-repeat 0 12px;
}

.download li a{
	color: #333;
}

.download_title{
	padding-left:3%;
	width: 77%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

.download_btn{
	float: left;
	width: 6%;
	text-align: center;
	color: #0099ff;
}

.download_time{
	width: 14%;
	float: right;
	color: #999999;
	text-align: right;
}

.news_list{
	width: 100%;
	padding-top:20px;
}

.news_list li{
	float: left;
	line-height: 30px;
	width: 23%;
	margin:0 1%;
	white-space: nowrap;
	margin-bottom: 20px;
}

.news_list li a{
	width: 100%;
	display: block;
	color: #666666;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.contactus{
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #333;
	font-size: 24px;
	border-bottom: 1px solid #b2b2b2; 
}

.contact_map{
	width: 90%;
	padding: 20px 5%;
	color: #333;
	font-size: 14px;
	line-height: 30px;
}

.mapmap{
	width: 100%;
	height: 500px;
}

.feedback{
	width: 100%;
	margin-top: 20px;
	border: 2px solid #15499a;
	padding-bottom: 20px;
}

.feedback_head{
	width: 96%;
	height: 40px;
	background-color: #15499a;
	padding-left: 4%;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	border: 1px solid #15499a;
	margin-bottom: 10px;
}

.feed_input{
	width: 91%;
	margin:10px 4% 0 4%;
	padding-left: 1%;
	height: 40px;
	border-radius: 3px;
	outline:none;
	font-size: 14px;
	color: #999;
	border: 1px solid #ccc;
}

.feed_text{
	width: 91%;
	margin:10px 4% 0 4%;
	padding-top: 15px;
	padding-left: 1%;
	height: 145px;
	font-size: 14px;
	color: #999;
	border-radius: 3px;
	outline:none;
	border: 1px solid #ccc;
}

.feed_btn{
	width: 90px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	outline: none;
	margin-top: 20px;
	color: #fff;
	background: #15499a;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 45%;
}

/*在线平台*/

.online{
	position: fixed;
	width: 60px;
	height: 230px;
	background: #15499a;
	top:260px;
	right: 3.5%;
	z-index: 99;
	border-radius: 5px;
}

.online_head{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #ccc;
	color: #333333;
	text-align: center;
	font-size: 12px;
	border-top-right-radius: 5px ;
	border-top-left-radius: 5px ;
}

/*自适应部分*/
/*根据导航栏目的长度定义的1160*/
@media screen and (max-width : 1160px){
	/*在移动端中浏览器会有自带的一个点击高亮效果*/
	*{-webkit-tap-highlight-color:transparent;}

	.a1{
		float: left;
		display: block;
		padding-left: 15px;
	}

	.a2{
		display: none;
	}

	.logo{
		width: 48%;
		margin-left: 2%;
	}

	.item .inner .text1{
		top: 10%;
	}

	.button_more{
		bottom: 15%;
	}

	.bg_banner{
		margin:0 5%;
		height: 35%;
		width: 90%;
	}

	.bg_title{
		left: 4%;
		font-size: 16px;
		bottom: 20%;
	}

	.bg_head{
		left: 4%;
	}

	.i_main{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.leftsider{
		width: 25%;
	}

	.rightsider{
		width: 70%;
	}

	.right_content li{
		width: 30%;
		margin-right: 3%;
	}

	.pagestotal{
		float: left;
		padding-right: 0px;
	}

	.product_list li{
		width: 48%;
		margin:0 1%;
		margin-bottom:20px;
	}

	.download_title{
		width: 100%;
	}

	.download_btn{
		width: 50%;
		text-align: left;
	}

	.download_time{
		width: 50%;
		text-align: right;
	}
	
	.download li{
		height: 72px;
	}

	.mapmap{
		height: 400px;
	}

	.online{
		right:0px;
	}
}


/*移动端的适应*/
@media screen and (max-width: 640px){
	.logowrap{
		height: auto;
	}

	.logo{
		float: none;
		width: 48%;
		height: 70px;
		margin-left: 2%;
	}

	#menu2,.apply-pup{
		height: 39px;
	}

	.mobile_topnav{
		display: block;
		position: absolute;
		right: 10px;
		top:30px;
	}

	.mobile_topnav li{  
		float:left; 
		margin-left:10px; 
		-moz-border-radius: 100px; 
		-webkit-border-radius: 100px; 
		border-radius:100px;
	}

	.mobile_topnav li a:hover{
		text-decoration:none;
		background:#15499a; 
		color:#fff;
	}

	.mobile_topnav li a{
		border:1px solid #15499a; 
		width:28px; 
		height:28px; 
		display:block; 
		text-align:center; 
		line-height:28px; 
		color:#666;  
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px; 
		border-radius:100px;
	}

	.mobile_topnav li.on a{
		background:#15499a; 
		color:#fff;
	}

	.mob_mail{
		background:url(../images/mail.png) center center no-repeat; 
		-moz-border-radius: 100px; 
		-webkit-border-radius: 100px; 
		border-radius:100px;
	}

	.mob_mail a:hover{
		background:#15499a url(../images/mailhover.png) center center no-repeat !important;
	}

	.iosSlider{ 
		height:290px;
	}


	/*主体部分*/
	.main{
		padding-top: 320px;
	}

	.about,.product{
		float: none;
		width: 95%;
		margin:0 auto;
	}

	.design,.news,.contact{
		width: 95%;
		margin:0 2.5%;
	}

	.product,.design,.news{
		margin-top: 20px;
	}

	.link{
		display: none;
	}

	.bg_banner{
		width: 35%;
		height: 100%;
		position: absolute;
		background: #000;
		opacity: 0.5;
		margin:0;
	}

	.bg_title{
		bottom: 45%;
		left: 0;
		font-size: 18px;
	}
	
	.bg_head{
		display: none;
	}

	.leftsider,.rightsider{
		width: 100%;
	}

	.rightsider{
		padding-top: 20px;
	}

	.right_content li{
		width: 48%;
		margin-right: 2%;
	}

	.product_list li{
		width:100%;
		margin:0;
		margin-bottom:20px;
	}

	.news_list li{
		float: left;
		width: 48%;
		margin:0 1%;
		white-space: nowrap;
		margin-bottom: 20px;
	}

	.mapmap{
		height: 350px;
	}

	.item .inner .text1{ 
		/*background:none repeat scroll 0 0 #000000; */
		opacity:0; 
		filter:alpha(opacity=0); 
		position:absolute; 
		left:10%; 
		top:20%; 
		padding:5px 2px 0  0px;
		color: #0054a6;
	}
	
	.item .inner .text1 span{ 
		color:#0054a6; 
		font: 24px/40px  Microsoft YaHei;
		font-weight: bold;
		/*font-family: Microsoft YaHei;*/
	}
	
	.item .inner .text2{
		width: 35%;
		/*background:none repeat scroll 0 0 #000000;*/ 
		opacity:0; filter:alpha(opacity=0); 
		padding:5px 7px 7px 0; 
		position:absolute; 
		left:10%; 
		top:35%;
		height: 60px;
		overflow: hidden;
	}
	
	.item .inner .text2 span{ 
		color: #333;
		height: 60px;
		overflow: hidden;
		font: 12px/22px Microsoft YaHei,Helvetica,Arial,sans-serif;
	}
	
	.button_more{
		width: 100px;
		height: 40px;
		line-height: 40px;
		background: none;
		border:2px solid #333;
		border-radius: 5px;
		outline: none;
		color: #333;
		text-align: center;
		font-size: 16px;
		position: absolute;
		bottom: 20%;
		left: 10%;
	}
}


@media screen and (max-width : 500px){
	.iosSlider{ 
		height:220px;
	}
	.item .inner .text1,.item .inner .text2,.button_more{
		display: none;
	}
	.main{
		padding-top: 240px;
	}

	.copyright{
		line-height: 25px;
	}

	.download_title{
		padding-left: 6%;
		width: 94%;
	}

	.news_list li{
		float: left;
		width: 100%;
		white-space: nowrap;
		margin-bottom: 20px;
	}

	.mapmap{
		height: 300px;
	}

	.feed_btn{
		margin-left: 40%;
	}
}


@media screen and (max-width : 360px){
	.iosSlider{ 
		height:200px;
	}

	.item .inner .text1,.item .inner .text2,.button_more{
		display: none;
	}

	.main{
		padding-top: 220px;
	}

	.right_content li{
		width: 100%;
	}

	.download_title{
		padding-left: 6%;
	}

	.feed_btn{
		margin-left: 35%;
	}
}


/*主体内容的适应部分 ipad*/
@media screen and (min-width: 640px) and (max-width : 1160px){
	.about{
		float: none;
		width: 95%;
		margin:0 2.5%;
	}

	.product{
		float: left;
		width: 45%;
		margin:20px 2.5%;
	}

	.mianpading{
		margin-top: 20px;
	}
	.design {
		float: right;
		width: 45%;
	}
	.news,.contact{
		float: left;
		width: 95%;
		margin:0 2.5%;
	}

	.link{
		padding-left: 2%;
		height: 60px;
	}

	.news_list li{
		float: left;
		width: 45%;
		margin:0 2.5%;
		white-space: nowrap;
		margin-bottom: 20px;
	}
}