/*默认样式表*/
@media all {
body {font: 14px 微软雅黑;margin: 0;width: 100%;}
a {color: #466087;text-decoration: none;}
a:hover {text-decoration: none;}
img {border: 0;vertical-align: top;max-width: 100%;}
ul{ list-style:none; margin:0px; padding:0px;}
form, fieldset {border: 0;padding: 0;margin: 0;}
h2 {font: 14px 微软雅黑;color: #666;text-align: center;}
.center {width: 100%;margin: 0 auto;}
.row {width: 100%;text-align: center;}
.row:after {content: "";display: block;clear: both;}



/*头部样式*/
#home {width: 100%;}
#header {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;overflow: hidden;height: 83px;}
#logo {width: 100%;margin: 0 auto;height: 50px;line-height: 50px;color: #fff;font-size: 16px;font-weight: bold;
	border:1px solid #3F4448;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3E4246), to(#2B2C2E));
	background-image: -webkit-linear-gradient(top, #3E4246, #2B2C2E);
	background-image:    -moz-linear-gradient(top, #3E4246, #2B2C2E);
	background-image:      -o-linear-gradient(top, #3E4246, #2B2C2E);
	background-image:         linear-gradient(to bottom, #3E4246, #2B2C2E);
		}
.logoleft {width: 80%;float: left;}
.logoleft img {width: 40px;height: 40px;}
.logoright {width: 15%;float: right;}
.logoleft2 {width: 15%; float: left; padding-left:3px; height:50px;}
.logoleft2 div{width:50px;height:50px;position:fixed;top:0;left:0;}
.logoleft2 a {width:auto;display:inline-block;padding:14px 0 0 15px;color:#fff;font:bold 14px "microsoft yahei";}
.logoleft2 img{width:20px;height:20px;vertical-align:middle;}
.logoright2 img {width: 40px;height: 40px;line-height:50px;}
.logoright2 {width: 80%;float: right;text-align:center;}
#content {padding-top: 60px;}
#mainNav {text-align: center;background: url(../images/topbg.jpg);box-shadow: 0px 2px 5px #666666;}
#mainNav ul {margin: 0px;padding: 0px;list-style: none;}
#mainNav li {display: inline-block;margin: 0 10px;}
#mainNav a {color: #000;position: relative;display: inline-block;text-decoration: none;font-size: 14px;line-height: 35px;}
#mainNav a span {color: #000;text-decoration: none;padding: 0px;display: block;}
#mainNav a:active {top: 1px;}
#mainNav a:hover span, #mainNav li.active span {}
.gallery {background: url(../img/sep-hor.gif) no-repeat 50% 0; padding: 2px 0; position: relative; margin: 0 auto; width: 81.25%;position:relative;}
.gallery:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/sep-hor.gif) no-repeat 50% 0;
	width: 100%;
	height: 2px;
}

/*--------------首页关于我们--------------*/

#about {margin: 0 auto;width: 480px;}
#about header {height: 40px;font-size: 16px;}
.aboutusa img,.aboutusb img,.aboutusc img{width:50px;height:47px;padding:10px 0 0 0;}
.aleft {width: 30%;float: left;text-align: left;font-size: 16px;line-height: 35px;font-weight: blod;}
.aright {width: 10%;float: right;line-height: 35px;font-size: 12px;text-align: right;}
.aright a:link {color:#7e7e7e;text-decoration: none;}
.aright a:hover {color:#000;text-decoration: none;}
.aboutusa,.aboutusb,.aboutusc{border: 1px solid #D9D9D9; display: block; float:left; width: 145px; margin:0 6px 12px 6px;}
.aboutusa h2,.aboutusb h2,.aboutusc h2{color:#fff;}
.aboutusa { background:#E83421;}
.aboutusb { background:#82B127;}
.aboutusc { background:#898989;}
.aboutusa:hover,.aboutusb:hover,.aboutusc:hover{background:#313131;}
.abouttxt{text-align:left;}
/*--------------------------------首页新闻列表效果--------------------------------------*/
#news { margin: 0 auto; width: 480px; text-align: left;}
#news header {height:40px; line-height:40px;}
.newslistdiv {background: url("../images/sunproduct.jpg") repeat;border: 1px solid #D9D9D9; margin-bottom: 8px; box-shadow: 1px 3px 3px #EBEBEB;cursor:pointer;padding:5px;}
.newslistdiv h2{font:bold 14px "microsoft yahei";color:#333;text-align:left;margin:0; line-height:23px;}
.newslistdiv span{font:12px "microsoft yahei";color:#666666;}
.newslistdiv:hover{background:#E83421;color:#fff;}
.newslistdiv:hover > a h2,.newslistdiv:hover > span{color:#fff;}
/*--------------------------------首页产品布局效果--------------------------------------*/
#products {margin: 0 auto;width: 480px;}
#products header {height:40px; line-height:40px;}
.homeproductlist {background:#f9f9f9;float:left;border: 1px solid #D9D9D9;box-shadow: 1px 3px 3px #EBEBEB;text-align:left;margin:0 4px 5px 4px;}
.homeproductlist img{width:100px;height:75px;float:left;margin:5px;}
.homeproductlist h2{color:#CF0707;text-align:center;font:bold 14px "microsoft yahei";margin:8px;}
.homeproductlist span{color:#666666;font:12px "microsoft yahei";}


/*--------------------------------首页联系我们效果--------------------------------------*/
#contactUs {margin: 0 auto;width: 480px;text-align: left;line-height: 23px; margin-bottom: 10px;}
#contactUs header {height:40px; line-height:40px;}
/*------------------------------底部导航样式--------------------------------------*/
#footer {position: fixed;z-index: 100;left: 0;bottom: 0;height: 40px;width: 100%;overflow: hidden;
	border:1px solid #3F4448;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3E4246), to(#2B2C2E));
	background-image: -webkit-linear-gradient(top, #3E4246, #2B2C2E);
	background-image:    -moz-linear-gradient(top, #3E4246, #2B2C2E);
	background-image:      -o-linear-gradient(top, #3E4246, #2B2C2E);
	background-image:         linear-gradient(to bottom, #3E4246, #2B2C2E);
}
#footer a{width:24%;display:inline-block;height:40px;line-height:40px;color:#fff;}
#footer a img{width:35px;height:35px;padding-top:2px;}

/*------------------------------banner触摸屏效果--------------------------------------*/
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}
.swiper-slide img{ height:300px;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.device {
	width: 480px;
	height: 300px;
	margin: 5px auto;
	position: relative;
}
.device .arrow-left {
	background: url(../images/arrows.png) no-repeat left top;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 99;
}
.device .arrow-right {
	background: url(../images/arrows.png) no-repeat left bottom;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 99;
}
.swiper-container {
	height: 300px;
	width: 480px;
}
.content-slide {
	padding: 20px;
	color: #fff;
}
.title {
	font-size: 25px;
	margin-bottom: 10px;
}
.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 99;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	box-shadow: 0px 1px 2px #555 inset;
	margin: 0 3px;
	cursor: pointer;
}
.swiper-active-switch {
	background: #fff;
}
/*--------------------------------产品列表页样式--------------------------------------*/

#page {
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 3px;
	line-height: 35px;
	clear: both;
}
#page a {
	padding-right: 6px;
	background-position: 50% bottom;
	padding-left: 6px;
	padding-bottom: 2px;
	color: #99210b;
	margin-right: 3px;
	padding-top: 2px;
	text-decoration: none
}
#page a:hover {
	background-image: none;
	color: #fff;
	background-color: #f90404;
}
#page a:active {
	background-image: none;
	background-color: #f90404;
}
#page span.current {
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	padding-bottom: 2px;
	color: #99210b;
	margin-right: 3px;
	padding-top: 2px
}
#page span.disabled {
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 2px;
	color: #adaaad;
	margin-right: 3px;
	padding-top: 2px
}
#productslist {
	float: left;
}
.productslistimg {
	width: 210px;
	height: 162px;
	border: #d7d7d7 1px solid;
}
.productslistimg img {
	width: 210px;
	height: 162px
}
.productslisttitle {
	width: 222px;
}
.productslisttitle h2 {
	font-size: 12px;
	margin: 5px 0px;
	font-weight: bold;
	color: #666;
}
.productslisttitle h2 span {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
}
.productslisttitle a:link {
	color: #cf0707;
	text-decoration: none;
	;
}
.productslisttitle a:visited {
	color: #cf0707;
	text-decoration: none;
}
.productslisttitle a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
/*--------------------------------产品技术参数样式--------------------------------------*/

.productsdetail {
	width: 100%;
	text-align: left;
	line-height: 23px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
}
#productpic {
	margin: 0px auto;
	width: 95%;
}
#productpic {
	margin: 0px auto;
	width: 95%;
}
#productname ul {
	width: 100%;
}
#productname ul li {
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: left;
}
#productname ul li span {
	float: left;
	font-weight: bold;
	width: 80px;
}
/*--------------------------------产品相关产品样式--------------------------------------*/

.productslian {
	clear: both;
	margin-bottom: 13px;
	width: 100%;
}
.productslian h2 {
	width: 90px;
	background: #930;
	color: #FFF;
	font-size: 14px;
	margin: 0px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin-left: 20px;
}
.productslian a:link {
	color: #cf0707;
	text-decoration: none;
	font-weight: bold;
}
.productslian a:visited {
	color: #cf0707;
	text-decoration: none;
}
.productslian a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.lianpin {
	width: 200px;
	float: left;
	margin: 10px;
}
.lianpinimg {
	width: 82px;
	height: 63px;
	float: left;
	border: #CCC 1px solid;
	margin-right: 10px;
}
.lianpintel ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.lianpintel ul li {
	height: 30px;
	line-height: 30px;
}
/*--------------------------------产品关键词样式--------------------------------------*/

.productskey {
	height: 300px;
	clear: both;
	height: 90px;
	margin-bottom: 60px;
}
.productskey h2 {
	width: 90px;
	background: #930;
	color: #FFF;
	font-size: 14px;
	margin: 0px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-left: 20px;
}
.productskeya {
	margin: 20px;
	line-height: 20px;
}
/*内页产品详细调用*/
#productscontentnei {
	width: 95%;
	margin: 100px auto;
}
#productimg img {
	width: 100%;
	background: #e4e4e4;
}
#producttitle {
	line-height: 23px;
	margin-top: 10px
}
#dinggou a {
	width: 100%;
	height: 40px;
	background: #ff9a18;
	display: block;
	color: #FFF;
	line-height: 40px;
	text-align: center;
	margin: 10px auto;
	font-size: 16px;
}
#producter header {
	height: 30px;
	line-height: 30px;
	border-bottom: #CCC 1px solid;
	background: #ebebeb;
	margin: 10px auto;
	font-size: 16px;
}
#productnei header {
	height: 30px;
	line-height: 30px;
	border-bottom: #CCC 1px solid;
	background: #ebebeb;
	margin: 10px auto;
	font-size: 16px;
}
#order h2{ text-align:left; color:#333;}
/*内页产品订单详细调用*/
#productdingdan {
	width: 95%;
	margin: 100px auto;
}
#productdingdan ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#productdingdan ul li {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}
#productdingdan ul li h2 {
	float: left;
	width: 25%;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
}
.biaodan {
	border: #CCC 1px solid;
	height: 35px;
	width: 100%;
	-moz-box-shadow: inset 0 0 5px 1px #ebebeb;
	-webkit-box-shadow: inset 0 0 5px 1px #ebebeb;
	box-shadow: inset 0 0 5px 1px #ebebeb;
}
.biaodanda {
	border: #CCC 1px solid;
	height: 90px;
	width: 100%;
	-moz-box-shadow: inset 0 0 5px 1px #ebebeb;
	-webkit-box-shadow: inset 0 0 5px 1px #ebebeb;
	box-shadow: inset 0 0 5px 1px #ebebeb;
}
.tijiao {
	width: 100%;
	height: 40px;
	border: #e20202 1px solid;
	background: #e20202;
	margin-top:20px;
	color: #FFF;
}
/*--------------------------------成功案例分类页面样式--------------------------------------*/
#tenColumnLayout {
	padding-top: 60px;
	padding-bottom: 50px;
}
#casetop {
	width: 100%;
}
#casetop ul {
	width: 100%;
}
#casetop ul li {
	width: 300px;
	height: 120px;
	border: #CCC 1px solid;
	margin: 10px auto;
}
#casetop ul li h2 {
	line-height: 23px;
}
#casetop a:link {
	color: #cf0707;
	text-decoration: none;
	;
}
#casetop a:visited {
	color: #cf0707;
	text-decoration: none;
}
#casetop a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#messagea {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
/*--------------------------------新闻详细页样式--------------------------------------*/

