@charset "utf-8";
/* CSS Document */
body,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,br,form,fieldset,legend,input,textarea,select{margin:0;padding:0;list-style:none;}
body{font-size:14px;font-family:"微软雅黑","宋体","Arial","Arial Narrow","HELVETICA";color:#535353;
scrollbar-arrow-color: red; 
scrollbar-face-color: #CBCBCB; 
scrollbar-3dlight-color: blue; 
scrollbar-highlight-color: #eee; 
scrollbar-darkshadow-color: green; 
scrollbar-track-color: #333; 
scrollbar-base-color: black; 
Cursor:url(mouse.cur);}
::-webkit-scrollbar {  width:6px;}
::-webkit-scrollbar:horizontal {height:0px;margin-bottom:2px}
::-webkit-scrollbar-track {  border-radius: 0px;}
::-webkit-scrollbar-track-piece { background-color: #ccc;}
::-webkit-scrollbar-thumb { width:6px;background: #666;}
::-webkit-scrollbar-corner {width: 0px;background-color: red;}
::-webkit-scrollbar-thumb:hover {background: #333;}
input{font-family:"微软雅黑","Arial","Arial Narrow","HELVETICA";}
*{ margin:0px; padding:0px;}
a{color:#535353;text-decoration:none}
a:hover{color:#CC3E4E;}
em{font-style:normal}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.fl{ float:left;}
.fr{ float:right;}
.cl,.clear{ clear:both;height:0;line-height:0;content:'.';display:block;visibility:hidden;}
.wrap{ max-width:80%; min-width:1170px; margin:0 auto;}
.hand{cursor:pointer;}
.red{color:red;}
.red a{color:red;}
.pimg img { width:100%;}
.gray{color:#D3D3D3;}
.darkblue{color:darkblue;}
.tag{color:#000;text-decoration:underline;}
.price{font-size:1em;}
.price span{color:red;}
.mb10{margin-bottom:10px;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt50{margin-top:50px !important;}
.pt30{padding-top:30px !important;}
.pmt50{padding:50px 0 !important;}

.mbottom10{margin-bottom:10px;}
.center{text-align:center;}
.bt_line{border-bottom:1px dashed #eee;}
.toTop{background:url('../images/to-top.png') center center no-repeat;width:48px;height:48px;border:0;}
.date{font-size:12px;color:gray;}
.timetx {-webkit-transition: transform .25s linear;-moz-transition: transform .25s linear;-o-transition: transform .25s linear;transition: transform .25s linear;}
.hide{ display:none;}
@font-face {
 font-family: HelveticaNeueLTPro;
 src: url("fonts/HelveticaNeueLTPro.otf") /* TTF file for CSS3 browsers */
}
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.in_bgpic {background:url(../images/process.jpg) no-repeat center center fixed;}


/* 布局页面 */
.main { max-width:80%; min-width:1170px; margin:20px auto 0 auto;}
.main:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.main div.left{width:18%;float:left;}
.main div.right{width:80%;float:right;}
.main-single{margin:5% auto;background:#fff;padding:20px 0;border:1px solid #ccc;border-radius:5px;}
.main-login{margin:10% auto;width:500px;padding:20px;}
.banner img{width:100%;}
#indexPage { position:relative; background:#fff;}
.module_container { max-width:80%; min-width:1170px; margin:0 auto;}
.main_container { padding:0 5%; margin:0 auto;}
.main.pd5 { width:1000px;}
/*顶部导航*/
#header { height:120px;}
#header .logo {float: left; display: block; height: 70px; margin-top:25px;}
#header .logo img { padding-left: 0px; width: auto; height: 100% }
.navBar{  background:#170D40; position:relative;z-index:9999999; color:#fff; height:45px; line-height:45px;   }
	.head_nav{  margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
	.head_nav h3{ font-size:100%; font-weight:normal; font-size:16px;  }
	.head_nav .m{  position:relative; float:left; width:auto; display:inline; text-align:center;   }
	.head_nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:12px; height:8px;  background:url(../images/menu-ico.png) no-repeat; overflow:hidden; margin:-2px 0 0 5px; 
		vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; 
	}
	.head_nav .m h3:hover i {background:url(../images/menu-ico2.png) no-repeat;}
	.head_nav h3 a{  zoom:1;  display:block; color:#fff; padding:0 35px; }
	.head_nav h3 a:hover{ color:#85D628;}
	.head_nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
	.head_nav .sub{ display:none; /*默认隐藏*/ min-width:168px; max-width:1000px; padding:10px;  position:absolute; margin-left:-10px; top:45px;  background:#F2F2FD;  float:left; line-height:30px; 
	}
	.head_nav .sub li{ text-align:center;  }
	.head_nav .sub li a{ color:#333; display:block; zoom:1;}
	.head_nav .sub li a:hover{  background:#170D40; color:#fff;   }
	.head_nav .sub dl{ display:inline-block; *display:inline; text-align:left; float:left; zoom:1; vertical-align:top; padding:15px 29px; line-height:26px;  }
	.head_nav .sub dl a:hover{ color:#c00;  }
	.head_nav .sub dl dt a{ color:#170D40; padding-left:7px; }
	.head_nav .sub dl dd a{ color:#555; padding-left:7px; background:url(../images/head_nav_dl.jpg) no-repeat left center; }
	.head_nav #m2 .sub{ z-index:1; width:600px; left:-125px; }

.tophome .nav2{  float:right; margin-top:50px; }	
.tophome .nav2 h3{  font-weight:500; font-size:14px; color:#042F3F; background:url(../images/topico.png) no-repeat; padding:0 10px 0 30px; border-right:1px #ccc solid;  }
.tophome .nav2 .m{  position:relative; float:left; width:auto; margin:0 5px; display:inline; text-align:center;   }	
.tophome .nav2 h3 a{  zoom:1;  display:block; color:#042F3F; }	
.tophome .nav2 h3 a:hover{ color:#FF6700; cursor:pointer; }	
.tophome .nav2 .sub{ display:none;  width:108px;  position:absolute; z-index:10000000; left:0px; top:30px;  background:#fff; padding:10px;  float:left; line-height:30px; 	}	
.tophome .nav2 h3.top_tel {background-position:0 -24px;}
.tophome .nav2 h3.top_weixin { background-position:0 -48px; }
.tophome .nav2 h3.top_china {background-position:0 -72px;}
.tophome .nav2 h3.top_english { border-right:0px; padding-right:0px; background-position:0 -96px;}

	#searchform { margin:8px 0 0 30px; padding:0px; }
	#searchform fieldset { padding:0px; border:none; margin:0px; }
	#searchform input[type="text"] { 
		background:#fff;
		border:none;
		float:left;		
		padding:0px 10px 0px 15px;
		margin:0px;
		width:150px; 
		height:30px;
		line-height:30px; border:1px #8C899B solid; border-right:0px; border-radius:15px 0 0 15px;
		transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
		-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
		-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		color:#585858; 
	}
	#searchform input[type="text"]:hover, #searchform input[type="text"]:focus { width:200px; }
	#searchform input[type="submit"] { background:url(../images/search-2.jpg) left center no-repeat; cursor:pointer; margin:0px; padding:0px; border:1px #8C899B solid; border-left:0px; border-radius:0 15px 15px 0; width:30px; height:30px; line-height:30px; }
	
	input[type="submit"] { padding:4px 17px;  text-transform:uppercase; border:none; font-size:20px; background:url(gradient.png) bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
	
	#searchform input[type="submit"]:hover { background-color:#fff; }
	.style_1 #searchform input[type='submit'] { background-color:#fff; }

.login-btn { float: right; margin-right: 0px; }
.login-btn a { padding: 0 24px; margin-top: 6px; color: #fff; background-color: #CC3E4E; line-height: 32px; display: inline-block; font-size: 14px; }
.login-btn a:nth-child(2) { background-color: #555; margin-left: -3px; }
.login-btn a:nth-child(2):hover{background-color: #30AEB8;} 

/* 带左右按钮全屏焦点图 */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; height:100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flexslider { margin: 0 0 5px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; box-shadow: 0 2px 6px rgba(0, 0, 0, .1) }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { line-height: 1; font-size:0px; display: block; width: 40px; height: 60px; background:url(../images/slider-arrow.png) -130px 12px #000 no-repeat; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 5%;}
.flex-direction-nav .flex-next { right: 5%; background-position:-10px 12px;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 5%; }
.flexslider:hover .flex-next { opacity: 0.7; right: 5%; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

ul.down_list li { line-height:40px; height:40px; padding:0 10px; border-bottom:1px #ccc dotted;}
ul.down_list b { display:block; float:left; background:url(../images/download.png) no-repeat center left; padding-left:20px;}
ul.down_list li .am-btn { float:right;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
.text_flash { background:#fff; width:300px; color:#333; margin-top:160px;  position:relative; z-index:30;}

/*首页代码开始*/
.why_baiwan_header { text-align:center; padding:90px 0 50px 0;}
.why_baiwan_header p.title{ font-size:30px; color:#333;}
.why_baiwan_header p.subtitle { color:#999; font-size:14px;}
.why_baiwan_header p.dote { font-size:12px; color:#666; padding:20px 100px;}

.why_fuwu ul{ z-index:5; position:relative;  zoom:1; }
.why_fuwu li{ float:left; width:30%; color:#333333; cursor:pointer;}
.why_fuwu li i { color:#999; font-size:30px; float:left; display:block; width:50px; margin-top:3px; min-height:150px; text-align:center;}
.why_fuwu li:hover i,.why_fuwu li:hover p.title,.why_fuwu li:hover p.subtitle {color:#CC3E4E;}
.why_fuwu li p.title { font-size:16px; font-weight:bold;}
.why_fuwu li p.subtitle { font-size:12px; color:#999; line-height:15px; font-family:Arial, Helvetica, sans-serif;}
.why_fuwu li .dote { font-size:12px; color:#666; margin-top:5px;}
.why_fuwu li:hover .dote { color:#999;}
.why_fuwu li.margin-center { margin-left:3.3%; margin-right:3.3%;}

.why_fuwu_data { background:#f8f8f8; padding:50px 0;}
.why_fuwu_data ul li { float:left; width:25%; text-align:center;}
.why_fuwu_data ul li div { border-right:1px #EAEAEA solid;  border-left:1px #EAEAEA solid;}
.why_fuwu_data ul li b { font-size:54px; line-height:64px; font-weight:normal; color:#333;}
.why_fuwu_data ul li span { top:-35px; right:-5px; position:relative;}

.in_about .flpic{ width:50%;}
.in_about .flpic img { width:100%;}
.in_about .dote {width:48%;}
.demo{ padding: 2em 0;}
.counter{
	padding: 20px 0;
	text-align: center;
	position: relative;
}
.counter .counter-content{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #fff;
	padding: 30px 0;
	margin: 0 auto 30px;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;
}
.counter .counter-content:before{
	content: "";
	width: 122%;
	height: 122%;
	border-radius: 50%;
	border: 20px solid #f19f48;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.counter .counter-content:after{
	content: "";
	border-top: 16px solid #f19f48;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
}
.counter .counter-icon{
	display: block;
	font-size: 50px;
	color: #f19f48;
	line-height: 50px;
}
.counter .counter-value{
	font-size: 50px;
	font-weight: 700;
	color: rgba(0,0,0,0.7);
	line-height: 70px;
}
.counter .title{
	display: inline-block;
	padding: 5px 25px;
	background: #f19f48;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-transform: capitalize;
	margin: 0;
}
.counter.red .counter-content:before{
	border-color: #ef5f61;
	border-bottom-color: transparent;
}
.counter.red .counter-content:after{ border-top-color: #ef5f61; }
.counter.red .counter-icon{ color: #ef5f61; }
.counter.red .title{ background: #ef5f61; }
.counter.blue .counter-content:before{
	border-color: #4d9fcf;
	border-bottom-color: transparent;
}
.counter.blue .counter-content:after{ border-top-color: #4d9fcf; }
.counter.blue .counter-icon{ color: #4d9fcf; }
.counter.blue .title{ background: #4d9fcf; }
.counter.purple .counter-content:before{
	border-color: #a98ceb;
	border-bottom-color: transparent;
}
.counter.purple .counter-content:after{ border-top-color: #a98ceb; }
.counter.purple .counter-icon{ color: #a98ceb; }
.counter.purple .title{ background: #a98ceb; }


.in_categories { width:100%; text-align:center;}
.in_categories a { display:inline-block; padding:0 25px; width:auto; line-height:35px; color:#535353; }
.in_categories a:hover {background:#555; color:#fff;}
.in_categories a.active { background:#CC3E4E; color:#fff;}

.case-list { margin-top:50px;}
.case-list ul li{float:left;display:inline;width:25%;height:auto;overflow:hidden;position:relative;}
.photo img{width:100%;height:100%;overflow:hidden; margin:0px; padding:0px;}
.case-list .rsp{width:100%;height:100%;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.case-list .text{position:absolute;width:100%;height:100%;left:-100%;top:0px;overflow:hidden;text-align:center;color:#FFFFFF;}
.case-list .text h3{width:100%;height:50px;line-height:50px;font-size:18px;}
.case-list .text p{ line-height:15px; padding:0px 20px;text-decoration:none}
.case-list .text b { background:url(../images/view.png) no-repeat; width:42px; height:42px; display:block; margin:65px auto 0 auto;}
.case-list .text p.dote { height:16px; display:block; overflow:hidden;}
.case-list .text p.btn { background:#CC3E4E; display:block; margin:15px auto 0 auto; width:100px; height:30px; line-height:30px; font-size:12px;}
.case-list .text p.btn:hover{ background:#30AEB8;}
.case-list .text p.bianhao { font-size:12px; padding-top:5px;}

.hop-product{ overflow:hidden; position:relative; }
.hop-product .hd{ overflow:hidden;  height:30px; margin-top:30px; }
.hop-product .hd ul{  zoom:1; text-align:center; }
.hop-product .hd ul li{ width:10px; height:10px; display:inline-block; border-radius:5px; overflow:hidden; margin-right:5px; font-size:0px;  cursor:pointer; background:#ccc; }
.hop-product .hd ul li.on{ background:#CC3E4E; }
.hop-product .bd{ overflow:hidden; }
.hop-product .bd ul{ overflow:hidden; zoom:1; width:1582px; float:left; _display:inline;  }
.hop-product .bd ul li{ float:left; width:352px; margin-top:40px; margin-right:40px; background:#eee; _display:inline; overflow:hidden; text-align:center;  }
.hop-product .bd ul li:hover{ background:#CC3E4E; color:#fff;}
.hop-product .bd ul li:hover a{color:#fff;}
.hop-product .bd ul li p { display:block; padding:10px;}
.hop-product .bd ul li img { width:100%;}

	/* 推荐案例 */
.focus{height:auto;position:relative; margin:50px auto 0 auto; background:#fff; box-shadow:rgb(221, 221, 221) 2px 2px 5px;}
.focus #pic{width:100%;height:auto;overflow:hidden;}
.focus #pic ul{width:100%;height:100%;}
.focus #pic li{width:100%;height:100%;}
.focus #pic li .frimg{width:50%;height:auto;float:left;}
.focus #pic li .frimg img { width:100%;}
.focus #pic li .text { width:50%; padding:5% 3% 0 3%;  float:right;  }
.focus #pic li .text p.title { font-size:30px; color:#333;}
.focus #pic li .text p.yinhao {display:block; width:46px; height:38px; margin-top:10px; margin-left:15px; background:url(../images/yinhao.png) no-repeat;}
.focus #pic li .text p.subtitle { font-size:20px; color:#CC3E4E;}
.focus #pic li .text div.dote { padding-top:30px; line-height:24px; color:#777; max-height:150px; overflow:hidden;}
.focus #pic li .text p.more a{ background:#666; display:block; color:#fff; font-size:12px; width:120px; height:30px; line-height:30px; text-align:center; margin-top:30px; float:right;}
.focus #pic li .text p.more a:hover {background:#CC3E4E;}
.focus #tip{width:auto; margin-left:-54px; height:8px;position:absolute;left:50%; bottom:2px;z-index:13;}
.focus #tip ul li{width:35px;height:35px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(../images/focus_tip.png) no-repeat left;}
.focus #tip ul li.on{ background-position:-35px 0;}
.focus .btn{width:70px; height:35px; margin:-35px auto 0 auto; position:relative; z-index:9999; }
.focus .btn ul li.prev,.focus .btn ul li.next { cursor:pointer; float:left; width:35px; height:35px; background:#171717 url(../images/focus_btn.png) no-repeat;}
.focus .btn ul li.next { float:right; background-position:right 0 ;}
.focus .btn ul li.next:hover,.focus .btn ul li.prev:hover { background-color:#CC3E4E; background-position:0 bottom; }
.focus .btn ul li.next:hover {background-position:right bottom;}
/*案例页*/
.focus_list{height:auto;position:relative; margin:50px auto 0 auto;}
.focus_list {width:100%;height:auto;overflow:hidden;}
.focus_list li {width:100%;height:100%;float:left; background:#f6f6f6;}
.focus_list li .picimg{width:50%;height:auto;float:left; overflow:hidden;}
.focus_list li .picimg img { width:100%; height:auto; background:#fff; transition: all 0.6s;}
.focus_list li .picimg img:hover{transform: scale(0.8);box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
.focus_list li .text { width:50%; padding:3%; height:100%; float:left; }
.focus_list li .text p.title { font-size:24px;}
.focus_list li .text p.subtitle { font-size:14px; color:#999;}
.focus_list li .text div.dote { padding-top:30px; line-height:24px; color:#777; max-height:200px; overflow:hidden;}
.focus_list li .text p.more a{ background:#666; display:block; color:#fff; font-size:12px; width:120px; height:30px; line-height:30px; text-align:center; margin-top:50px; float:left;}
.focus_list li .text p.more a:hover {background:#CC3E4E;}
.focus_list li.bgs .picimg { float:right;}
.focus_list li.bgs .text { float:left;}

/*建站流程*/
.in_process_bg { background:url(../images/process.jpg) no-repeat center center fixed; padding-bottom:120px;}
.in_process ul li { float:left; width:20%; padding:0 1%; text-align:center; }
.in_process ul li img.pic { width:auto; height:60px;}
.in_process ul li p.title { font-size:16px; font-weight:bold; padding-top:20px;}
.in_process ul li p.subtitle { font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.in_process ul li p.dote { font-size:12px; padding-top:10px;} 

/* 为什么要建站 */
.foucebox .bd{position:relative;width:100%;overflow:hidden;}
.foucebox .showDiv {width:100%;}
.foucebox .showimg { width:20%; float:left;}
.foucebox .showDiv img {width:100%;height:auto; float:left; display:block;}
.foucebox .foucebox_bg { float:right; width:58%; height:100%; }
.foucebox .foucebox_bg h2 { font-size:30px; line-height:30px; color:#555; font-weight:normal; padding-top:30px;}
.foucebox .foucebox_bg p.title { font-size:20px; padding-top:20px; padding-bottom:10px;}	
.foucebox .foucebox_bg p.subtitle { font-size:14px; color:#999;}	
.foucebox .foucebox_bg p.dote { font-size:14px; line-height:20px;}	
.foucebox .foucebox_bg p.more a{ display:block; float:left; margin-top:30px; width:120px; height:30px; line-height:30px; background:#666; color:#fff; text-align:center;}
.foucebox .foucebox_bg p.more a:hover { color:#fff; background:#CC3E4E;}
.foucebox .hd{width:100%; height:auto;}
.foucebox .hd ul li{width:16.6%; height:auto; text-align:center; float:left; margin:2% 0 0 0 ; display:inline; position:relative;}
.foucebox .hd ul li p.title { padding-top:10px; color:#333;}
.foucebox .hd ul li p.subtitle { font-size:12px; color:#999;}
.foucebox .hd ul img{width:40%;height:40%; border-radius:50%; border:1px #ccc solid; box-shadow:0 2px 6px rgba(0, 0, 0, .1);}
.foucebox .hd ul li.on img { border:3px #CC3E4E solid;}

.HomeSlide{ width:100%; height:500px;  position:relative;  background:#000;  }
.HomeSlide .bd{ margin:0 auto; position:relative; z-index:0; height:500px; overflow:hidden;  }
.HomeSlide .bd ul{ width:100% !important;  }
.HomeSlide .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.HomeSlide .bd li a{ display:block; height:500px; }
.HomeSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;}
.HomeSlide .hd ul{ text-align:center; }
.HomeSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:5px; margin:5px; background:#fff; overflow:hidden; }
.HomeSlide .hd ul .on{ background:#28166F; }
.HomeSlide .prev,	.HomeSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none;  }	
.HomeSlide .next{ left:auto; right:5%; background-position:-6px -137px; }

/* 带左右按钮焦点图 */
.fullSlide{ width:100%;  position:relative;  height:600px; background:#000;  }	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.fullSlide .bd ul{ width:100% !important;  }	
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }	
.fullSlide .bd li a{ display:block; height:600px; }	
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; }	
.fullSlide .hd ul{ text-align:center; }	
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:5px;  margin:1px 10px; overflow:hidden; background:#000;filter:alpha(opacity=80);opacity:0.8;  line-height:999px; 	}	
.fullSlide .hd ul .on{ background:#fff; }	
.fullSlide .prev,	.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow2.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none;  }	
.fullSlide .next{ left:auto; right:5%; background-position:-6px -137px; }

.title_name {color:#fff; text-align:center;}
.title_name h3 { font-size:30px; font-weight:normal;}
.title_name h4{ font-size:14px; color:#A0A0A0; font-weight:normal;}
.title_name2 h3{ color:#555;}
.product_nav { background:#170D40; padding-bottom:50px;}
.product_nav ul li { width:31.33333%; margin-right:3%; background:#fff; float:left;}
.product_nav ul li:last-child{ margin-right:0%; float:right;}
.product_nav ul li .fl { width:30%;}
.product_nav ul li .fl img { width:100%;}
.product_nav ul li .fr { width:67%; padding:1.5%;}
.product_nav ul li .fr dt { font-size:20px; margin-top:20px; font-weight:normal; }
.product_nav ul li .fr dt a {color:#26146D;}
.product_nav ul li .fr dd { float:left; margin:10px 20px 0 0;}
.product_nav ul li dt+dd { margin-top:0px;}

.product_new ul {position: relative;}
.product_new ul li { width:31.33333%; margin-right:3%; background:#06c; overflow:hidden; float:left;}
.product_new ul li img { width:100%;}
.product_new ul li.hotprimg3 { margin-top:3%;}
.product_new ul li.hotprimg4 { float:right; margin-right:0%; position:absolute; right:0px; }
/*知名客户*/
.in_famous_bg { background:url(../images/famous.jpg) no-repeat center center; padding-bottom:120px; margin-top:100px;}
.in_famous ul li { width:13.6%; margin-right:0.8%; float:left; margin-top:10px;}
.in_famous ul li img{ width:100%; background:#eee; opacity:0.8; }
.in_famous ul li a:hover img.gray {filter:none; background:#fff; opacity:1;transition: all 0.6s;}
.in_famous ul li.no_right { margin-right:0px;}

.home_work ul li{ text-align:center; width:23%; margin-right:2.6%;}

ul.application_list li { width:33.3333%; float:left;}
ul.application_list li .left_img { width:30%; float:left;}
ul.application_list li .left_img img { width:100%;}
ul.application_list li .list_pr_text { width:65%; float:right; padding-right:20px; text-align:left;}
ul.application_list li .list_pr_text p.title { font-size:18px;}

/* 首页新闻 */
.hp-tab-newprd {  overflow: hidden; position: relative; }
.hp-tab-newprd .j-sw-nav { width:100%; text-align:center; padding-bottom:50px;}
.hp-tab-newprd .j-sw-nav a { padding:6px 25px; line-height:28px; color:#535353; margin-right:2px;}
.hp-tab-newprd .j-sw-nav a:hover {background:#555; color:#fff;}
.hp-tab-newprd .j-sw-nav a.on { background:#CC3E4E; color:#fff;}
.hp-tab-newprd .j-sw-c ul{ zoom:1; overflow:hidden; width:100%; padding-bottom:50px;  }
.hp-tab-newprd .j-sw-c li { float: left; width:33.3%; padding:2%; height:140px; overflow:hidden;}
.hp-tab-newprd .j-sw-c li .data { width:16%; float:left; background:#f5f5f5; color:#000; font-size:14px; text-align:right; padding:1% 3%; }
.hp-tab-newprd .j-sw-c li .data p { font-size:12px;}
.hp-tab-newprd .j-sw-c li .fr_text { width:80%; float:right;}
.hp-tab-newprd .j-sw-c li p.title a{ font-size:16px; color:#333;}
.hp-tab-newprd .j-sw-c li p.title a:hover { color:#CC3E4E; }
.hp-tab-newprd .j-sw-c li p.dote { font-size:12px; height:70px; overflow:hidden; color:#999; line-height:20px; padding-top:10px;}

.in_contact_bg {background:url(../images/ditu.jpg) no-repeat center center; margin-bottom:-25px; padding-bottom:100px;}
.in_contact ul li { float:left; text-align:center; width:21%; margin:0 2%; padding:2%; background:#eee; opacity:0.7;}
.in_contact ul li b { display:block; width:72px; height:54px; overflow:hidden; background:url(../images/contact_tel.png) no-repeat bottom left; margin:0 auto;}
.in_contact ul li b.email { background-position:-72px -54px ;}
.in_contact ul li b.qq { background-position:-144px -54px ;}
.in_contact ul li b.address { background-position:-216px -54px ;}
.in_contact ul li:hover {background:#CC3E4E; color:#fff; cursor:pointer; opacity:1;}
.in_contact ul li:hover b { background-position-y:0px;}

/*内页开始*/
.m_content_title { padding:50px 0 30px 0; text-align:center;}
.m_content_title h3 { font-size:30px; color:#333;}
.m_content_title h3 p { font-size:14px; color:#999; line-height:15px; font-weight:normal;}
.m_nav_list { text-align:center; height:auto;}
.m_nav_list a { background:#535353; color:#fff; display:inline-block; padding:0 25px; width:auto; line-height:28px;}
.m_nav_list a:hover,.m_nav_list a.active{ background:#CC3E4E; }
.all_content { padding:0 0 50px 0;}
.all_content2 { padding:50px 5%;}

.topnav_cate { text-align:center; height:28px; }
.topnav_cate ul {display:inline-block;}
.topnav_cate h3{ font-size:100%; font-weight:normal; font-size:14px;  }
.topnav_cate.pr_cates {border-bottom:#eee solid 1px; margin:50px 0 30px 0; height:48px; text-align:left;}
.topnav_cate.pr_cates h4 { float:left; display:block; line-height:28px; padding:0 30px;}
.topnav_cate .m{  position:relative; float:left; width:auto;   }
.topnav_cate h3 a{  zoom:1; padding:0 25px; width:auto; display:inline-block; margin-right:2px; line-height:28px; color:#fff; background:#535353; }
.topnav_cate h3.active a,.topnav_cate h3 a:hover { background:#CC3E4E;}
.topnav_cate .sub{ display:none;  width: 160px; background-color: #fff;  z-index:9; position:absolute; top:15px;  float:left; }
.topnav_cate ul.sub li{ height: 25px; line-height: 25px; text-align:left;  font-size: 12px; z-index: 2; background:#ccc; border-bottom:1px #eee solid; position:relative; }
.topnav_cate ul.sub li a{ color:#535353; display:block; zoom:1; padding:0 15px;}
.topnav_cate ul.sub li a:hover{ background:#CC3E4E; color:#fff; }
.topnav_cate ul.sub li:last-child { border:0;}

ul.am-list li:hover { background:#eee; padding:0 1%;}
ul.am-list li .am-list-thumb { width:10%;}

.pages {height: 26px;padding: 5px 0;margin-top: 30px;clear: both;text-align:center;}
.pages:after {content: '.';clear: both;height: 0;line-height: 0;display:inline-block;visibility: hidden;}
.pages ul {padding: 0;list-style: none;margin: 0;display:inline-block;}
.pages li {float: left;margin-right: 5px;}
.pages li a {display: block;padding: 0 10px;border: 1px solid #e1e1e1;height: 24px;line-height: 24px;color: #666;}
.pages li a:hover {border: 1px solid #85D628;background: #85D628;color: #fff;text-decoration: none;}
.pages li span {display: block;border: 1px solid #e1e1e1;height: 24px;line-height: 24px;color: #c4c4c4;padding: 0 10px;}
.pages .current a {border: 1px solid #85D628;background: #85D628;color: #fff;}

.ladyScroll{width:100%;height:280px;position:relative; margin-bottom:20px;}
.ladyScroll .prev,.ladyScroll .next{width:22px;height:50px;position:absolute;top:30%;left:0;z-index:100; cursor:pointer; background:url(../images/index.png) no-repeat; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;}
.ladyScroll .next{ left:auto; right:0; background-position:-24px 0;}
.ladyScroll .prev:hover,
.ladyScroll .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
.ladyScroll .scrollWrap{ margin-left:30px; margin-right:30px; width:auto; overflow:hidden;position:absolute;}
.ladyScroll dl{float:left;width:20%;text-align:center;position:relative;}
.ladyScroll dt{margin:0 auto;width:98%;overflow:hidden;}
.ladyScroll img{display:block;width:90%;height:auto; margin:0 auto;}
.ladyScroll img:hover { width:100%;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;}
.ladyScroll dd{width:100%;line-height:20px; height:60px;text-align:center;overflow:hidden;}
.ladyScroll dd p { color:#999;}
.ladyScroll dd p.price { color:red; font-size:14px;}
.ladyScroll dd p.title { height:20px; overflow:hidden;}

ul.am-news-list li { width:100%; float:left; padding:0 0 2% 0;}
ul.am-news-list li .news-pic {width:15%; margin-right:2%; float:left; overflow: hidden;}
ul.am-news-list li .news-pic img{width:100%;transition: all 0.6s;}
ul.am-news-list li .news-pic img:hover{transform: scale(1.4);}
ul.am-news-list li p.title { line-height:30px; height:30px; font-size:20px; margin-top:20px; overflow:hidden;}
ul.am-news-list li p.dote { line-height:25px; color:#999; font-size:14px; margin-top:15px; overflow:hidden;}
ul.am-news-list li p.date span { float:left; display:block; background:url(../images/hits-ico2.png) no-repeat center left; padding-left:26px; margin-right:20px;}

.news_content .am-article-hd { text-align:center; margin:50px auto 30px auto; padding-bottom:50px; border-bottom:1px #eee solid;}
.news_content .am-article-hd p.am-article-meta { margin-top:10px; font-size:14px;}

/* 通用框架可选线条布局 */
div.pfw:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;overflow:hidden;}
div.pfw h3{ height:60px; line-height:20px;font-size:18px;font-weight:500; display:block;margin:0;padding:10px 0 10px 20px;background:#122D60 url('../images/breadcrumb.png') right center no-repeat;background-position:95% 15px;border-bottom:1px solid #ccc;color:#fff;}
div.pfw h3 p { font-size:14px;}
div.pfw h3 a { color:#fff;}
div.pfw h3 small{font-size:12px;color:#fff;font-weight:normal;padding-left:4px;font-style:italic;}
div.pfw h3 .more{display:block;float:right;height:30px;line-height:30px;padding-right:8px;font-weight:normal;font-size:12px;background:url('../images/arrow-right.png') right center no-repeat;margin-right:5px;color:#fff;}
div.pfw .content{margin:5px;font-size:1em;line-height: 1.5em;}
div.pfw .adm_reply {margin:4px 0 0 0;font-size:1em;line-height:180%;border-top:1px solid #ccc;padding:5px 5px 5px 88px;position:relative;background:#fafafa;}
div.pfw .adm_reply .adminer{position:absolute;left:5px;color:darkred;}

.tab_d,.tab{width:100%;}
.tab_d .tab,.tab_d .tab tr,.tab_d .tab tr td,.tab_d .tab tr th{border:1px solid #dedede;}
.tab_d .tab tr th{background:#eee;}
.tab_d .tab tr th,.tab_d .tab tr td{padding:8px 5px;text-align:center;font-size:14px;color:#666;}
.tab_d .tab tr td .btn_xz{display:block; font-size:0px;width:30px;height:20px;background:url(../images/xz.png) no-repeat center;margin:0 auto;}
.tab_d .tab tr td .btn_xz:hover{background:url(../images/xz1.png) no-repeat center;}
.tab_d .tab tr td a{color:#295a8c;}


	/* 文章列表 */
	div.pfw ul.artlist{list-style:none;margin:0;padding:0 0 5px 0;}
	div.pfw ul.artlist li{display:block;height:24px;line-height:24px;overflow:hidden;white-space:nowrap;word-wrap:nowrap;background:url('../images/icon3.gif') 10px center no-repeat;padding-left:20px;margin:0 3px 0 7px;text-overflow:ellipsis}
	div.pfw ul.artlist li div.date{float:right;line-height:24px;}
	div.pfw ul.artlist li:hover{color:#164476;}

	/*下载列表*/
	div.pfw ul.downlist{list-style:none;margin:0;padding:0 0 5px 0;}
	div.pfw ul.downlist li{display:block;height:24px;line-height:24px;overflow:hidden;white-space:nowrap;word-wrap:nowrap;background:url('../images/download.png') left center no-repeat;padding-left:20px;margin:0 3px 0 7px;}
	div.pfw ul.downlist li:hover a{color:#007A27;}

	/*分类列表*/
	div.pfw ul.catelist{list-style:none;margin:0;padding:0;}
	div.pfw ul.catelist li{height:33px;line-height:33px;background:#FDFDFD;border-bottom:1px solid #ededed;text-indent:2em;}
	div.pfw ul.catelist li.on{background:#fff;color:red;}
	div.pfw ul.catelist li.on a{color:red;font-weight:500;}
	div.pfw ul.catelist li:last-child{border-bottom:0;}

	div.pfw dl.catelist{list-style:none;margin:0;padding:0;}
	div.pfw dl.catelist dt{height:33px;line-height:33px;background:#FDFDFD;border-bottom:1px solid #ededed;padding-left:20px;}
	div.pfw dl.catelist dt.on{background:#fff;color:red;}
	div.pfw dl.catelist dt.on a{color:red;font-weight:500;}
	div.pfw dl.catelist dd{height:33px;line-height:33px;background:#FDFDFD;border-bottom:1px solid #ededed;text-indent:2em;padding-left:20px;}
	div.pfw dl.catelist dd.on{background:#fff;color:red;}
	div.pfw dl.catelist dd.on a{color:red;font-weight:500;}

	div.pfw ul.imglist{ overflow:hidden;margin:0;padding:0;}
	div.pfw ul.imglist li{padding:5px 5px 0 5px; float:left;margin:5px 10px;text-align:center;}
	div.pfw ul.imglist li img{border-radius:5px;box-shadow:1px 1px 5px 0px #ccc;}
	div.pfw ul.imglist li .tit{ line-height:22px; padding:2px; text-align:center;overflow:hidden;height:22px;}



/* 页头属性 */
header{min-width:1200px;margin:0 auto;position:relative;}
header div.top{width:1200px;position:relative;margin:10px auto;}
header div.top:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
header div.top .logo{float:left;}
header div.top .right{float:right;}
header div.top nav.top{height:26px; line-height:26px; text-align:right; color:#666;display:block;}

header nav.menu{width:100%;margin:0; height:40px;line-height:40px; background:#CC3E4E;list-style:none;position:relative;z-index:1799;}
header nav.menu div.menu{width:1200px;margin:0 auto;}
header nav.menu ul{width:1200px;list-style:none;margin:0;padding:0;position:absolute;z-index:1800;}
header nav.menu ul li{ float:left;position:relative;width:12.5%;overflow:hidden;}
header nav.menu ul li dl{list-style:none;color:#fff;font-size:1em;margin:0;text-align:center;}
header nav.menu ul li dl dd{display:none;}
header nav.menu ul li a{color:#fff;text-decoration: none;}
header nav.menu ul li:hover{background:#0c79b1;transition: all 1s ease;}
header nav.menu ul li:hover dd{display:block;}
header nav.menu ul li:hover dd:hover{background:#0c79b1;}
header nav.menu ul li.current{ background:#e0690c;}


/* 首页 */

.index-about .thumb{float:left;margin-right:10px;}
.index-about p{margin:0;text-indent:2em;}



/* 改写 amazeui 的样式 */
.am-titlebar{margin-top:0;}
.am-panel{margin-bottom:0;}
.am-panel-title .more{float:right;font-weight:normal;}
.am-panel-bd{padding:0.5rem;}
.am-panel-bd .am-list{margin-bottom:0;}
.am-panel-bd .am-list li:first-child{border-top:0;}
.am-panel-bd .am-list li:last-child{border-bottom:0;}


.floating_ck{position:fixed;right:2px;bottom:5%;}
.floating_ck dl dd{position:relative;width:40px;height:40px; margin-top:-1px;background-color:#fff;border:solid 1px #eee;cursor:pointer; background-repeat:no-repeat; text-align:center;}
.floating_ck dl dd:hover{}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.consult:hover{background-image:url(../images/zxicon2.png);}
.quote:hover{background-image:url(../images/kficon2.png);}
.qrcord:hover{background-image:url(../images/erweima2.png);}
.return:hover {background-image:url(../images/fanhui2.png);}
.floating_ck dd a span {color:#fff;display:block; width:40px; height:40px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;border:solid 1px #eee;background-color:#fff;display:none;}
.floating_left a{color:#333;line-height:80px;}
.floating_ewm{height:260px;top:-182px;}
.floating_ewm i{background-image:url(../images/weixin.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm i img { width:100%;}
.floating_ewm p{color:#333;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:16px;}
.floating_left.qrcode_ewm { padding:20px; height:auto;}
.floating_left.qrcode_ewm a { line-height:20px; height:20px; padding:10px 0; margin-bottom:15px; text-align:left; font-weight:bold; display:block;}
.floating_left.qrcode_ewm p img { width:20px; height:20px;  margin-right:5px;  border-radius:10px; float:left;}

.m_box{ overflow:hidden; margin-bottom:10px;}
.m_t{ border-bottom:1px solid #3375b9; height:30px; line-height:30px; margin-bottom:5px; overflow:hidden;}
.m_t .more{ float:right; font-size:11px; padding-top:5px; line-height:25px;color:#3375b9; background:url("../images/arrow-right.png") right 13px no-repeat; padding-right:8px;}
.m_t .name{ float:left;float: left;padding: 0px;margin: 0px;height: 30px;line-height: 30px; font-size:14px; color:#000; font-weight:bold;}
.m_t .name_en{ font-size:13px; color:#666; float:left; padding-left:5px; line-height:32px;}
.home_news { overflow:hidden;}

.home_about { background:#fff; min-height:200px; box-shadow:0 2px 6px 2px rgba(0, 0, 0, .1);}
.home_about .fl{ width:50%;}
.home_about .fl img { width:100%; height:100%;}
.home_about .fr{ width:50%; padding:3% 3% 0 3%; overflow:hidden;}
.home_about .fr h2 { font-size:22px; color:#170D40;}
.home_about .fr .note { color:#888; padding-top:20px;}
.home_about .fr p.more a{ display:block; text-align:center; background:#666; color:#fff; float:left; margin-top:20px; width:120px; height:30px; line-height:30px;}
.home_about .fr p.more a:hover {background:#170D40;}

.foot_contact {padding:20px 5%; background-color:#f8f8f8;}
.foot{ width:100%; background:#f7f7f7; border-top:1px solid #eee;margin-top:20px; text-align:center;}
.copyright{ margin:0 auto; padding:20px 5%; color:#AAAAAA; font-size:12px; line-height:24px;text-align:center;}

.footbg { background:#170D40; color:#ccc; padding:15px 0; }
.footbg .fl img{ width:auto;}
ul.left_link { float:left; margin-left:15px; line-height:25px;}
ul.left_link li a { color:#ccc; float:left; }
ul.left_link li a:hover { color:#85D628;}
ul.left_link li i { font-style:normal; padding:0 10px;}
ul.center_tel { margin-left:2%;}
ul.center_tel li { border-bottom:1px #222 solid; clear:both; line-height:30px; padding:10px 0;}
ul.center_tel li b { display:block; float:left; margin-right:10px; width:30px; height:30px; line-height:30px; border-radius:15px; background:#000 url(../images/loading.gif) no-repeat center center; }

/* 详细页对表格的处理 */
.content{ line-height:170%;font-size:1em;font-weight:500;}
.content p{ margin-bottom:1em;}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
.content p img { width:auto; display:inline-block;}

.news_list{ overflow:hidden; margin-bottom:10px;}
.news_list li{ overflow:hidden; padding:10px; margin-bottom:10px; background:#fafafa;}
.news_list .n-img {float: left;padding-right: 15px;width: 131px;text-align: center;}
.news_list .n-img img{ width:131px; height:97px;}
.news_list h3 {padding: 5px 0 11px; font-size:13px;}
.news_list h3 a{font-size:13px;}
.news_list .n-txt {color: #979797;text-indent: 24px;line-height: 20px;}
.news_list .more, .news_list .more a {color: #34ACE2;}



.vcode{border: 1px solid #CCCCCC; line-height: 20px; padding:3px;width:130px;text-transform:uppercase;margin-right:3px;}


/* 会员个人中心涉及到的CSS，以cp-为前缀 */
.cp-avatar{margin:5% 0}
.cp-avatar img{width:60px;height:60px;}
.cp-ico{width:50px;}




/* 自定义表示用到的样式 */
input[type=text] + input[type=button]{padding:0.415em 1em;margin-left:5px;}
input[type=text] + input[type=button] + input[type=button]{padding:0.415em 1em;}


/* 产品列表、详细页 开始 */
.am-thumbnail { border:0px;}
.list_pr_text { padding:15px 0; text-align:center;}
.list_pr_text p.price { font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.list_pr_text p.subtitle { font-size:12px; color:#999;}
.product_left { width:765px; float:left;}
.excellent_img img { width:100%;}
.product_right { width:560px; float:right; margin-top:50px;}
.product_right .content { margin-top:50px;}
ul.gg-list-static li .title { width:auto; float:left; line-height:34px;}
ul.gg-list-static li .subtitle { width:90%; float:right; line-height:34px;}
ul.gg-list-static li div.attr { float:left; margin-right:5px;}
ul.gg-list-static li div.attr.selected { background:#CC3E4E; border-color:#CC3E4E; color:#fff;}
.pd-border {border:1px #eee solid; border-left:0px; border-right:0px; padding:30px 0;}
ul.gg-list-static li.pd-li { margin:10px 0;}
button.shop-btn {background:#CC3E4E; color:#fff; border:0px; width:260px; border-radius:5px; height:50px; line-height:50px; text-align:center; font-size:20px; margin-top:30px; }
.product_note { width:30%; float:right;}
.product_note h3 { font-size:18px; font-weight:normal;  line-height:44px;}
.product_note .pd_note {line-height:18px; margin:30px 0; }
.focuspic { position: relative; width:100%; height:100%; z-index:2; overflow: hidden; }
.focuspic .pic img { width:100%; height:100%; display: block; }
.focuspic .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.focuspic .hd { text-align:center;  }
.focuspic .hd li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:0 4px; background:#ccc; border-radius:4px;overflow:hidden; vertical-align:top; line-height:9999px; }
.focuspic .hd li.on { background:#CC3E4E;}
.focuspic .prev,
.focuspic .next { width:22px; height:50px; position:absolute; top:50%; margin-top:-50px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focuspic .prev { background-image:url(../images/index.png); background-position:0 0; left:0 }
.focuspic .next { background-image:url(../images/index.png); background-position:24px 0; right:0 }
.focuspic .prev:hover,
.focuspic .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
a.more_case { display:block; margin:0 auto 80px auto; text-align:center; width:180px; height:50px; line-height:50px; font-size:18px; border:1px #ccc solid;}
.am-tabs-bd { border:0px;}
.am-nav-tabs { padding-left:50px;}
.am-nav-tabs li { font-size:18px; font-weight:bold;}

ul.cate-nav li{ width: 100%; text-align:left;}
ul.cate-nav li.open h4 a.on { color:#23a0e7;}
ul.cate-nav > li{ float: left;}
ul.cate-nav li h4{height: 35px; line-height: 35px; padding-left:20px; font-weight:normal;}
ul.cate-nav > li > h4{ background: #F2F2FD;border-bottom: 1px solid #E3E3FB;}
ul.cate-nav > li > ul { padding:10px 0;}
ul.cate-nav > li > ul > li h4{ height:35px; line-height:35px; background:#fff; font-size:14px;}
ul.cate-nav > li h4:hover{ background: #122D60!important; color:#fff; }
ul.cate-nav > li h4:hover a{ color:#fff; }
ul > li > ul{ display: none;}
ul > li.on > ul{ display: block;}
ul > li.open > ul{ display: block;}
ul.cate-nav li{ position: relative;}
ul.cate-nav > li > ul > li ul{ position:  absolute; top: 0; right: -260px;}
ul.cate-nav span.sub{ position: absolute; display: block; right:10px; top: 0; width: 10px; height: 35px; background: url(../images/arrows.png) no-repeat center center;}
ul.cate-nav > li > ul > li span.sub { height:30px;}
ul.cate-nav > li > ul > li > ul { margin-top:1px;}
ul.cate-nav > li > ul > li > ul > li > ul { margin-top:1px;}
ol>li>ol, ol>li>ul, ul>li>ol, ul>li>ul { margin:0px;}
.am-breadcrumb { font-size:100%;}
.proimg{height:600px;}
.proimg .product_img{position:relative; width:100%;height:auto;overflow:hidden;overflow:hidden;}
.proimg .product_img ul{list-style:none;margin:0;padding:0;}
.proimg .product_img ul.hd{right:10px;bottom:10px;height:12px;overflow:hidden;z-index:3;position:absolute;}
.proimg .product_img ul.hd li{float:left;width:20px;height:10px;margin-left:5px;cursor:pointer;background:#ccc;}
.proimg .product_img ul.hd li.on{background:red;}
div.attr{border:1px solid #ccc;margin-bottom:5px;line-height:26px;padding:3px 10px;cursor:pointer;}
div.attr.selected{border:1px solid red;}

/* CSS class for zoomed area */
.left-pro{ width: 765px; border: 1px solid #eee; text-align: left; float: left; background-color: #FFF; margin-top: 40px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.left-pro .t1{width:120px;float:left}
.left-pro .t2{width:352px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:10px;width:100px;height:100px;padding:1px;border:1px solid #eee;float:left}
#showArea img:hover { border-color:#CC3E4E;}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:579px;margin:10px;overflow:hidden}
.MagicZoomBigImageCont{border:1px solid #ccc;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:600px;height:600px}
.MagicZoomHeader{color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:5px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #eee;border-top:none;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(../images/loading.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

.picScroll-top{ margin:0 auto;   overflow:hidden; position:relative;   }
.picScroll-top .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:100px; height:5px;  margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/gobottom.gif") no-repeat;}
.picScroll-top .hd .next{ background:url("../images/gotop.gif") no-repeat; }
.picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
.picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
.picScroll-top .bd ul{ overflow:hidden; zoom:1;}
.picScroll-top .bd ul li{ text-align:center; zoom:1; margin-top:10px;  }
.picScroll-top .bd ul li img { width:100%; border:1px #eee solid; padding:2px;}
.picScroll-top .bd ul li img:hover { border-color:#CC3E4E;}

/* 产品详细页 结束 */

/* 地址信息编辑 */
.address .pca:after{clear:both;content:'.';display: block;visibility: hidden;height:0;line-height:0;font-size:0;}
.address select{width:30%;float:left;}
.address select + select{margin-left:3px;}

ul.product_list li img { width:94%; margin:0 auto; }
ul.product_list li:hover img{ border:2px #85D628 solid; box-shadow:0 2px 6px rgba(0, 0, 0, .1);}
.am-thumbnails>li { padding:0px;}
/* 宽屏改变 */
.wh0 #header .content { max-width: 100%; }
.white_color { color:#fff;}

.main_pfw .fl { width:15%;}
.main_pfw .fr { width:83.5%;}

#content-img img { max-width:100%; margin:20px auto 0 auto; display:block; text-align:center;}
#content-intro p img { max-width:none; display:inline-block;}
.more_hot { font-size:16px; border-bottom:1px #eee solid; padding-bottom:15px; margin:20px 0;}
@media screen and (max-width:1880px) {
.main_pfw .fl { width:20%;}
.main_pfw .fr { width:78.5%;}

.product_right { width:360px;}	
.hop-product .bd ul li { width:278px; margin-right:20px;}
.focus #pic li .text { padding:3% 2% 0% 2%;}
#header .wrapper { padding:20px 0;}
.content { width:1180px; margin:0 auto;}
.topnav .m { margin-right:35px;}
.case-list .text b { margin-top:25px; background-size:30px; width:30px; height:30px;}
.in_famous ul { padding:0;}
.hp-tab-newprd .j-sw-c li .data { width:20%;}
.hp-tab-newprd .j-sw-c li .fr_text { width:75%;}
.all_content2 { padding:50px 0;}
.ladyScroll { height:210px;}
.tophome .nav2 h3.top_email {display:none; }
.head_nav h3 { font-size:14px;}
.head_nav h3 a { padding:0 25px;}
.home_about .fr .note { height:130px; overflow:hidden;}
.product_nav ul li .fr dt { font-size:16px; margin-top:10px; font-weight:bold;}
.product_nav ul li .fr dd { margin:5px 20px 0 0;}
}

@media screen and (max-width:1440px) {
.tophome .nav2 h3.top_weixin { display:none;}
.wrap{ max-width:90%; min-width:1210px; }
.main_pfw .fl { width:16%;}
.main_pfw .fr { width:82.5%;}
}

@media screen and (max-width:1250px) {
.content { width:880px; margin:0 auto;}
.module_container { min-width:auto;}
}