@charset "utf-8";
@import "reset.css";
/*************************************
* 文件名称：全局公用样式表
* 作   者：周泽彬
* 创建日期：2013-4-25
* 文件版本：V1.0
* 内容概要: 全局定义、布局样式
*************************************/
/* logo/ver/*/
html,body {height:100%; margin:0px;}
.logo { float: left; display: block; padding: 0; margin: 0; width: 590px;  }
.ver { float: right; width: 200px; padding: 0; margin-top: 10px; color: #727b73; }
.ver a { color: #ccc; }
.ver a:hover { color: #000; }
.language { height: 20px; line-height: 20px; text-align: right }

.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }
 #toubiao2{ height:400px; background:url(../images/topad.jpg) top center no-repeat; transition:300ms;}
  #toubiao2 a{ float:right;  }

  #toubiao1{ height:71px; background:url(../images/ad002.jpg) center top no-repeat; margin-bottom:20px; top:0; 
  			width:100%; z-index:101;}
  #toubiao1 a{ float:right;  }


#layout { width: 100%; background: url(back.jpg) center top no-repeat; }
/*container/header/main/footer*/
#container { width: 1004px; padding: 0; margin: 0 auto; }
#header { width: 100%; height:68px; margin:32px 0 18px 0 }
#header #top { width: 1004px; margin: 0 auto; }
#banner { margin-bottom:15px;   }
#pagebanner{ height:313px; background:url(../images/pagebanner.jpg) center top no-repeat; margin-bottom:15px; }

.keyword{padding-left:30px;}

.h-nav { width:1004px; margin:0 auto }
.topr { width: 380px;   margin-bottom:10px;  }
.toprlink{  line-height: 21px; }
.toprlink li{ float:right; display: block; position:relative; z-index:999;} 
.toprlink li.line{ margin:6px 16px 0 12px; _margin:3px 16px 0 12px;}
.toprlink ul li .hide_ewm{ position:absolute; left:-50px; top:28px; display:none; }
.toprlink ul li .hide_ewm img{ width:127px; height:127px; border:6px solid #fff;}
.toprlink li h3{ background: url(../images/phone.jpg) left center no-repeat;  font-weight:bold; padding-left:29px; margin-right:15px; }
.toprlink li h3 span{ color:#785f49; font-weight:bold; font-size:16px font-family:"Times New Roman"}
.top_menu{ display:block; float:left;width:75px; height:21px; line-height:21px; text-align:center; background:none; color:#bba883;}
/*微博 微信*/
.weibo_menu{ background: url(../images/weibo.jpg) no-repeat; width:27px; height:27px; display:block; float:left; text-indent:-9999px; }
.weixin_menu{ background:url(../images/weixin.jpg) no-repeat; width:27px; height:27px; display:block; float:left; text-indent:-9999px; }
/*left*/
#left { float: left; width: 172px; top:0; }
#left dl{ background:#f8f8f8; padding-bottom:24px;}
#left dl dt{ height:61px; padding-bottom:15px;}
#left dl dd a{ display:block; padding-left:20px; height:35px; line-height:35px; font-size:16px;  }
#left dl dd a:hover{ color: #A51922; background:url(../images/red-arr.jpg) 150px center no-repeat}
.menu { width: 100%; margin: 0 0 10px; overflow: hidden; }
.menu .head { height: 55px; overflow: hidden; }
.menu ul { background: url(/img/menu_bg.png) repeat-y; }
.menu li .i { display: block; height: 34px; line-height: 34px; padding: 0 0 0 57px; background: url(/img/menu_blurfocus.png) no-repeat; }
.menu li.focus .i { color: #fff; font-weight: bold; background: #FC3; }
/*right*/
#right { float: right; width:815px;  }
#right .Current{ background:url(../images/dot.jpg) repeat-x left bottom; line-height:48px; height:49px; color:#666; margin-bottom:20px;}
#right .Current a.back{ background:url(../images/a_back.jpg) no-repeat; width:50px; height:48px; display:block; float:right;  }
#right .Current em{ margin-right:10px; float:right; color:#9b9b9b; font-style:normal;}
#right .Current em span{ color:#171717;}
#right .Current em a{color:#9b9b9b;}
#right .Current b{ font-size:18px; display:inline-block; border-bottom:2px solid #beb7b4; line-height:47px;}


#right .con-about div{ float:left; width:520px; font-size:14px; min-height:194px; line-height:26px; background:#f8f8f8; padding:20px; }
#right .con-about div p{ line-height:26px; color:#666 }

#right .con-about img{ float:right; }
#right .aboutpic{ margin-top:10px; height:235px; }
#right .t-box{ margin:20px 0; }
#right .t-box .title{ border-bottom:3px solid #666; padding-bottom:10px; margin-bottom:15px; }


/*footer*/
#footer{ background:#f2f2f2;  padding:35px 0 0px 0; text-align:center;  }

#footer .seriv{ width:1004px; margin:0 auto}
#footer .seriv ul li{ display:block; float:left; width:73px; height:105px;}
#footer .seriv ul li.space{ float: left; width:81px;}
#footer .copyRight{ padding:10px 0; padding-top:35px; border-top:3px solid #555   }
#footer .footerNav{ width:1004px; margin:35px auto}
#footer .footerNav dl{ display:block; float:left; width:167px; height:155px; text-align:left; padding-left:30px; border-left:1px solid #ccc} 
#footer .footerNav dl dt{ font-size:14px; font-weight:bold; color:#555; margin-bottom:8px;}
#footer .footerNav dl dd{ display:block; height:22px; line-height:22px;}
#footer .footerNav dl img{  float:right;}

.probox{ margin-bottom:15px;}
.probox .title{ height:53px; border-bottom:3px solid #666; margin-bottom:15px;}
.probox .title img{ float:left;}
.probox .title a{ float:right; height:53px; line-height:53px; background:url(../images/icoRight-guy.gif) right center no-repeat; padding-right:10px;}

.probox .pro-left{ width:138px; float:left;}
.probox .pro-left .pro-list{ border:1px solid #ccc; padding:10px; margin-top:10px;}
.probox .pro-left .pro-list ul li a{ display:block; background:#ccc; height:27px; line-height:27px; margin-bottom:10px; padding-left:15px; }
.probox .pro-left .pro-list ul li a:hover{ background:#A51922; color:#fff;}

.probox .pro-right{ width:866px; float:right;}
.probox .pro-right ul li{ float:left; width:423px; height:244px; overflow:hidden; margin-left:10px; margin-bottom:10px; position:relative}
.probox .pro-right ul li div.nor{ position:absolute; right:0; bottom:0; z-index:100; width:100px;  height:65px; line-height:65px; color:#fff; text-align:center; font-size:14px; background:url(../images/red-touming.png) repeat;}
.probox .pro-right ul li div.t-hover{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	 width:383px; 
	height:55px;
	color: #fff;
	text-align: left;
	padding: 10px 15px 0 25px;
	font-size: 14px;
	background: url(../images/red-touming.png) repeat;
	
}
.probox .pro-right ul li div.t-hover a{ position:relative}
.probox .pro-right ul li div.t-hover h6{ font-size:14px; line-height:20px; display:inline; }
.probox .pro-right ul li div.t-hover p{ font-size:12px; }
.probox .pro-right ul li div.t-hover span{ position:absolute; right:0; bottom:0}
.probox .pro-right ul li:nth-child(1) div.mb{ background:url(../images/tm1.png) repeat;}
.probox .pro-right ul li:nth-child(2) div.mb{ background:url(../images/tm2.png) repeat;}
.probox .pro-right ul li:nth-child(3) div.mb{ background:url(../images/tm3.png) repeat;}
.probox .pro-right ul li:nth-child(4) div.mb{ background:url(../images/tm4.png) repeat;}
.probox .pro-right ul li .mb{ 
	position: absolute;
	left: 0;
	bottom: 0;
	width:423px; height:244px;
	display:none;
}
.probox .pro-right ul li:hover .mb{ 
	display:block;
}
.probox .pro-right ul li:hover .mb .txt{ text-align:center; padding-top:95px; line-height:30px; font-size:16px; color:#fff; font-weight:bold;}


.probox .pro-left-door{ width:434px; float:left;}
.probox .pro-right-door{ width:570px; float:right;}
.probox .pro-right-door ul li{ float:left; position:relative;width:190px; overflow:hidden}
.probox .pro-right-door ul li div.mask{ height:148px; width:190px; text-align:center; color:#fff; padding-top:50px; position:absolute; left:0; top:0; z-index:2; background: url(../images/mask.png) no-repeat; }
.probox .pro-right-door ul li div.mask h4{ font-size: 14px; }
.probox .pro-right-door ul li div.mask p{ font-size: 18px; font-weight:bold; padding:10px 0 }

/*新*/
.probox .index_p_nav{ width:100%;}
.probox .index_p_nav li{ float:left; padding: 10px 0; width: 167px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.probox .index_p_nav li a{ color:#666666; font-size:16px; padding-left:10px; padding-right:30px; background:url(../images/index_nav_l_ico.jpg) left center no-repeat;}

.probox .pro-list2{}
.probox .pro-list2 ul li{ float:left; overflow:hidden; position:relative}
.probox .pro-list2 ul li div.nor{ position:absolute; right:0; bottom:0; z-index:100; width:100px;  height:65px; line-height:65px; color:#fff; text-align:center; font-size:14px; background:url(../images/red-touming.png) repeat;}
.probox .pro-list2 ul li div.t-hover{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	 width:100%; 
	height:55px;
	color: #fff;
	text-align: left;
	/*padding: 10px 15px 0 25px;*/
	font-size: 14px;
	background: url(../images/red-touming.png) repeat;
	
}
.probox .pro-list2 ul li div.t-hover a{ position:relative}
.probox .pro-list2 ul li div.t-hover h6{ font-size:14px; line-height:20px; display:inline; margin:5px 30px; }
.probox .pro-list2 ul li div.t-hover p{ font-size:12px; }
.probox .pro-list2 ul li div.t-hover span{ position:absolute; right:0; bottom:0}
/*
.probox .pro-list2 ul li:nth-child(1) img.testimg{ width:336px; height:301px;}
.probox .pro-list2 ul li:nth-child(2) img.testimg{ width:658px; height:301px;}
.probox .pro-list2 ul li:nth-child(2){ margin-left:10px;}
.probox .pro-list2 ul li:nth-child(3) img.testimg{ width:660px; height:303px;}
.probox .pro-list2 ul li:nth-child(3){ margin-top:10px;}
.probox .pro-list2 ul li:nth-child(4) img.testimg{ width:334px; height:303px;}
.probox .pro-list2 ul li:nth-child(4){ margin-top:10px; margin-left:10px;}
*/
.probox .pro-list2 ul li{ margin:2px;}

.probox .pro-list3{}
.probox .pro-list3 ul li{ float:left; overflow:hidden; position:relative}
.probox .pro-list3 ul li div.nor{ position:absolute; right:0; bottom:0; z-index:100; width:100px;  height:65px; line-height:65px; color:#fff; text-align:center; font-size:14px; background:url(../images/red-touming.png) repeat;}
.probox .pro-list3 ul li div.t-hover{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	 width:100%; 
	height:55px;
	color: #fff;
	text-align: left;
	/*padding: 10px 15px 0 25px;*/
	font-size: 14px;
	background: url(../images/red-touming.png) repeat;
	
}
.probox .pro-list3 ul li div.t-hover a{ position:relative}
.probox .pro-list3 ul li div.t-hover h6{ font-size:14px; line-height:20px; display:inline; margin:5px 30px; }
.probox .pro-list3 ul li div.t-hover p{ font-size:12px; }
.probox .pro-list3 ul li div.t-hover span{ position:absolute; right:0; bottom:0}

/*
.probox .pro-list3 ul li:nth-child(1) img.testimg{ width:438px; height:423px;}
.probox .pro-list3 ul li:nth-child(2) img.testimg{ width:276px; height:207px;}
.probox .pro-list3 ul li:nth-child(2){ margin-left:7px;}
.probox .pro-list3 ul li:nth-child(3) img.testimg{ width:276px; height:207px;}
.probox .pro-list3 ul li:nth-child(3){ margin-left:7px;}
.probox .pro-list3 ul li:nth-child(4) img.testimg{ width:276px; height:207px;}
.probox .pro-list3 ul li:nth-child(4){ margin-left:7px; margin-top:9px;}
.probox .pro-list3 ul li:nth-child(5) img.testimg{ width:276px; height:207px;}
.probox .pro-list3 ul li:nth-child(5){ margin-left:7px; margin-top:9px;}
*/
.probox .pro-list3 ul li{ margin:4px 2px;}

/*新*/

.hand{ margin-bottom:15px;}
.hand h3{ height:36px; line-height:36px; background:#b3b3b3; color:#fff; font-size:18px; padding-left:15px; margin-bottom:10px}
.hand ul{ margin-right:-10px;}
.hand ul li{ float:left; margin-right:9px; background:#fdf8f2; width:157px; height:157px; text-align:center;}
.hand ul li{ border:1px solid #ccc }
.hand ul li.cbg2{ border:1px solid #a51922}
.hand ul li p{ font-size:16px; color:#990033; margin-top:2px;}
.hand ul li p span{ font-size:16px; color:#666; padding-left:5px;}

.cabinet li{ float:left; margin-right:4px;}

.probox01 .title{ border-bottom:3px solid #666; padding-bottom:5px; margin-bottom:15px;}
.probox01 .w01{ height:224px;}
.probox01 .suppli{ background:#f2f2f2; padding:15px; padding-left:36px;}
.probox01 .suppli li{ display:block; text-align:center; float:left; width:260px; border-right:1px solid #ccc; padding:0 25px;}

#foot-ad{    background:url(../images/bottad.jpg) center no-repeat; height:149px; margin-top:35px; }
#foot-ad .check{ width:1004px; margin:0 auto; height:149px; }
#foot-ad a{ display:block; height:127px; width:127px; float:right; margin-top:10px;z-index:1000; }

/*明星产品*/
.star-list li{ background:#fcfafd; border:1px solid #ccc; height:234px; margin-bottom:10px;}
.star-list li.redborder{ border:1px solid #A51922}
.star-list li div.fengmian{ float:left; width:568px; height:234px; position:relative}
.star-list li div.fengmian p{
	position: absolute;
	right: 11px;
	top: 208px;
}
.star-list li div.star-right{ float:right; width:190px; padding-top:50px;}
.star-list li div.star-right h5{ font-size:18px; font-weight:bold;}
.star-list li div.star-right p{ font-size:16px; color: #A51922; padding:10px 0}

/*加工厂*/
.supplis li{ height:105px; margin-bottom:25px;   }
.supplis li span{ float:left; padding:15px 0 0 50px }
.supplis li p{ float:right; width:500px; padding:20px; line-height:24px; background:#f8f8f8; font-size:14px }

.terminal { background:#f8f8f8; font-size:14px;}
.terminal div{ width:372px;float:left}
.terminal span{  float:left; width:378px; padding:25px; line-height:24px; background:url(../images/5s.jpg) 25px bottom no-repeat; height:280px;}

.zgrz { font-size:14px;}
.zgrz .zgrz-left{ float:left; background:#f8f8f8; padding:25px; width:375px; margin-right:15px;}
.zgrz .zgrz-right{ float:right;}

.cases ul li{ float:left; position:relative}
.cases ul li a{  }
 .cases ul li div.r-hover{
	position: absolute;
	width: 266px;
	height: 120px;
	background: url(../images/red-touming.png) repeat;
	text-align: center;
	padding-top: 60px;
	left: 0px;
	top: 3px;
}
 .cases ul li div.r-hover p{ font-size:16px; font-weight:bold; margin-bottom:5px; color:#fff;}
 .cases ul li div.r-hover span{ font-size:18px; font-weight: normal; color:#fff;}

/*学院介绍*/
.college-pic{ height:211px;}
.college-txt{ padding:25px 70px; background:#f8f8f8; margin-top:15px; font-size:14px}
.college-photo{ margin-top:15px;}
.college-photo li{ float:left; margin-right:6px}

/*全部产品*/
.loclhost{ height:30px; line-height:30px;}
.probtn{ margin-top:15px; margin-bottom:20px;}
.probtn li{ float:left; margin-bottom:9px;}
.probtn li .m2{ display:none;}
.probtn li a{ display:block; width:244px; height:121px;}
.probtn li a:hover .m1{ display:none;}
.probtn li a:hover .m2{ display:block;}
.probtn li.space{ width:9px; height:1px; float:left;}
.proshow{ margin-top:20px}
.proshow h4{ border-bottom:3px solid #666; padding-bottom:10px;}
.showbox{ margin-top:10px;}
.prolist li{ float:left; background:#efefef; width:242px; /*height:222px;*/ border:2px solid #efefef; margin-right:5px; margin-bottom:5px  }
.prolist li h5{ display:block; font-size:18px; padding:15px 0 5px 15px; height:30px;  }
.prolist li span{ font-size:16px; padding:15px 0 5px 15px; color:#A51922  }
.prolist li.redborder{ border:2px solid #A51922;}
.box-left{ float:left; width:500px; position:relative}
.box-left div.redbox{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/red-touming.png) repeat;
	height: 40px;
	width: 470px;
	color: #fff;
	padding: 15px
}
.box-left div.redbox p{ font-size:18px;}
.box-right{ float:right; width:495px;}
.box-right ul li{ float:left; margin-right:5px; margin-bottom:5px; background:#efefef; width:242px; height:208px;}
.box-right ul li h5{ font-size:18px; padding:10px 0 5px 20px}
.box-right ul li p{ font-size:16px; color:#A51922;padding:0 0 10px 20px}
.box-right ul li.morepro{ background:url(../images/morepro.jpg) no-repeat; height:208px; position:relative }
 
.box-right ul li.morepro a h6{
	position: absolute;
	left: 33px;
	top: 161px;
	z-index: 100;
	color: #63554a;
	font-size: 16px;
}

/*产品弹出详细页*/
.prosubmenu ul li{ float:left; margin-right:10px; }
.prosubmenu ul li a{ display:block; float:left; padding:15px 0 ; text-align:center; background:#898989; width:241px; font-size:22px; color:#fff;}
.proname{ margin:10px 0; padding:15px; background:#A51922; color:#fff; font-size:18px; font-weight:bold;}

.detailbox{ position:relative;}
.detailbox .back a{ display:block; height:98px; width:98px; background:url(../images/back.png) no-repeat;position:absolute; right:-120px; top:230px;}
.detailbox .prew a{ display:block; height:98px; width:98px; background:url(../images/prew.png) no-repeat;position:absolute; left:-120px; top:350px;}
.detailbox .prew a:hover{ background:url(../images/prew-hover.png) no-repeat; }

.detailbox .next a{ display:block; height:98px; width:98px; background:url(../images/next.png) no-repeat;position:absolute; right:-120px; top:350px;}
.detailbox .next a:hover{ background:url(../images/next-hover.png) no-repeat; }
.detailbox .count{ position:absolute; right:-140px; top:63px; background:#A51922; color:#fff; padding:25px 15px; width:100px; height:70px; text-align:center;}
.detailbox .count h5{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.detailbox .count p{ font-size:20px;}
.detailbox .count p span{ font-size:28px;}


.detailbox2{ position:absolute; z-index:9; top:0; left:0; width:100%; display:none;}
.detailbox2 .back a{ display:block; height:98px; width:98px; background:url(../images/back.png) no-repeat;position:absolute; right:0; top:230px;}
.detailbox2 .prew a{ display:block; height:98px; width:98px; background:url(../images/prew.png) no-repeat;position:absolute; left:0; top:350px;}
.detailbox2 .prew a:hover{ background:url(../images/prew-hover.png) no-repeat; }
.detailbox2 .next a{ display:block; height:98px; width:98px; background:url(../images/next.png) no-repeat;position:absolute; right:-0; top:350px;}
.detailbox2 .next a:hover{ background:url(../images/next-hover.png) no-repeat; }
.detailbox2 .count{ position:absolute; right:0; top:63px; background:#A51922; color:#fff; padding:25px 15px; width:100px; height:70px; text-align:center;}
.detailbox2 .count h5{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.detailbox2 .count p{ font-size:20px;}
.detailbox2 .count p span{ font-size:28px;}
.detailbox3{ width:100%; height:100%; position:absolute; z-index:8; top:0; left:0; background:#CCC;
	filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; display:none;}

	.topad{position:absolute;
	top:50%;
	left:50%;
	margin:-400px 0 0 -400px;
	width:800px;
	height:800px; z-index:9999;
	background:url(../images/topad.png) no-repeat;
	} 


#bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.5; background:#000000;  z-index:9998;position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ }
#popbox{position:absolute;width:800px; height:800px; left:50%; top:50%; margin:-400px 0 0 -400px;  z-index:9999  }