#newsdetail {
	width: 100%;
}
.newtitle {
	font-size: 18px;
	text-align: center;
	color: #333;
	font-weight: bold;
	line-height: 60px;
}
.newcishu {
	font-size: 12px;
	color: #999;
	text-align: center;
	border-bottom: #CCC 1px solid;
	height: 30px;
}
.newsub {
	line-height: 23px;
	color: #333;
	text-align: left;
}
.newgengduo {
	width: 100%;
	margin-bottom: 20px;
}
.newgengduo ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: #CCC 1px solid;
	border-top: #CCC 1px solid;
	height: 60px;
}
.newgengduo ul li {
	margin: 20px;
	height: 30px;
}
.newgengduo ul li a:link {
	color: #6f6f6f;
	text-decoration: none;
	text-align: left;
}
.newgengduo ul li a:visited {
	color: #cf0707;
	text-decoration: none;
}
.newgengduo ul li a:hover {
	color: #000;
	text-decoration: none;
}
.newgengduo ul li h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	text-align: left;
}
.newgengduo ul li h2 span {
	width: 50px;
	background: #e50404;
	color: #FFF;
	height: 23px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-right: 10px;
	display: block;
	float: left;
}
.newkey {
	margin-bottom: 50px;
	margin-top: 50px;
	text-align: left;
}
/*内页主框架样式*/

