@charset "utf-8";
/* CSS Document */
html{ width:100%; overFlow-x: hidden; OVERFLOW: scroll; }
body{ margin:0px; padding:0px; /*background:#f2f2f2;*/}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
*{ font-family:"微软雅黑"; font-size:12px; color:#5f5f5f;}
a{font-family:"微软雅黑"; font-size:12px; color:#5f5f5f; text-decoration:none;}
a:hover{ color:#008fff; border:0px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,button,img,button,select,iframe{padding:0;margin:0;}
img,input,button,select,textarea,fieldset,iframe{vertical-align:top;*vertical-align:middle;}
ul,li{list-style-type:none;}
.clearfix{display:block;clear:both;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
img{ border:0px;}

.top{ width:100%; /*height:134px; max-width:1400px; */background:url(../images/topbj.jpg) repeat-x;  margin:0 auto;}
.tb{ max-width:1400px; margin:0 auto;}
.logo{ margin-left:4%;  height:auto;}
.dh{ margin-right:4%;}
.dh2{ margin-right:2%;}


/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:22px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:9px;height:9px;margin-left:9px;border-radius:6px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:9px;height:9px;border-radius:405px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent; background:#0000fe;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#00b4ff;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	/*max-width:1400px;*/
	text-align:center;
	margin:0 auto;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:47.5%;
	left:0;
	/*opacity:0.6;*/
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:52px;
	width:52px;
	background:transparent url("../images/lr.png") no-repeat left top;
	margin-top:-30px;
	display:block;
	margin-left: 1.5%;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:1.5%;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}

.main{ width:100%; height: auto; max-width:1400px; margin:0 auto; margin-top:3%; }

.mjsfw{ width:21.5%; height:auto; margin-left:4.2%; margin-right:0.9%; padding-bottom:1.7%; border-bottom:4px solid #008fff; }
.mjsfw img{width:100%;}
.kjcx{ width:21.5%; height:auto; margin-left:0.9%; margin-right:0.9%; padding-bottom:1.7%; border-bottom:4px solid #008fff; }
.kjcx img{width:100%; }
.cpfw{ width:21.5%; height:auto; margin-left:0.9%; margin-right:0.9%; padding-bottom:1.7%; border-bottom:4px solid #008fff; }
.cpfw img{width:100%; }
.xwfb{ width:21.5%; margin-right:4.2%; padding-bottom:1.7%; border-bottom:4px solid #008fff;}
.xwfb img{width:100%;}


.footerlinkbj{  width:91.6%; max-width:1283px; height:247px; margin:0 auto;  border-top:4px solid #0085fe; /*margin-top:5%;*/}
.footerlink{ max-width:1283px; margin:0 auto;}		
.ewm{ width:5%; /*background:#028012; */text-align:center; height:247px;}
.ewmtb{ text-align:center; margin-top:30px;}
.ewm ul{ list-style:none; margin:0px; padding:0px;}
.ewm ul li{ float:left; /*padding-top:25px; margin-left:15px;*/ width:100%; text-align:center; margin:0 5%;}
.fx{ text-align:center; margin-left:50px;}

.dbejlm{ width:95%;}
.dbejlm ul{ list-style:none; margin:0px; padding:0px; padding-top:30px;}	
.dbejlm ul li{ float:left; width:12.5%;  }
.dbt{ font-size:14px; color:#0137b3;  /*width:80px;*/ text-align:center;}
.ejlm ul{ list-style:none; margin:0px; padding:0px;}
.ejlm ul li { margin-left:0px; width:100%;}
.ejlm ul li a{ display:block; width:100%; text-align:center; color:#0252ff; line-height:28px;}
.dbejlm ul .line{ width:1px; height:132px; background:url(../images/footerline.jpg) no-repeat;}

.footerbj{ width:100%; max-width:1283px; height:34px; /*background:#f5f5f5;*/ margin:0 auto;}
.footer{ max-width:1283px; margin:0 auto; line-height:34px; border-top:1px solid #dedede;}
.bq,.dzdh{ color:#0038b3;}
.gfwx{  font-family: "微软雅黑"; font-size:12px;color:#0139b4; }
.ewmpic{ margin-top:10px;}
.ewmpic img{ width:100%;}

.sp{ width:91.6%; max-width:1284px; margin:0 auto; margin-top:5%; margin-bottom:5%;}
.sp img{ width:100%;}

.jsfw{ padding-top:8%;}
.jsfw a{ font-family: "微软雅黑"; font-size:16px;color:#0000fe; background:url(../images/jt.jpg) no-repeat left center; padding-left:10%; }
.jsfw a:hover{ color:#008fff;}

.jsfwms{font-family: "微软雅黑"; font-size:12px;color:#666; line-height:2em; margin-top:4%;     height: 142px; overflow:hidden;}


/* vivo-head */
#vivo-head{z-index:1;position:relative;width:100%;}
.search-user b{background:url(../images/vivo-head-ico.png) no-repeat;_background-image:url(../images/vivo-head-ico.gif) ;}

#vivo-head{/*border-bottom:1px #e7e7e7 solid;border-bottom:1px rgba(0,0,0,.05) solid;*/z-index:99;background:#fff;position:relative;}
#vivo-head .vivo-nav{ background:#fff;position:relative;z-index:999; float:right;}

.vivo-nav .search-user{float:right;}
.search-user a{overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.search-user a:hover,.search-user a.current{}
.search-user a b{width:42px;height:42px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search-user a.search b{background-position:0 0;}
.search-user a.search:hover b,.search-user a.search.current b{background-position:0 -43px;}
.search-user a.user b{background-position:-43px 0;}
.search-user a.user b img{width:42px;height:42px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-43px -43px;}

#vivo-head .vivo-search{height:80px;width:100%;/*background:#202223;*/position: absolute;z-index:9999;display:none;}

.vivo-search .search-box{width:300px;height:40px;position:absolute;top:106%; float:right; margin-right:5%;/*background:#666;*/position:relative;z-index:9999;}
.vivo-search .search-box input{width:200px;height:30px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{width:50px;height:30px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#008cd6;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#0074b2;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../images/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../images/vivo-head-ico.gif);}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}


/*--------------------neiye css-------------------------*/
.nyrbtbt{ font-family: "微软雅黑"; font-size:16px; background:url(../images/btl.jpg) no-repeat left center; padding-left:2%;color:#0050ff; line-height:35px;  border-bottom:2px solid #0050ff;}
.weizhi{ background:url(../images/weiicon.jpg) no-repeat left center; padding-left:25px;}
.nyrnr{ /*padding:10px;*/ line-height:2em;height:auto !important;height:425x;min-height:425x;}

.nyrbt{ width:91.6%; max-width:1283px; margin:0 auto; margin:0 auto; height:37px; line-height:37px; background:url(../images/nyrbt.jpg) no-repeat 10px center; margin-top:1.1%; border-bottom:2px solid #999;}

.nybanner  img{ width:100%; height:auto;}
.nydt{ position:relative;}
.nylm{ position:relative; width:91.6%; bottom:0px; z-index:100; max-width:1300px; margin:0 auto; margin-top:-40px;}
.nylm ul{ list-style:none; margin:0px; padding:0px; width:100%}
.nylm ul li{float:left;width: 11.5%;margin:0 0.4%;}
.nylm ul li a{ display:block; width:; height:40px; text-align:center; background:#0050ff; line-height:40px; font-family: "微软雅黑"; font-size:14px;color:#fff; }
.nylm ul li a:hover{ background:#ffdd43; color:#333; height:40px; overflow:hidden;}
/*--------------------新闻 css-------------------------*/
.nymain{ width:91.6%; max-width:1283px; font-family: "微软雅黑"; font-size:14px;color:#0050ff; margin:0 auto; margin-top:0.5%; text-align:left; line-height:2em; margin-bottom:1.0%;}
.nynews ul{ list-style:none; margin:0px; padding:0px;}
.nynews ul li{ border:1px solid #ccc; margin-top:1%;}
.nynews ul li .newspic{ width:18.6%; padding:0.7%; border-right:1px solid #ccc;}
.nynews ul li .newspic img{ width:100%;}
.nynews ul li .newsnr{ width:78%; padding:0.7%;}
.nynews ul li .newsnr .xwbt a{ font-family: "微软雅黑"; font-size:14px;color:#0050ff;}
.ckxx a{ display:block; color:#fff; background:#0050ff; line-height:30px; padding:5px 10px; text-align:center;}

/*-----------------------分页------------------------------css*/
.fenye{padding-left: 32%; margin-top:10px; }
.page{ width:375px; margin:0 auto; text-align:center; }
#pagelist{padding:5px; list-style:none; margin:0px;}
#pagelist li{/*height:22px; */line-height:22px; padding:3px 8px; border:1px solid #CCC; margin-right:8px; float:left;}
#pagelist li:hover{ background:#0050ff; color:#fff;}
#pagelist li a{ display:block; color:#5f5f5f;}
#pagelist li a:hover{ color:#fff; }
#pagelist li a{display:block; text-decoration:none;}
#pagelist li.thisclass{padding:3px 8px; background:#0050ff;}
.thisclass{ color:#fff;}

/*--------------------产品 css-------------------------*/
.cplb ul{ list-style:none; margin:0px; padding:0px;}
.cplb ul li{ width:22%; margin:1.5%; float:left; border:1px solid #ccc;}
.cplb ul li .cppic{ width:96%; margin:2% auto;}
.cplb ul li .cppic img{ width:100%;}
.cplb ul li .cpname a{ display:block; width:96%; margin:2% auto; font-family: "微软雅黑"; font-size:14px;color:#333; border-bottom:1px solid #ccc; text-align: center; height:29px; overflow:hidden;}
.cplb ul li .cpname a:hover{color:#0050ff;}
.cplb ul li .zxdd a{ display:block; width:96%; margin:2% auto; font-family: "微软雅黑"; font-size:14px;color:#0050ff; text-align: center;}

/*--------------------产品详细 css-------------------------*/
.cpjsbt{font-family: "微软雅黑"; font-size:16px;color:#0050ff; border-bottom:4px solid #0085fe; margin-top:2%; padding-bottom:1%; margin-top:2%;}

#play{width:640px;text-align:center;position:relative;overflow:hidden;margin:5px auto;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .prev_a{left:0;}
#play .next_a{right:0}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
#play .prev_a span{background:url(../images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
#play .next_a span{background:url(../images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
#play .img_ul{position:relative;z-index:1;}
.img_hd {width:640px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center}
.img_hd ul li img{height:60px;}
.img_hd ul li.on{border-color:rgb(45, 150, 233);}
.img_hd .bottom_a{background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}


.bd{ }
.dgbt{  margin-top:3%;  border-bottom:4px solid #0085fe; padding-bottom:1%;}
.btl{font-family: "微软雅黑"; font-size:16px;color:#0050ff;}

.lybt{    font-family: "微软雅黑";font-size: 14px; color: #0050ff; margin-top: 10px; text-align:right; width:13%;}
.srk { width:30%;}

.xm{  font-family:"微软雅黑"; font-size:14px; color:#0050ff; margin-top:10px;}
.xm input{ width:30%;  
font-family:"微软雅黑"; font-size:14px; height: 32px;
}
.xm span{ color:#f00; padding-right:5px;}
.srk input{ width:100%; height:32px; border:1px solid #ccc;}
.xm select{ width:30%;  font-family:"微软雅黑"; font-size:14px; height: 32px;}
.xm textarea{ width:80%;  font-family:"微软雅黑"; font-size:14px; height:200px;}

/*.order_btn{ margin-left:100px; width:300px; height:45px; }*/
.tjcz{ margin-left:7%;}
input#order_tj, input#order_reset{ background:url(../images/o_btn.png) no-repeat; width:120px; height:45px; border:none; font-size:16px; font-weight:bold; color:#0050ff; text-align:left; padding-left:18px; margin:10px 10px 0 0; cursor:pointer; display:inline-block; }
input#order_reset{ background-position:-120px 0; }


/*--------------------资质荣誉 css-------------------------*/
.zzry ul{ list-style:none; margin:0px; padding:0px;}
.zzry ul li{ width:22%; margin:1.5%; float:left; }
.zzry ul li .cppic{ width:96%; margin:2% auto; border:1px solid #ccc;}
.zzry ul li .cppic img{ width:100%;}
.zzry ul li .cpname a{ display:block; width:96%; margin:2% auto; font-family: "微软雅黑"; font-size:14px;color:#333; text-align: center; height:28px; overflow:hidden;}
.zzry ul li .cpname a:hover{color:#0050ff;}
.zzry ul li .zxdd a{ display:block; width:96%; margin:2% auto; font-family: "微软雅黑"; font-size:14px;color:#0050ff;}

/*--------------------员工风采 css-------------------------*/
.ygfc ul{ list-style:none; margin:0px; padding:0px;}
.ygfc ul li{ width:22%; margin:1.5%; float:left; border:1px solid #ccc;}
.ygfc ul li .cppic{ width:96%; margin:2% auto;}
.ygfc ul li .cppic img{ width:100%;}
.ygfc ul li .cpname a{ display:block; width:96%; margin:2% auto; font-family: "微软雅黑"; font-size:14px;color:#333; text-align:center; height:28px; overflow:hidden;}
.ygfc ul li .cpname a:hover{color:#0050ff;}
.ygfc ul li .zxdd a{ display:block; width:96%; margin:2% auto; font-family: "微软雅黑"; font-size:14px;color:#0050ff;}



/*--------------------产品详细 css-------------------------*/
.tptctx{ width:980px; margin:0 auto;}
.bigbox{ width:620px; height:620px;}
.bigbox img{ width:100%; height:100%;}
.leftA a,.rightA a{/* position:absolute; background-color:#CF0;*/ display:block;  width:100px; text-align:center; font-size:80px; color:#fff; margin-top:300px; font-family: "宋体";}
.leftA a:hover,.rightA a:hover{ color:#ccc;}
.leftA{ left:1%;}
.rightA{right:69%;}
.xtdt{ width:150px; background:#fff;  float:left; padding:0 20px;}
.smallbox{ margin-top:20px;}
.smallbox img{width:50px; height:50px; float:left; border:1px solid #ccc; margin-right:5px; margin-top:5px;}
.smallbox img:hover{ border:1px solid #f00;}
.bigbox,.smallbox{}

.photon{ position:absolute; top:300px;left:10%; font-size:50px; background-color:#999; opacity:0.6; padding-left:30px;
padding-right:30px;}
.tpmc{ color:#0050ff; font-size:16px;  margin-top: 20px;}
.jt{ background:#000;}


/*--------------------产品详细22 css-------------------------*/

/* color */
a:link,a:visited{/*color:#575757;*/text-decoration:none;}
a:hover{color:#ef4165;text-decoration:none;}
a:active{color:#1d7400;}

/* clearfix */
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}


.preview{width:600px; height:465px; margin:20px 0px 0px 00px;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:600px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:575px; margin-top:-50px;}

#imageMenu {height:50px; width:570px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px;/* border:3px solid #959595; */}
/* bigImg */
.bigImg{position:relative; float:left; width:95%; height:600px; overflow:hidden;}
.bigImg #midimg{width:100%; height:600px;}
.bigImg #winSelector{width:400px; height:400px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position: absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute; width:800px; height:800px;}


.cptpl{ width:50%}
.cptpr{ width:50%;}

.cpgnbt{font-family: "微软雅黑"; font-size:15px;color:#0050ff; }
.gnjs{font-size:13px;}

#nav-2015{padding-left:210px;background:#E4393C;height:40px;position:relative;z-index:10;}
#category-2015{ width:45px; height:81px; position:absolute;left:0;top:0;z-index:20;}
#category-2015 .ld{position:relative;width:245px;height:85px;line-height:40px;cursor:pointer; text-align:right;     padding-right: 15px;}
#category-2015 .ld h2{font-size:14px;color:#fff;padding-left:20px;color:#fff}
#category-2015 .ld span{ color:#fff; margin-top: 20px; float:left; font-size:20px;}

#category-2015 .ld b{display:block;width:20px;height:20px;position:absolute;right:10px;top:10px;background:url(../images/arrow.gif) no-repeat 0 0;}
#category-2015 #allsort{display:none;width:206px;height:402px;position:absolute;left:0;top:85px;background-color:#fafafa;     margin-left: 70px;}
#category-2015 #allsort .item{width:206px;height:28px;border-bottom:1px solid #fff;float:left;}
#category-2015 #allsort .item span{height:28px;line-height:28px;width:208px;z-index:30;}
#category-2015 #allsort .item span h3{width:197px;padding-left:10px;position:absolute;font-size:14px;font-weight:normal;color:#333;}
#category-2015 #allsort .item span h3 a{color:#333;text-decoration:none;}
#category-2015 #allsort .item span h3 a:hover{color:#E4393C;font-weight:bold;}
#category-2015 #allsort .item .i-mc{display:none;width:680px;height:388px;padding:10px;background:#fff;border:1px solid #ddd;position:absolute;left:206px;top:0;z-index:25;}
#category-2015 #allsort .on h3{border:solid #ddd;border-width:1px 0;background:#fff;z-index:40;}
#category-2015.on .ld b{background:url(../images/arrow.gif) no-repeat 0 -20px;}
#category-2015.on #allsort{display:block;} 
#category-2015.on #allsort .on .i-mc{display:block;}
#navitems-2015{height:40px;}
#navitems-2015 li{float:left;}
#navitems-2015 li a{display:inline-block;padding:0 30px;height:40px;line-height:40px;color:#fff;font:700 15px/40px "microsoft yahei";text-decoration:none;}
#navitems-2015 li a:hover{color:#fff;background:#a40000;};