@import url("global.css");


.header{ width:979px; margin:0 auto; padding:0 0 68px; background: url(../images/mxcpcontainer_top.gif) no-repeat 0 100%; overflow:hidden;}
.logo{  float:left;}
.search{ float:right;}
.search a{ font-size:16px; color:#FFF;}

.bg1{ background:#fff url(../images/bg1.gif) repeat-x 0 0;}
.bg2{ width:979px; margin:0 auto; background: url(../images/bg2.gif) repeat-y 0 0;}
.bg3{ background:url(../images/bg3.gif) no-repeat 0 0; padding:1px 27px;}
.container{ margin:-40px 0 0 0;}
.banner{ position: relative;  border:1px solid #e5e5e5; padding:3px; margin:0 0 7px;}

/*搜索框*/
	.search{ height:26px; position:relative; width:205px; }
	.search .stxtKey{float:left; background:url(../images/search-ipt.gif) left center no-repeat;}
	.search .stxtKey .keyword{ color:#ccc; width:133px; padding-left:10px; height:26px; background:none; border:none;}
	.search .S_go{ position:absolute; right:0px; top:0px;}

/* 分享 */
	.share{ font-size:12px; color:#fff; float:right; margin-right:20px; font-weight:600;}
	.share img{ vertical-align:middle;}
	.share span.til{ margin-right:10px;}
	.share{}


/* ====================
    顶部 导航条
==================== */
.nav{ line-height:1; border:1px solid #e5e5e5; padding:3px;}
.nav-default{ background:#f0f0f0; padding:1px;}
.nav-default ul{}
.nav-default ul li{ float:left; text-align:center;}
.nav-default ul li a{ color:#666666; font-size:13px; font-weight:bold; text-decoration:none; line-height:30px; display:block; position:relative; padding:0 20px;}
.nav-default ul li a:hover{ color:#68961f; background-color:#FFF;}
.nav-default ul li.current a{ color:#68961f; background-color:#FFF;}
	/*子类*/
	.nav-default li ul {line-height:27px; text-align:left; position: absolute; left: -999em; z-index:345;}/*子类UL*/
	.nav-default li ul li {width: auto; background:#F6F6F6; float: none; }/*子类li盒子，通用背景图名为：Nsb_libg.gif*/
	.nav-default li ul a {  text-align:left; padding-left:24px;wedisplay: block;  }/*子类的链接，可以加入背景图，命名为Nsb_ico或者Nsb_arrow*/
	.nav-default li ul a:hover {background:#C00; }/*子类鼠标滑过的时候，背景图为：Nsb_hover.gif*/
	
	.nav-default li:hover ul {left: auto; }
	.nav-default li.sfhover ul {left: auto; }
	/*文字颜色style*/
	.nav-default li ul a{color:#333;}
	.nav-default li.current ul a{color:#333;}
	.nav-default li ul a:hover{color:#fff;}

/* ====================
     list 列表集合
==================== */
.bx-title{ height:35px; background:#000; color:#fff; padding-left:20px; line-height:35px;}
	.twlist{ overflow:hidden;}
	.twlist ul{ width:950px; margin-left:6px; margin-top:10px;}
	.twlist li{ float:left; width:205px; margin-right:30px; margin-bottom:10px;}
	.twlist li a{}
	.twlist li a:hover{}
	.twlist li .picbox{}
	.twlist li img{ border:1px #ccc solid;}

/* 友情链接 */
	.links{}
	.links a{ margin:0 10px 15px;}
	.links{}
	.links{}

/* ====================
    主体部分
==================== */
.content h2{ padding:15px 0;}
.container .detail{ padding:20px 0;}
.container .detail h2,.container .detail h1,.container .detail h3{ margin-bottom:20px; font-weight:600; text-transform:uppercase; font-size:18px;}
.content .bt{ padding-top:15px; padding-bottom:15px; margin-right:0; text-align:center;}

.content .tupian{ padding:15px 0;}
.content .line{ padding-bottom:15px; padding-top:15px;}
.google-map{ float:left; margin-left:50px; width:440px;}
/* ====================
    footer
==================== */
.footer{ width:979px; background:url(../images/bottom.png) center top no-repeat; padding-top:30px;}
.bottom{ padding-top:20px;}
.footer dl{ float:left; padding: 0 50px;}
.footer a{  text-decoration:none;}
.footer a:hover{color:#7f961f;}
.footer dl dt{ margin-bottom:10px;}
.footer dl dt a{ font-size:13px;  font-weight:bold; text-decoration:none;  color:#fff;}
.footer dl dd a{ font-size:12px; color:#d5d5d5 !important;}
.footer .copyright{ text-align:center;font-size:14px; color:#FFF; margin-top:50px; padding-bottom:30px; font-weight:bold;}

/* 本例子css */
		.slideBox{margin:0px auto; overflow:hidden; position:relative;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{display:block;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,.slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png)  no-repeat; filter:alpha(opacity=50); opacity:0.5;}
		.slideBox .prev{left:3%; background-position:-110px 5px;}
		.slideBox .next{right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
		
/* ====================
   products
==================== */	
/* twlist1 */
	.twlist1{ width:938px; overflow:hidden;}
	.twlist1 ul{ width:970px;}
	.twlist1 li{ float:left; margin-right:28px; margin-bottom:30px;}
	.twlist1 li .picbox{}
	.twlist1 li .pic{ width:452px; height:282px;}
	.twlist1 li p{ margin-bottom:10px; font-size:n}
	.twlist1 li p a{}
	.twlist1 li p a:hover{}
	

/* twlist2 */
	.twlist2{ overflow:hidden; width:920px;}
	.twlist2 ul{ width:950px;}
	.twlist2 li{ float:left; width:342px; height:480px; border-bottom:1px #9a9a9a solid;  margin-right:120px; margin-bottom:20px;}
	.twlist2 li img{ margin-bottom:15px;}
	.twlist2 li h3{}
	.twlist2 li h3 a{ color:#333; text-decoration:none; font-size:14px; font-weight:600;}
	
	
	
	
	
/* 图集- 横向 css */
	.gallery{ position: relative; overflow: hidden;}
	.gallery .bigImg{ float:left; width:388px; height:360px;   position: relative; overflow:hidden;}
	.gallery .bigImg li{ text-align:center;}
	.gallery .bigImg li img{width:376px; height: 350px; border: 2px solid #dcdddd; padding:2px; vertical-align:middle;}
	.gallery .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }
	
	.gallery .pro-info{ width:490px; height:350px; overflow:hidden;  float:right; position:relative;}
	.gallery .pro-info .desc{ color:#808080; font-size:12px;}
	.gallery .pro-info .til{ color:#808080; margin-bottom:10px;}
	.gallery .pro-info .buy-btn{ margin-top:15px;}
	.gallery .pro-info .pro-contact{ width:460px; padding:10px; height:160px; background-color:#e7f0f5; border:1px #808080 solid; position:absolute; right:0; bottom:0;}
	.gallery .pro-info{}
	
	
	/*缩略图*/
	.gallery .smallScroll{height: 126px; margin:26px auto 20px;}
		/*左右按钮*/
		.gallery .sPrev{width:76px; height:125px; float: left; display: block; background: url(../images/galleryleft.gif) left center no-repeat;text-indent: -9999px; }
		.gallery .sNext{width:76px; height:125px; float: right; display: block; background: url(../images/galleryright.gif) right center no-repeat;text-indent: -9999px; }  
		.gallery .sPrev:hover{ background-position: 0 50%;}
		.gallery .sNext:hover{ background-position: 100% 50%;}
		
	/*画廊*/
	.gallery .smallImg{ width:756px;  float:left; display:inline;  overflow: hidden;}
	.gallery .smallImg ul{width: 9999px; overflow: hidden; }
	.gallery .smallImg li{ float: left; padding: 0 4px 0 0; width:162px; margin-right:15px; cursor:pointer;  display: inline;  }
	.gallery .smallImg img{ border: 1px solid #dcdddd; width:160px; height:124px;  }
	.gallery .smallImg .on img{ border-color: #ccc;}

	.gallery .pageState{ position: absolute; top: 235px; right: 5px; letter-spacing: 1px;}
	.gallery .pageState span{ color: #f00; font-size: 16px;}
 

/*分页页码*/
.pagesbox{width:660px;}/*改变宽度，可以让其居中。*/
.pagelist{margin:20px auto;}
.pagelist li{float:left;  margin-left:5px;}
.pagelist li span.pageinfo{color:#3c3c3c; line-height:32px; padding:0 2px;}
.pagelist li a{color:#000; font-size:15px; padding:3px 10px; display:block; background-color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #e2e2e2;}
.pagelist li a:hover{color:#fff; background-color:#065ca5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #fff;}
.pagelist .thisclass a{color:#fff;  padding:3px 10px; background-color:#065ca5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #fff;}
.pagelist .option{width:42px; height:22px; line-height:22px; margin:0px 5px;}/*下拉表单*/

/*==========compangy=========*/

.content3 h1{ font-size:18px; }
.content3 .text{ float:left; text-align:left;}
.content3 .text h1{ font-size:14px;}
.content3 .text2{ width:180px; float:right; margin-right:30px; margin-top:100px;}

/*Media*/


/*Service & Support*/

.twlist5{ float:left; margin-top:150px;}
.twlist5 li{ width:190px; height:120px; text-align:center; padding:10px 0; border-bottom:1px solid #999;}
.twlist51{ float:right; width:680px;}
.twlist51 a{ display:block; line-height:40px; font-size:14px;}
.twlist51 h1{ padding-top:20px;}
.twlist51 h2{ padding-top:20px;}
.twlist51 p{ padding-top:20px;}
.twlist51 h3{ padding-top:20px;}


/*Purchasing*/


.twlist6 .tp li{ float:left; padding-left:15px; padding-top:20px; padding-bottom:20px;}
.twlist61 .tp
.twlist61 .tp2{ width:700px;}
.twlist61 .tp2 li{ float:left; padding:0 10px;margin-top:40px;}
.twlist61 .tp3{ float:right; padding-top:40px;}
.twlist61 .tp2 li a{ width:400px; display:block; text-align: left; font-size:16px;}


 

/*contact*/

.content8 .twlist8 li{ float:left; width:260px; padding-left:20px; height:120px;}
.content8 .twlist8 li a{ font-size:14px;}
.content8 h2{ padding-left:20px; padding:20px 0;}
.content8 p{ font-size:12px;}
.content8 p a{ color:#03F; text-decoration:none;}
.content8 p a:hover{ color:#666;}
.content8 .tp8{ padding-bottom:20px;}




/* 最后修改 */
	#ur_here{height:45px; border-bottom:1px #ccc solid;}
	#ur_here h2{ font-size:15px; color:#005367}
	#ur_here .place{}
	#ur_here .place a{ line-height:45px; text-decoration:none; color:#333; font-size:12px;}
	#ur_here{}
	#ur_here{}
	/* 分类树导航 */
	.category_tree{}
	.category_tree h2{ line-height:40px; text-align:center; color:#017187;}
	.category_tree .cat-img{ text-align:center;}
	.category_tree .cat-img img{ max-width:220px;}
	.category_tree .cattree{ margin-top:15px;8}
	.category_tree .cattree{}
	.category_tree .cattree li{ border-bottom:2px #fff solid;}
	.category_tree .cattree li a{ color:#017187; display:block; line-height:45px; text-align:center;}
	.category_tree .cattree li.current a,.category_tree .cattree li a:hover{ background-color:#e95314; color:#fff;} 
	
	/* 产品列表 */		
	.pro-list a{ color:#054994;}
	.pro-list li{ margin-bottom:25px;}
	.pro-list .picbox{ float:left; margin-right:10px; width:187px; height:170px; border:1px #ccc solid; text-align:center;}
	.pro-list .picbox img{ width:185px; height:165px;}
	.pro-list .text-info{ float:left; width:450px;}
	.pro-list .text-info h3{ border-bottom:1px #d6e7f1 solid; line-height:35px;}
	.pro-list .text-info h3 a{ line-height:100%; padding:10px 0; display:block; font-weight:normal;}
	.pro-list .text-info .desc{ color:#7d7d7d; padding:10px 0;}
	.pro-list .text-info{}
 
	

.c-left{ float:left; width:245px; padding:10px 0 45px; background:#e7f0f5; border:1px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.c-right{ float:right; width:658px;}

.big-image-wrapper{
	position:absolute;
	top:0;
	right:0;
	width:500px;
	height:360px;
	background-color:#fff;
	z-index:300;
	display:none;
}
.big-image{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.big-image img {
	position:absolute;
	left:0px;
	top:0px;
}

.mark {
	margin:0px;
	padding:0px;
	width:100px;
	height:100px;
	position: absolute;
	left:0px;
	top:0px;
	background:#fff;
	filter:alpha(opacity:30);
	opacity:0.3;
	display:none;
}


.feedbook{float:left; width:400px;}
.feedbook h2{ height:35px; line-height:35px; background:url(../images/fdtitle.gif) left center no-repeat;}
.feedbook h2 span{ display:none;}

	.liuyan{  margin-top:30px; margin-left:0;}
	.liuyan td{padding:5px 0 5px 15px; line-height:32px;}
	.liuyan .intxt,.biaodanlist .intxt{ background-color:#fafafa;  line-height:24px; height:24px; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	.liuyan .vdcode{margin-left:18px;}
	.liuyan .vdcode a{color:#0c9551;}
	.biaodanlist{width:520px; margin:10px auto;}
	.lybtn{margin:10px auto; text-align:center;}
	.lybtn input{width:98px; height:36px; line-height:36px; border:none; cursor:pointer;}
	.lybtn .reset{color:#666; margin-left:20px; background:url(../images/resubmit.png) no-repeat;}
	.lybtn .submit{color:#fff; background:url(../images/submit.jpg) no-repeat; margin-left:0;}
	
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/zaixiankefu.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
	