/*基本信息*/
body {
	margin:0 auto;
	font-family:Microsoft YaHei,Arial;
	font-size:14px; 
	color:#666;
	padding:100px 0 0;
	*overflow-x:hidden;
}

ul{ padding:0; margin:0; list-style:none;}
li{ list-style: none;}
dl,dd{ margin:0; list-style: none;}
a{ cursor:pointer; color:#747474; transition:color .2s linear;}
a,a:link,a:visited,u{ text-decoration: none;outline: 0}
a:active{ color:#fff;}
a:hover{text-decoration: none; color:#0093dd;}
h1,h2,h3,h4,h5,h6,p{margin: 0;}
form{ margin:0px}
a img{ border:0px;}
hr{ border:0; border-bottom:1px solid #eee; height:0px; overflow:hidden;}
i,em{ text-decoration:none; font-style:normal;}
input,textarea{ font-family:Microsoft YaHei,Arial; color:#747474; outline:none;}

.menu{ display:none;}
.call{ display:none;}

.head{ position:fixed; top:0; left:0; width:100%; height:100px; background:#fff; z-index:998; border-bottom:1px solid #ddd; transition:height .2s linear;}
.head span{ float:left;}
.head span img{ width:340px; max-width:100%; transition:width .2s linear;}
.head ul{ float:right;}
.head ul li{ *float:left; display:inline-block; line-height:100px; margin:0 20px; transition:line-height .2s linear;}
.head ul li a{ color:#666;}
.head ul li a:hover{ color:#0093dd;}

.fixed{ height:50px; border-bottom:1px solid #eee; z-index:998; box-shadow:0 2px 8px rgba(0,0,0,.2);}
.fixed span img{ width:179px;}
.fixed ul li{ display:inline-block; line-height:50px; margin:0 20px;}

.min_banner{ font-size:0; overflow:hidden; position:relative; display:none;}
.min_banner img{ width:100%;}
.min_banner ul li{ float:left; width:100%; position:relative;}
.min_banner .btn{ position:absolute; bottom:5%; right:0; width:100%; text-align:center;}
.min_banner .btn i{width:10px; height:10px; margin:5px; display:inline-block; -webkit-border-radius:100%; border-radius:100%; background:#b6b6b6;}
.min_banner .btn i.cur{ background:#0093dd;}

.banner_box{ width:100%; margin:auto; overflow:hidden;}
.banner{ width:1920px; height:516px; position:relative; overflow:hidden; left:50%; margin-left:-960px;}
.banner ul{height:250px; position:absolute;}
.banner ul li{ float:left; width:1920px; height:516px; overflow:hidden;}
.banner-btn{ position:absolute; width:80px; margin-left:-40px; bottom:30px; left:50%;}
.banner-btn i{ float:left; margin:0 5px; display:inline-block; width:10px; height:10px; border-radius:100%; background:#b6b6b6; cursor:pointer;}
.banner-btn .current{ background:#0093dd;}
.banner:hover .preNext{ display:block;}
.banner .preNext { display:none; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; cursor:pointer;}
.banner .pre {left:10px; background:url(../images/left.png) center center no-repeat;}
.banner .next {right:10px; background:url(../images/right.png) center center no-repeat;}

.box{ width:100%; padding:80px 0; border-bottom:1px solid #ddd;}
.content{ max-width:1200px; margin:auto; overflow:hidden;}

#service{ padding:50px 0 80px;}
.service{ font-size:0;}
.service li{ *float:left;width:25%; display:inline-block; text-align:center; vertical-align:top;font-size:14px; }
.service li i{ width:80%; margin:20px auto; display:block;}
.service li i img{ max-width:100%; width:130px;}
.service li span{ font-size:22px; color:#333;}
.service li span em{ font-size:14px; color:#777; display:block;}
.service li p{ font-size:12px; padding:0 10px; line-height:22px; color:#777;}

.title{ padding:0 30px;}
.title span{ width:80%; display:inline-block; font-size:34px; color:#0093dd;}
.title span em{ display:block; color:#999; font-size:14px; line-height:30px;}
.title a{ padding:10px 30px; border:1px solid #0093dd; border-radius:5px; font-size:16px; color:#0093dd; display:inline-block; margin:20px 0 0; vertical-align:top;}

.tedian p{ width:60%; margin:10px 30px; line-height:24px;}
.tedian ul{ text-align:center;}
.tedian ul li{ *float:left; display:inline-block; margin:20px;}

.title_center{ padding:0 0 30px; font-size:34px; color:#0093dd; text-align:center;}
.title_center em{ display:block; color:#999; font-size:14px; line-height:30px;}

.bg{ background:#f0f4f6; padding:80px 0;}
.series li{ width:380px; margin:10px 6px; border:1px solid #ddd; display:inline-block; *float:left;}
.series li:hover{ box-shadow:0 3px 5px rgba(0,0,0,.2);}
.series li a{ font-size:0; position:relative; display:block;}
.series li a:hover i{ background:url(../images/more_hover.png) center center no-repeat;}
.series li a i{ position:absolute; left:50%; bottom:-25px; margin-left:-25px; width:50px; height:50px; background:url(../images/more.png) center center no-repeat; transition:background .2s linear;}
.series li span{ padding:25px 20px; display:block; background:#fff;}
.series li span h2{ font-size:18px; font-weight:400; color:#333;}
.series li span p{ font-size:12px; color:#777; line-height:24px;}

.bg_2{ padding:80px 0; background:url(../images/bg.jpg) center top no-repeat;}
.lc p{ text-align:center; line-height:24px; width:50%; margin:auto; color:#fff;}
.lc ul{ position:relative; margin:50px 0; overflow:hidden;}
.lc ul:before{ content:''; position:absolute; width:80%; height:4px; top:26px; left:10%; background:rgba(255,255,255,.5)}
.lc ul li{ float:left; width:180px; margin:0 10px; position:relative;}
.lc ul li:hover i{ background:url(../images/i_bg_hover.png) center center no-repeat; color:#fff;}
.lc ul li p{ width:100%; margin:20px 0 0; font-size:12px;}
.lc ul li i{ width:56px; height:56px; margin:auto; line-height:56px; text-align:center; font-size:18px; color:#333; background:url(../images/i_bg.png) center center no-repeat; display:block;}
.lc .btn{ display:block; text-align:center;}
.lc .btn a{ margin:0 5px;}
.lc .btn a:hover{ opacity:.9;}

.home_contact{ padding:80px 0;}
.home_contact p{ text-align:center; width:80%; margin:auto;} 
.home_contact dl,.home_contact ul{ width:49%; margin:50px 0 0; display:inline-block; vertical-align:top; *float:left;}
.home_contact dl{ padding-top:20px;}
.home_contact dl dd{ line-height:35px; padding-left:30px; margin-left:100px;}
.home_contact dl .qq{ background:url(../images/qq.png) left center no-repeat;}
.home_contact dl .tel{ background:url(../images/tel.png) left center no-repeat;}
.home_contact dl .email{ background:url(../images/email.png) left center no-repeat;}
.home_contact dl .add{ background:url(../images/add.png) left center no-repeat;}
.home_contact dl .phone{ background:url(../images/phone.png) left center no-repeat;}
.home_contact ul li{ width:100%; margin-bottom:15px; display:block; box-sizing:content-box; font-size:0; overflow:hidden;}
.home_contact ul li input{ float:left; width:48%; padding:10px 0; margin:0; text-indent:10px; line-height:100%; border:1px solid #ccc; font-size:14px; box-sizing:content-box;}
.home_contact ul li .mar{ margin-left:1.9%;}
.home_contact ul li textarea{ float:left; width:98%; margin:0; padding:10px 0; border:1px solid #ccc; font-size:14px; text-indent:10px;}
.home_contact ul li .btn{ width:120px; border-radius:5px; background:#3695d7; border:0; color:#fff; padding:10px 0; text-align:center; text-indent:0;}

.footer{ padding:15px 0; background:#545454; color:#fff;}
.footer p{ margin:0; font-size:12px;}

.go_top{ position:fixed;  bottom:10px; right:10px; width:55px; height:55px; display:block; background:url(../images/go_top.png) 0 0 no-repeat; transition:background .2s linear;}
.go_top:hover{ background:url(../images/go_top_hover.png) 0 0 no-repeat;}
.online{ position:fixed; bottom:75px; right:10px; width:55px; height:55px; display:block; background:url(../images/online_img.png) 0 0 no-repeat; transition:background .2s linear;}
.online:hover{ background:url(../images/online_img_hover.png) 0 0 no-repeat;}

.about .img_box{ width:560px; border:1px solid #ddd; padding:3px; font-size:0;}
.about li{ *float:left; width:610px; display:inline-block; vertical-align:top;}
.about li p{ margin:0 0 15px; padding:0 15px; line-height:25px;}

.main{ width:100%; background:#f0f4f6;}
.pro_details{ margin:40px 0; overflow:hidden;}
.pro_details i{ font-size:0;}
.pro_details i,.pro_details ul{ float:left; background:#fff;}
.pro_details ul{ width:819px;padding-top: 20px; border-left:1px solid #e9e9e9; color:#7a7a7a;}
.pro_details ul li{ height:74px; border-bottom:1px solid #e9e9e9; padding:0 30px; font-size:0;}
.pro_details ul li h2{ font-size:22px; font-weight:400; text-align:center; line-height:74px; text-align:left;}
.pro_details ul li p{ padding:10px 0; line-height:32px; font-size:14px;}
.pro_details ul .remarks{ height:115px;}
.pro_details ul .view{ padding:0;}
.pro_details ul li a{ float:left; width:30%; text-align:center; border-right:1px solid #e9e9e9; display:inline-block;}
.pro_details ul li a span{ width:102px; line-height:74px; font-size:18px; display:block; margin:0 auto; padding-left:30px; background:url(../images/buy_img.png) left center no-repeat; transition:background .2s linear; text-align:left;}
.pro_details ul li .download_img span{ background:url(../images/download_img.png) left center no-repeat;}
.pro_details ul li a:hover span{ background:url(../images/buy_hover.png) left center no-repeat; color:#fff;}
.pro_details ul li a:hover{ background:#0093dd;}
.pro_details ul li .download_img:hover{ background:#e77918;}
.pro_details ul li .download_img:hover span{ background:url(../images/download_hover.png) left center no-repeat;}

.tabs{ width:100%; margin:0 auto 40px;overflow:hidden; border-top:1px solid #e9e9e9;}
.tabs>ul{ width:100%; background:#fff; font-size:0; display:block; border-bottom:3px solid #0093dd; overflow:hidden;}
.tabs>ul li{ float:left; width:120px; display:inline-block; text-align:center;}
.tabs>ul a{ color:#666; line-height:60px; display:block; transition:background .3s linear; font-size:14px; border-right:1px solid #e9e9e9;}
.tabs>ul .active a{ color:#fff; background:#0093dd; border:0;}
.tabs dl{ padding: 30px 20px;  min-height:300px; background:#fff; overflow:hidden;color:#000;}
.tabs dl .title{
	margin-bottom: 40px;
	padding:0;

}
.tabs dl .title{
	line-height: 25px;
}
/*.tabs dl .title h2{
	display: block;
	font-size: 1.6em;
	font-weight: 400;
	
}
*/
.tabs dl  p{ font-size: 1.1em;color: #3c3c3c; }
.tabs #tab-1 h2{
	display: block;
	margin-bottom: 20px;
	font-size: 1.6em;
	text-align: center;
	font-weight: 400;
	color: #0093dd;
  
}

.tabs .details{
	font-size: 14px;
	margin-bottom: 40px;
}
.tabs .details label{
	margin: 0;
}
.tabs .details label h3{
	display: block;
	font-size: 1em;
	font-weight: 500;
	margin: 0;
	color: #000;
}
.tabs .details ul{
	overflow: hidden;
	
}
.tabs .details ul li{
	display: block;
	overflow: hidden;
	margin-top: 15px;
}
.tabs .details ul li span {
	display: none;
}
.tabs .details ul li span p{
	padding: 12px 24px;
	color: #7a7a7a;;
}
.tabs .point{
	margin-bottom: 40px;
}
.tabs .point ul li:before{
	content: '';
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/point.svg)-5px -5px no-repeat;
	background-size: 30px 30px;
}
.tabs .point ul li p{
	margin-top: 10px;
}
.tabs .box{
	border: 0;
}
@media screen and (max-width:1200px){
	.pro_details{ margin:0;}
	.pro_details ul{ border-top:1px solid #e9e9e9;}
	.pro_details ul li{ height:60px;}
	.pro_details ul li h2{ line-height:60px;}
	.pro_details i{ padding:15px; background:#fff; border:1px solid #e9e9e9; border-top:0; margin:0 auto 15px; display:block; float:none;}
	.pro_details i img{ width:100%;}
	.pro_details ul{ width:100%;}
	.pro_details ul li a{ width:50%; box-sizing:border-box; overflow:hidden; display:inline-block;}
	.pro_details ul li a span{ line-height:60px; font-size:16px; background-size:20px;}
	.pro_details ul li .download_img span{ background-size:14px; padding-left:25px;}
	.tabs{ margin:15px auto 0;}
	.tabs>ul li{ width:33.33%; box-sizing:border-box;}
	}
@media screen and (max-width:950px){
	/*除去iphone自带按钮样式*/
	input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="file"],textarea{ -webkit-appearance:none; border-radius:0;}
	body{
		-webkit-text-size-adjust : none ;
		-moz-text-size-adjust : none ;
		-ms-text-size-adjust : none ;
		text-size-adjust : none;
		padding-top:60px;
		 }
	#service{ padding:15px 0 30px;}
	.box,.bg,.bg_2{ padding:50px 0;}
	#nav .current{ background:#0093dd;}
	#nav .current a{ color:#fff;}
	#nav{ width:100%; position:fixed; top:61px; left:0; background:rgba(255,255,255,.95); box-sizing:content-box; z-index:999;}
	#nav li{ float:left; width:50%; margin:0; line-height:50px; font-size:14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
	#nav li a{ line-height:50px; display:block;}
	
	.menu{ width:60px; height:60px; display:block; background:url(../images/menu_img.jpg) center center no-repeat; position:absolute; left:0; top:0;}
	.call{ width:60px; height:60px; display:block; background:url(../images/tel_img.jpg) center center no-repeat; position:absolute; right:0; top:0;}
	
	.head{ text-align:center; height:60px;}
	.head ul{ display:none;}
	.head span{ float:none; margin:0 auto; display:block;}
	.head span img{ width:204px;}
	
	.banner{ display:none;}
	.min_banner{ display:block;}
	.min_banner .btn{ bottom:0;}
	.min_banner .btn i{ width:6px; height:6px;}
	.min_banner{ display:block}
	.banner_img{ display:none;}
	
	.service li i{ width:50%;}
	.service li span{ font-size:16px;}
	.service li p{ display:none;}
	
	.about li,.about .img_box{ display:block; width:90%; margin:0 auto 20px; text-align:center;}
	.about li img{ width:100%;}
	
	.series{ text-align:center;}
	.series li{ width:30%;}
	.series li img{ width:100%;}
	
	.lc_overflow{ height:230px; overflow:hidden;}
	.lc_box{ width:100%; margin:auto; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
	.lc p{ width:90%;}
	.lc ul{ width:1200px;}
	
	.home_contact dl,.home_contact ul{ width:95%; margin:auto;}
	.home_contact ul{ margin-top:30px; display:block;}
	.home_contact ul li{ box-sizing:content-box;}
	.home_contact dl dd{ margin-left:40px;}
	
	.title span{ width:77%;}
	.tedian p{ width:85%;}
	.tedian ul li img{ width:100%;}
	
	.footer{ text-align:center;}
}
@media screen and (max-width:640px){
	body{ padding-top:50px;}
	#nav{ top:51px;}
	.head{ height:50px;}
	.head span img{ width:170px;}
	.menu{ width:50px; height:50px; background-size:15px;}
	.call{ width:50px; height:50px; background-size:15px;}
	.service li span{ font-size:14px;}
	.service li i{ margin:10px auto;}
	.service li span em{ font-size:12px;}
	.title_center{ font-size:24px;}
	.title_center em{ font-size:12px; line-height:24px;}
	.title span{ font-size:24px; width:60%;}
	.title span em{ font-size:12px; line-height:24px;}
	.title a{ margin:5px 0 0;}
	.series li{ width:80%;}
	.home_contact ul li .btn{ width:98%; padding:15px 0;}
	.online{ bottom:60px;}
	.online,.go_top{ width:40px; height:40px; background-size:40px;}
	.online:hover,.go_top:hover{ width:40px; height:40px; background-size:40px;}
	.lc .btn a{ display:inline-block;}
	.lc .btn a img{ height:40px;}
	.pro_details ul .remarks{
		height: 200px;
	}
	}


.menu-list{
	width: 100%;
}

.menu-list span{
	display: block;
	position: relative;
	cursor: pointer;
}
.menu-list u{
	display: block;
	padding-left: 20px;
	line-height: 1.6em;
	font-size: 1.3em;
	font-weight: 500;
	margin-top: 10px;
	color: #000;
}
.menu-list span:before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: url(../images/cd-icons.svg) left center no-repeat;
	background-position: 0 0;
	-webkit-transform:  rotate(-90deg);
  	-moz-transform:rotate(-90deg);
  	-ms-transform: rotate(-90deg);
  	-o-transform: rotate(-90deg);
  	transform: rotate(-90deg);
  	-webkit-transition: linear .3s;
	-moz-transition: linear .3s;
	-ms-transition: linear .3s;
	-o-transition: linear .3s;
	transition: linear .3s;
	transform-origin: center;
}
.menu-list span i{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	display: block;
}
.menu-list span i:before, .menu-list span i:after{
	content:'';
	position: absolute;
	background: #000;
	left: 50%;
	top:50%;
}
.menu-list span i:before{
	width: 16px;
	height: 4px;
	margin: -2px 0 0 -8px;
}
.menu-list span i:after{
	width: 4px;
	height: 16px;
	margin: -8px 0 0 -2px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	

}
.menu-list p{
	display: none;
	padding: 20px;
	line-height: 30px;
	}	
.menu-list .current i:after{
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.menu-list .current:before{
	-webkit-transform: rotate(0) ;
	-ms-transform: rotate(0) ;
	-o-transform: rotate(0) ;
	transform: rotate(0) ;
}
.details-contact{
	display: block;
	margin: 50px auto 0;
}
.details-contact p{
	margin-top: 10px;
	padding-left: 30px;
}
.tabs .qq{ background:url(../images/qq.png) left center no-repeat;}
.tabs .tel{ background:url(../images/tel.png) left center no-repeat;}
.tabs .email{ background:url(../images/email.png) left center no-repeat;}
.tabs .add{ background:url(../images/add.png) left center no-repeat;}
.tabs .phone{ background:url(../images/phone.png) left center no-repeat;}
@media only screen and (min-width: 600px){
	.menu-list{width: 90%;}
	
	.menu-list span u{
		font-size: 1.4em;
		line-height: 1.6em;
	}
	.tabs dl .title{
  margin-bottom: 40px;
  padding: 0;
}
	.tabs #tab-1 h2{
  display: block;
  margin-bottom: 20px;
  font-size: 1.6em;
  text-align: center;
  font-weight: 400;
  
}
	.tabs dl{
    padding: 30px 40px;
  }
	.tabs dl .title{
	line-height: 30px;
}
}