@charset "utf-8";
/*

*/

/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;  font-weight:normal;font-size:100%;}
fieldset,img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }
a {color:#777;text-decoration:none;/*-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;*/ }
a:hover {color:#0090d7;}
a:active {color:#0090d7;}
.hidden{ display:none}
i{ font-style:normal}
/*html,body{-webkit-text-size-adjust:none;}*/
table { border-collapse:collapse;  border-spacing:0;}
.clearfix{		zoom:1;}
.clearfix:after{content:'';display:block;clear:both;height:0;	overflow:hidden;font-size:0;	line-height:0;	}


/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px;color:#777; height:100%;}  
.wrap{ width:1000px; margin:0 auto; display:block; position:relative;}
.rel{ position:relative; z-index:100002;}

.head{ background:url(../images/bg_head.jpg) repeat-x; height:98px; width:100%; clear:both; display:block;}
.logo{ position:absolute; left:0; top:30px;}
.hd_r{ position:absolute; right:0; top:7px;}
.hd_r{ line-height:24px;}
.hd_r a{ margin-left:13px; float:left; color:#9e9d9d}
.hd_r a.hdimg1{ padding-left:32px; background:url(../images/head1.png) no-repeat;}
.hd_r a.hdimg2{ padding-left:32px; background:url(../images/head2.png) no-repeat;}
.hd_r a.hdimg3{ padding-left:20px; background:url(../images/head3.png) 0 5px no-repeat;}
.hd_r a:hover{color:#1592c1;}
.nav{ float:right; margin-top:45px;}
.navlist li{ float:left; margin-left:45px; display:inline;position:relative; z-index:10001; }
.navlist li h2{font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:38px;}
.navlist li h2 a{ color:#444; display:block;}
.navlist li h2 a:hover,.navlist li.hover h2 a,.navlist li.on h2 a{ border-bottom:3px solid #2eb7fa; color:#0090d7}
.navjiao{ position:absolute; left:50%; top:35px; width:103px; margin-left:-51px; background:url(../images/jiao.png) no-repeat; height:3px; z-index:2;display:none}
.navbox{ position:absolute; left:50%; top:38px; width:103px; margin-left:-51px; background:url(../images/bg_navbox.png) repeat; padding:5px 0; display:none }
.navlist li li{ margin-left:0; width:100%; line-height:24px; text-align:center;}
.navlist li li a{ color:#fff; font-family:Arial, Helvetica, sans-serif;}
.navlist li li a:hover{ color:#444}
/* banner*/

.bgban{ background:url(../images/bgban.jpg) center 0 no-repeat; height:8px; width:100%; float:left; overflow:hidden;}
.banner{ position:relative; width:100%; height:518px; overflow:hidden; float:left;}
.banboxbg{ position:absolute; left:0; top:366px; width:100%; background:url(../images/bgban2.png) center 0 no-repeat; height:152px; z-index:102;}
.picScroll-left{ width:1000px; position:relative; margin-top:17px; }
.picScroll-left .hd{ }
.picScroll-left .hd .prev{ display:block;  width:17px; height:24px;  overflow:hidden;
			 cursor:pointer; background:url(../images/b_l.png) no-repeat; position:absolute; left:-17px; top:44px;}
.picScroll-left .hd .next{ display:block;  width:17px; height:24px;  overflow:hidden;
			 cursor:pointer; background:url(../images/b_r.png) no-repeat; position:absolute; right:-10px; top:44px;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .bd{ height:130px; overflow:hidden;  }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; background:url(../images/tab1.jpg) no-repeat; width:178px; height:130px;  }
.picScroll-left .bd ul li span{background:#000; float:left; width:172px; height:99px;margin:3px; display:inline; margin-bottom:10px;}
.picScroll-left .bd ul li a img{ display:block;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; }
.picScroll-left .bd ul li a{ display:block;}
.picScroll-left .bd ul li a:hover{ color:#fff}
.picScroll-left .bd ul li a:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; }

.slideBox2{ width:100%; height:518px; overflow:hidden; position:relative;  }
		.slideBox2 .hd{}
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{  float:left; width:100%; height:518px; }

.slideBox2 .hd .prev{ display:block;  width:50px; height:51px; position:absolute; left:50%; top:50%; margin-left:-540px; overflow:hidden;
			 cursor:pointer; background:#000 url("../images/ban_l.png") no-repeat;  z-index:2; margin-top:-25px; display:none;
filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.slideBox2 .hd .next{display:block;  width:50px; height:51px; position:absolute; right:50%;top:50%;  margin-right:-540px; overflow:hidden;
			 cursor:pointer; background:#000 url("../images/ban_r.png") no-repeat; z-index:2; margin-top:-25px;display:none;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

.slideBox2:hover .prev{ display:block}
.slideBox2:hover .next{ display:block}

/* main */
.main{ float:left; width:100%; background:url(../images/bg_main.jpg) center 0 no-repeat; height:351px; padding-top:30px;}
.left{ float:left; width:318px; position:relative;}
.leftimg{ float:left; width:100%; height:222px; overflow:hidden; margin-bottom:5px;}
.title{ position:absolute; left:0; top:0; height:46px; width:100%; background:url(../images/bgbg.png) repeat; z-index:3}
.title h2{ margin-left:12px; line-height:46px; font-size:14px; color:#fff}
.title h2 span{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#b4b4b4;text-transform:uppercase; margin-left:10px; }
.more{ float:right; padding:16px 18px 0 0;}

.list li{ float:left; width:100%; line-height:24px; width:107px;}
.list li.last{ width:103px;}
.list li a{ display:block; padding-left:10px; background:url(../images/jiaog2.gif) 0 10px no-repeat;}
.list li a:hover{background:url(../images/jiaog1.gif) 0 10px no-repeat;}

.middle{ float:left; width:320px; padding-left:21px; overflow:hidden;}
.slideBox{ width:320px; height:330px; overflow:hidden; position:relative;  }
		.slideBox .hd{ height:9px; overflow:hidden; position:absolute; right:12px; top:20px; z-index:4; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:7px;  width:10px; height:19px; line-height:14px; text-align:center; cursor:pointer; background:url(../images/yuan2.png) no-repeat; _background:#928f95; }
		.slideBox .hd ul li.on{ background:url(../images/yuan1.png) no-repeat; _background:#0093ff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; line-height:24px; float:left; width:100%; }
.slideBox .bd li h2{ color:#000}
.slideBox .bd li img{ display:block; margin-bottom:6px;}



.right{ float:right; width:320px; overflow:hidden; position:relative;}
.right_box{ line-height:24px;}
.right_box img{ display:block; margin-bottom:6px;}

/* foot */
.foot{ float:left; width:100%; background:url(../images/bg_foot1.jpg) repeat-x; height:103px; overflow:hidden;}
.mfoot{ float:left; width:100%; background:url(../images/bg_mfoot.jpg) repeat-x; height:103px; overflow:hidden;}

.footone{ height:41px; float:left; width:100%; padding:2px 0;}
.footsp1{ margin-left:13px; line-height:41px; color:#b9b9b9; float:left; display:inline;}
.footsp2{ margin-left:90px; line-height:41px; color:#b9b9b9; float:left;display:inline; }
.footsp2 b{ color:#959595; font-size:24px; font-family:"Impact"; margin-left:10px;vertical-align:middle}
.xiashu{ float:right; padding-right:11px; padding-top:11px;}
.xiashu select{ width:182px; border:1px solid #aeaeae; height:20px; background:#none; color:#615f5f }
.footby{ margin-left:13px; line-height:50px; color:#a9a9a9}

/******************** 内页 *****************************/
.mban{ float:left; width:100%; height:298px; overflow:hidden;}
.mmain{ float:left; width:100%; padding:24px 0 30px 0;}
.leftcontact{ position:absolute; left:0; bottom:0;}
.mleft{ float:left; width:249px; overflow:hidden; padding-bottom:120px;}
.mleftimg img{ display:block;}
.h2title{ float:left; width:100%; background:url(../images/bgh2.jpg) repeat-x; height:47px; padding-top:3px; line-height:47px;}
.h2title span{ margin-left:53px; font-size:18px; color:#fff}
.h2title i{ font-size:14px; margin-left:5px;}
.leftlist{ margin-bottom:30px; float:left; width:100%;}
.leftlist li{ float:left; width:100%; line-height:39px; background:#eaeaea; border-bottom:1px solid #d2d2d2;}
.leftlist li a{ display:block; padding-left:63px;}
.leftlist li.hover a,.leftlist li a:hover{ background:url(../images/jiao3.gif) 53px 16px no-repeat; color:#0090d7}
.leftad{ padding-bottom:30px; float:left; width:100%;}

/* mright */
.mright{ float:right; width:729px; overflow:hidden;}
.curr{ float:left; width:100%; height:23px; border-bottom:1px solid #cccccc; color:#9e9e9e}
.mcon{ float:left; width:100%; margin-top:17px; line-height:24px;}

.contitle{  color:#000; line-height:30px; margin-top:10px; margin-bottom:20px; float:left; width:100%; font-size:18px;}
.contitle span{ font-family:"Tahoma";font-size:20px; margin-right:5px;}
.contitle i{font-size:20px; margin-left:5px;}

/* news */
.mcon2{ float:left; width:100%; margin-top:28px;}
.newslist li{ float:left; width:100%; padding-bottom:19px; margin-bottom:19px; border-bottom:1px dashed #ccc;}
.newslist li img{ float:left; padding:2px; border:1px solid #b5b5b5; width:122px;}
.newslist li .r{ float:right; width:583px; line-height:24px;}
.newslist li h2{ font-size:14px; margin-bottom:5px;}
.newslist li h2 span{ float:right; font-size:12px;}
.newslist li h2 a{ color:#444; display:block;}
.newslist li h2 a:hover{ color:#0090d7;}

.newstt{ float:left; width:100%; text-align:center; line-height:34px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.newstt h1{ font-size:16px; color:#222}
.decon{ float:left; width:100%;  line-height:24px; margin-top:25px;}

.mcon3{ float:left; width:100%; margin-top:8px;}
.downlist li{ float:left; width:100%; line-height:42px;}
.downlist li i{ margin-left:20px; color:#444}
.downlist li .time{ float:right;}
.downlist li .down{ float:right; margin:0 20px; display:inline; background:url(../images/bg_down.png) no-repeat; width:54px; height:22px; line-height:22px; text-align:center; margin-top:10px;}
.downlist li .down a{ color:#fff}
.downlist li .down a:hover{ color:#fff}
.downlist li.li2{ background:#e3e3e3}

.mcon4{ float:left; width:100%; margin-top:20px;}
.wen{ float:left; width:100%; line-height:24px; color:#000; font-size:14px;}
.da{ float:left; border:1px solid #d4d4d4; width:687px; margin-top:16px; margin-bottom:24px; padding:15px 20px; position:relative; line-height:24px;}
.dabg{ position:absolute; left:20px; top:-11px; background:url(../images/faqjiao.jpg) no-repeat; width:17px; height:11px;}

.hrlist li{ float:left; width:100%; line-height:20px; color:#343434; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.hrlist li h2{ color:#0090d7; margin-bottom:10px;}
.hrlist li p span{ float:left; width:82px; text-align:right; padding-right:5px;}
.hrlist li .ade{ padding-left:87px; margin-top:8px;}
.hrlist li .ade a{ display:block; width:90px; text-align:center; line-height:25px; color:#fff; background:#0090d7;}
.hrtt{ font-size:24px;color:#0090d7; margin-bottom:10px;}
.hrtt2{ display:block; clear:both; margin-top:30px; margin-bottom:10px; width:100%; float:left;}
.hrtt2 h3{  background:#0090d7; padding:0 16px; line-height:37px; color:#fff; font-size:16px; float:left;}
.hrcon{ float:left; width:100%; line-height:24px; margin-top:20px;}
.hrlianxi{ float:left; width:100%; margin-top:25px; padding-top:20px; border-top:1px solid #ccc;}

/* porducts */
.procon{ float:left; width:100%; margin-top:50px; line-height:24px;}
.prott{ display:block; clear:both; margin-bottom:15px; width:100%; float:left;}
.prott h3{  background:#0090d7; padding:0 13px; line-height:33px; color:#fff; font-size:22px; float:left;}
.prodown{ margin-top:25px;}

.prologo{ text-align:center; margin-bottom:10px;}

.probox{ float:left; width:100%; background:url(../images/bg_pro.jpg) no-repeat; height:2789px; overflow:hidden; margin-top:40px; position:relative;}
.protext1{ position:absolute; left:104px; top:135px;width:338px;}
.probox h2{text-transform:uppercase; font-family:"Tahoma"; font-size:47px; line-height:48px; margin-bottom:10px; color:#c3d600 }
.probox p{ font-size:14px; color:#fff}
.pmore{ margin-top:13px;}

.protext2{ position:absolute; right:117px; top:620px;width:349px;}
.protext3{ position:absolute; left:98px; top:1009px;width:342px;}
.protext4{ position:absolute; right:117px; top:1553px;width:347px;}
.protext5{ position:absolute; left:96px; top:1975px;width:342px;}
.protext6{ position:absolute; right:75px; top:2346px;width:439px;}

.probox2{ float:left; width:100%; background:url(../images/bg_pro2.jpg) no-repeat; height:3689px; overflow:hidden; margin-top:40px; position:relative;}

.prote1{ position:absolute; right:149px; top:428px;width:320px;}
.probox2 h2{text-transform:uppercase; font-family:"Tahoma"; font-size:47px; line-height:48px; margin-bottom:10px; color:#c3d600 }
.probox2 p{ font-size:14px; color:#fff}
.prote2{ position:absolute; left:111px; top:707px;width:343px;}
.prote3{ position:absolute; left:501px; top:1097px;width:350px;}
.prote4{ position:absolute; left:448px; top:1470px;width:500px;}
.prote5{ position:absolute; left:97px; top:1985px;width:500px; }
.prote5 p,.prote6 p,.prote2 p{ color:#191d20}
.prote6{ position:absolute; left:463px; top:2590px;width:486px;}
.prote7{ position:absolute; left:102px; top:3080px;width:500px;}



.pronav{ float:left; width:100%; border-bottom:1px solid #d7d5d5;border-top:1px solid #d7d5d5; padding:12px 0; line-height:15px; margin-top:25px; margin-bottom:34px;}
.pronav a{ font-size:14px; margin:0 3px;}
.pronav a.hover{ color:#0090d7}

.protab{ float:left; width:100%; margin-bottom:29px;}
.prolist li{ float:left;}
.prolist li .divpro{ float:left; width:320px; height:225px; border:1px solid #d1d1d1; text-align:center; position:relative; line-height:24px; font-size:14px; color:#363636; position:relative;}
.prolist li .divpro img{ display:block; margin:0 auto; margin-top:10px; margin-bottom:5px;}
.prolist li.lione .divpro{ width:354px; height:452px; font-size:24px; line-height:26px; }
.prolist li.lione h2{ position:absolute; left:0; top:15px; width:100%; z-index:2;}
.prolist li.lione  .divpro img{ display:block; margin:0 auto; margin-top:70px;}
.prolist li .divpro span{ padding:0 10px;}

.progo{ position:absolute; left:0; top:0; height:225px; width:100%; background:#000;filter:alpha(opacity=80);opacity:0.8; text-align:center; display:none}
.progo a{ width:105px; height:124px; z-index:2; display:block; margin:0 auto;margin-top:57px; }
.prolist li.lione .progo{ height:452px;}
.prolist li.lione .progo a{ margin-top:170px;}

/* pages */
.pages {float:right;text-align: center; height:30px; margin-top:10px;}
.pages a {padding: 3px 7px;	margin: 0 1px; background:#949494;color: #fff;}
.pages a:hover, .pages a.selected {	background-color: #31abe0;	color: #fff;}



/*text*/
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.red{ color:#ff0000;}
.lan{ color:#0090d7}
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.Tahoma{font-family:"Tahoma";}
 
/*2014.6.11 star*/
.searcon{ float:left; width:100%; padding-top:20px}
.searcon_one{ float:left; width:979px; height:30px; background:#ededed; padding:18px 0 17px 21px; margin-bottom:33px; }
.sear_txt1{ width:252px; height:26px; line-height:26px; padding:0 9px; border:1px solid #cfcfcf; background:#fff; color:#646464;font-family:"\5FAE\8F6F\96C5\9ED1"; margin-right:6px; vertical-align:middle}
.sear_btn1{ width:64px; height:26px;cursor:pointer; background:url(../images/sear_btn1.jpg) 0 0 no-repeat; border:0; margin-right:26px; vertical-align:middle}
.searcon_two{ float:left; width:100%}
.searcon_two_t{ float:left; width:100%; border-top:1px solid #d7d5d5;border-bottom:1px solid #d7d5d5; height:38px; line-height:38px; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.searcon_two_t span{padding:0 9px; cursor:pointer; color:#999}
.searcon_two_t span.hover{ color:#0090d7}
.searcon_two_b{ float:left; width:100%; padding:9px 0 0px 0; }
.sear_list{ float:left; width:100%; padding-bottom:18px;border-bottom:1px solid #d7d5d5}
.sear_list li{ float:left; width:100%;font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:32px}
.sear_list li a{ color:#999}
.sear_list li a:hover{color:#0090d7}
.sear_list li span{ float:right}
/*2014.6.11 end*/