#maincontent {
	padding-top: 90px;
	padding-bottom: 50px;
	width: 100%;
	height:auto;
	margin: 0 auto;
	line-height: 23px;
	font-size:14px;
}
#productcontent  {
	padding-top: 100px;
	padding-bottom: 250px;
	width: 95%;
	height:auto;
	margin: 0 auto;
	line-height: 23px;
	font-size:14px;
}
#maincontent header {
	font-weight: bold;
	line-height: 30px;
	font-size: 16px;
}
#maincontent header h2 {
	font-weight: bold;
	color:#333;
}
#maincontent header h2 span {
	font-size: 12px;
	clear: both;
}
.date {
	text-align: center;
	font-size: 12px;
	color:#999;
	border-bottom:#CCC 1px inset;
}
/*内页留言详细调用*/
#message {
	width: 100%;
	margin: 0px auto;
}
#message header {
	height: 35px;
	line-height: 35px;
	text-align: left;
}
#message ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#message ul li {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}
#message ul li h2 {
	float: left;
	width: 25%;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}
#message ul li input {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}
#message .tijiao{text-align:center;}
#message ul li span{float: right;height: 25px;margin-top: 9px;text-align: left; width: 70%;}


/* index topbar show/hide style start */
.notification,.notification2 { 
	background: #322E39;  
	border-bottom: 1px solid #4E4C52; 
	border-top: 2px solid #FE8A02; 
	display: none;
	width:100%;
	position:relative;
	z-index:999;
	padding: 10px 0;
	color:#fff;
	text-align:center;
}
.notification,.notification2 a{color:#fff;}
.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.topicon{
    float: right;
    position: absolute;
    right: 10px;
    width: auto;
	margin-top:5px;
}
.topicon .notification-button {
	background:#neno;
	text-align:right;
}
.topicon .notification-button a img{width:35px;height:35px;}
.topicon .notification-button a.icon2{}
.notification2 p img{width:100px;height:100px;}
}
/* index topbar show/hide style end*/


/* index topbar search style */
.notification input[type="text"],.notification input[type="submit"],.notification select{border:none;padding:0;margin:0;font-family: "microsoft yahei";height:30px;line-height:30px;}
.notification input[type="text"]{width:60%;padding:0 3px 0 3px;}
.notification select{margin-left:-60px;width:60px;right:0px;position:relative;height:27px;line-height:30px;border:1px solid #fff;background:#fff;font-size:14px;}
.notification input[type="submit"]{background:#E20202 url("/Public/Mobile/images/search.png")  no-repeat center;color:#fff;text-indent:999999px;margin-left:0;height:30px;width:30px;position:relative;top:1px;border:1px solid #e20202;}

/* index app download div show/hide style */
#indexheadpopup{width:100%; height:1000px;overflow:hidden;display:none;margin:0 auto;opacity:0.7;background:#000;z-index:999999999;position:fixed;margin:0;padding:0;top:0;}
#indexheadpopup div.download{width:200px;height:100%;margin:0 auto;position:relative;z-index:9999999;text-align:center;padding:50% 0 5% 0;}
#indexheadpopup div.download img{width:120px;height:120px;text-align:center;z-index:9999999999;position:relative;}
#indexheadpopup .download p a{text-align:center;color:#fff;text-decoration:none;font:bold 16px "microsoft yahei";}
#indexheadpopup .download h1 a{color:#fff;font:20px "microsoft yahei";}

/* index iphone note div show/hide style */
#iphonenotebg {background:#000;width:100%;height:1000px;opacity:0.7;display:none;position:fixed;top:0;z-index:999999999;}
#iphonenote{width:100%;display:none;margin:0 auto;z-index:9999999999;position:fixed;bottom:0;background:none;padding-top:12px;}
#iphonenote div.download{width:80%;height:60px;margin:0 auto;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow:1px 3px 3px #666;-moz-box-shadow:1px 3px 3px #666;box-shadow:1px 3px 3px #666;background:#fff;bottom:15px;}
#iphonenote div.download p {text-align:left;color:#e20202;font:14px "microsoft yahei";padding:5px;margin:0;}
#iphonenote div.download span{color:#000;}
#iphonenote div{width:50px;height:auto;margin:0 auto;text-align:center;position:relative;}
#iphonenote div b{width:0px;height:0px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #fff;font-size:0px;line-height:0px;position:relative;bottom:0;}

/* 400 font-size */
.t400{font-size:16px;}