@charset "gb2312";
/*================================*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,br,select { margin:0; padding:0; font-family: 'Nanum Gothic', sans-serif;}
h1,h2,h3,h4,h5,h6,i,em { font-size:12px; font-weight:normal; font-style:normal; font-family: 'Nanum Gothic', sans-serif;}
body {  font-family: arial;font-size:12px; font-family: 'Nanum Gothic', sans-serif;}
li { list-style:none; }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
a:focus,input:focus { outline:0 none;}
textarea { resize:none; font-size:12px; } /**/

/*================*/
.hide { display:none;}
.clear { clear:both;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1;}
a img.opacity {} 
a:hover img.opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.mt10{ margin-top: 10px;}
.ml50{ margin-left: 50px;}

.w100{ width: 100%;}
.w1000{ width: 1000px; margin: 0 auto;}


/**/
.intit{ width: 100%; height: 30px; padding: 5px 0; line-height: 30px; text-indent: 25px; /*font-family: microsoft yahei; */font-weight: 100; text-transform:uppercase ;  font-weight: 700; font-family: 'Nanum Gothic', sans-serif; font-size:16px; color: #0072e6; background: url(../Images/intiticon.gif) no-repeat 0 center;}
.intit a{ padding: 6px 0;}

/*Header*/
.Header{ width: 100%;}
.Headertop{ width: 100%; height: 100px; background: url(../Images/Headerbg.jpg) repeat-x;}
.Logo{ }
.TopRgt{ width: 500px; padding: 15px 0; text-align: right;}
.TopRgt a{ color: #868686;}
.TopRgt a:hover{ color: #4d4d4d;}
.TopRgt p{ float: left; width: 100%; margin: 2px 0 0 0}
.TopRgt p img{ float: right;}
.onlinemess{ padding: 0 0 0 24px; background: url(../Images/Icon01.png) no-repeat 0 center;}
.addcollect{  margin: 0 0 0 10px; padding: 0 0 0 24px;background: url(../Images/Icon02.png) no-repeat 0 center;}
.qqbtn{ display:inline; float: right; width:26px; margin: 14px 0 0 0}

.Nav{ width: 100%; height: 46px; background: url(../Images/Navbg.jpg) repeat-x;}
#nav  { display: inline-block; width:100%;margin:0;}
.mainlevel {float:left;height:46px; line-height:46px; text-align:center; margin: 0 10px 0 8px;  }
.mainlevel:hover{ background:url(../Images/onnavbg.gif) repeat-x; color:#fff;}
.mainlevel:hover a{ color:#fff;}
.mainlevel .m { width:120px;color:#fff; text-decoration:none;  display:block; font-weight: 100; font-family: 'Nanum Gothic', sans-serif; font-size:16px;}
.mainlevel .m:hover{ background:url(../Images/onnavbg.gif) repeat-x; color:#fff; }
.mainlevel ul {width:102px; padding:4px 8px 10px 8px;display:none; position:absolute; z-index:1000; color:#fff; border:solid 1px #016701;background:#016701;  text-align:center; }
.mainlevel li {width:102px;height:35px;line-height:35px;border-bottom: dashed 1px #f8a0a0; color:#fff; font-size:14px; text-align:center;vertical-align: bottom;  /*IE6 only*/}
.mainlevel li a:link, .mainlevel li a:visited, .mainlevel li a:active{ display: block; font-size:14px; font-weight:100;color:#fff;}
.mainlevel li a:hover{text-align:center; color:#fff; }

/*ul#sub_04{ width:180px;display:none; position:absolute; z-index:1000;background:#ec0b0b; color:#fff; border:solid 1px #cd0606;}
ul#sub_04 li{ width:180px;height:35px;line-height:35px;text-align:left; }
ul#sub_04 li a:link, ul#sub_04 li a:visited, ul#sub_04 li a:active{ width:160px; font-size:14px; font-weight:100;color:#fff; padding:0 0 0 20px;}
ul#sub_04 li a:hover{ width:160px; color:#fff; text-align:left;}
*/

/*Banner*/
.bannerBox{width: 100%;}
.banner{ position:relative; z-index:1; width:100%;min-width:1210px; height:360px;overflow:hidden;}
.ImgBanner{position:absolute;top:0px;left:0px; z-index:2;display:block;width:100%;height:360px;background-position:top center;background-repeat:no-repeat;}
.banner .d2{position:absolute;bottom:18px;left:0px;z-index:9999;width:100%;height:13px;clear:both;text-align:center;}
.banner .d2 a{display:inline-block;width:13px;height:13px;overflow:hidden;margin:0 3px; background: url(../Images/dot2.png) no-repeat; cursor:pointer;}
.banner .d2 a.nuw{ background: url(../Images/dot.png) no-repeat;}

/*Article*/
.Article{ width: 100%;}

.inLeft{ width: 255px;}
.inaboutus{ width: 100%;}
.inaboutus img{ width:255px; height: 86px;}
.inaboutus p{ margin:10px 0 0 0; text-indent: 25px; line-height: 24px; color: #555;}

.inCon{ width: 360px;}
.inRgt{ width: 260px;}

.inCon ul{ float:left; width: 360px;}
.inCon ul li{ width:360px;float:left;display:inline; line-height:24px; display:inline;}
.inCon ul li a{width:340px;padding:0 0 0 20px;color:#555;background:url(../images/dot.gif) no-repeat 5px center; }
.inCon ul li a:hover{ text-decoration: none; color:#0074ff;background:url(../images/dot2.gif) no-repeat 5px center;}
.inCon ul li span{ float:right; color:#999;}
.inCon dl{ width:350px; float:left; margin:10px 0 0 10px; padding:0 0 10px 0; display:inline; }
.inCon dl dt img{ width:128px; height: 80px; float:left; border:solid 1px #e4e4e4; padding:3px;background:#fff;}
.inCon dl dd{ width:200px; float:right; margin:0 0 0 10px; display:inline; line-height:20px; color:#7c7c7c;}
.inCon dl dd em a{ color:#0074ff;font-weight:700; line-height:30px;}



.in_scrolls{ width:1000px; height:185px; float:left; padding:0px; margin:30px 0;}
/**/
.in_scrolls a.abtn{display:block;width:44px;height:62px;overflow:hidden;background:url(../Images/arrow3.png) no-repeat 0px 0; margin:50px 0 0 0;}
.in_scrolls a.aleft{float:left;}
.in_scrolls a.agrayleft{cursor:default;background-position:-88px 0;}
.in_scrolls a.aright{float:right;background-position:-44px 0;}
.in_scrolls a.agrayright{cursor:default;background-position:-132px 0;}
.in_scrolls .scrolllist{width:1000px;height:185px;margin:0 auto; float:left;}
.in_scrolls .scrolllist .imglist_w{width:902px;height:185px;overflow:hidden;float:left; margin:0 5px;position:relative;/**/}
.in_scrolls .scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.in_scrolls .scrolllist .imglist_w li{width:175px;float:left;padding:0; margin:0 25px 0 25px; text-align:center;  display:inline;}
.in_scrolls .scrolllist .imglist_w li img{ width:164px; height:104px; float:left; padding: 5px; border:solid 1px #cacaca;}
.in_scrolls .scrolllist .imglist_w li a{ width:175px; text-align:center;color:#3366cc;text-decoration:none;float:left;}
.in_scrolls .scrolllist .imglist_w li a p{ display: block; float: left; width: 175px; height: 28px; margin:3px 0 0 0; line-height: 28px; color: #333; background: #e5e5e5; overflow:hidden;}

/**/
#demo {overflow:hidden; width:1000px;} 
#demo img { display:block; width: 145px; height: 97px; padding:4px; margin:0 0 5px 0; border: 1px solid #ccc; }
#indemo { float: left; width: 800%; }
#demo  ul li { display:block; width:155px; float:left; margin:10px 14px 0 14px; line-height:22px; text-align: center;font-size: 14px; }
#demo  ul li a{ color: #555;}
#demo  ul li a:hover{ text-decoration: none; color: #0074ff;}
#demo1 { float: left; }
#demo2 {float: left;}
#demo ul li{ float:left; list-style-type:none; list-style:none;}

/**/
/* slider */
.slider{width:260px;height:180px;position:relative;overflow:hidden;}
.conbox{position:absolute;/**/}
.conbox img{width:260px;height:180px;}
.switcher{position:absolute;bottom:16px;right:10px;float:right;z-index:99;}
.switcher a{background:url(../Images/dot2.png) no-repeat;cursor:pointer;float:left;font-family:arial;height:13px;line-height:13px;width:13px;margin:0 2px;text-align:center;color:#ff4800;}
.switcher a.cur,.switcher a:hover{background:url(../Images/dot.png) no-repeat;height:13px;line-height:13px;width:13px;margin:0 2px;color:#fff;font-weight:100;}


/*Footer*/
.Footer{ width: 100%; height: 59px; margin-top: 20px; line-height: 14px; text-align: center; font-size:12px;color: #fff; background: url(../Images/Footbg.jpg) repeat-x;}
.Footer a{ padding: 0 5px; color: #fff;}

/*subbanner*/
.subbanner{ width: 100%; height: 287px; }


/*Subaside*/
.Subaside{ width: 218px;}
.Subasidetit{ width: 178px; height: 34px; padding: 0 0 0 40px; line-height: 34px; font-family: 'Nanum Gothic', sans-serif; font-size: 16px; color: #fff; background:#016701 url(../Images/asidemenu.png) no-repeat 15px center;}
.SubasideCon2{ width: 198px; padding: 9px; border: solid 1px #eaeaea; line-height:24px; color: #585656; background: #f9f9f9; }
.SubasideCon2 img{ width: 198px; height: 48px;}
.SubasideCon2 p{ width: 198px; margin:10px 0 0 0}

.SubasideCon{ width: 188px; padding: 10px 15px; background: #ededed;}
.onemenu{ width: 188px;}
.onemenu li{ border-bottom: dashed 1px #aeaeae; line-height: 34px; font-family: 'Nanum Gothic', sans-serif; font-size: 14px;}
.onemenu li a{ display: block; padding: 0 0 0 25px; color: #515567; background: url(../Images/a01.png) no-repeat 6px center;}
.onemenu li a:hover,.onemenu li a.special{ text-decoration: none; color: #016701; background: url(../Images/a02.png) no-repeat 6px center;}

.secondmenu{ width: 188px; margin-bottom: 6px;}
.secondmenu li{ padding: 0 0 0 10px; border-bottom: none; line-height: 24px; font-size: 12px;}
.secondmenu li a{ background:url(../Images/dian.gif) no-repeat 15px center;}
.secondmenu li a:hover{ background:url(../Images/dian2.gif) no-repeat 15px center;}
/*SubRgt*/
.SubRgt{ width: 748px;}
.SubRgtit { width:748px; float:left; margin:0; border-bottom: solid 1px #d7d7d7; line-height:34px; font-size:14px; font-weight:700;color:#5b5b5b}
.SubRgtit  .morer{ float:right; margin:0 10px 0 0; font-size:12px; color:#888; font-weight:100;}
.SubRgtit  .morer a{ color:#888;}

/*New*/
.NewsList { width:748px; margin:20px auto; }
.NewsList dl{ width:728px; float:left; margin:20px 10px 15px 10px; display:inline;background:url(../images/Newlistdian.jpg) repeat-x bottom; padding:0 0 12px 0;}
.NewsList dl dt{ width:182px; float:left; margin:0; display:inline; background: url(../images/NewsListImgBg.jpg) no-repeat bottom; padding: 0 0 12px 0;}
.NewsList dl dt img{ width:174px; height:116px; border:solid 1px #d1cfd2; padding:3px;}
.NewsList dl dd{ width:520px; float:right; margin:5px 0 0 0; display:inline}
.NewsList dl dd h6{ font-size:12px; font-weight:700; color:#164fa0; background:url(../images/Newlistdian.jpg) repeat-x bottom; padding:0 0 15px 0;}
.NewsList dl dd h6 a{ color:#0062c0;}
.NewsList dl dd h6 a:hover{ text-decoration:none;}
.NewsList dl dd h6 .more{ float:right; font-weight:100; color:#999; margin:0;}
.NewsList dl dd  p{ line-height:26px; color:#666;}
.NewsList ul li.newslistype{ width:728px; float:left; margin:0 10px 15px 10px; display:inline;line-height:32px; background:url(../images/Newlistdian.jpg) repeat-x bottom; padding:0 0 15px 0; }
.NewsList ul li{ width:728px; float:left; height:32px; line-height:32px; margin:0 10px;}
.NewsList ul li a{ width:575px;float:left; padding:0 0 0 25px; display:inline; color:#555;background:url(../images/NewsList_icon01.jpg) no-repeat 0 10px;}
.NewsList ul li a:hover{ color:#0062c0; font-weight:100; text-decoration: none;}
.NewsList ul li .rmore{ width:80px; float:right; text-align: right; margin:0; color:#999; font-family: 'Nanum Gothic', sans-serif;}


/*24px*/
.asppage24{ width:100%; float:left;}
.asppage24 .pager {   color:#888; clear:both; width:100%; margin:20px auto;text-align:center;}
.asppage24 .pager span,
.asppage24 .pager .nolink,
.asppage24 .pager a { display:inline-block;  border: solid 1px #cbcbcb;  line-height:22px; margin:0 3px; padding:0px 8px;}
.asppage24 .pager .nolink { color:#888;}
.asppage24 .pager a { color:#888;text-decoration:none;}
.asppage24 .pager a:hover {color: #FFF; background: #ca0000;border:solid 1px #ca0000 }
/**/
.asppage24 .pager .pageinfo{ display:none;}
/**/
.asppage24 .pager .cpb { color:#FFF; font-weight:100; background:#ca0000;border:solid 1px #ca0000}


/*AboutUs*/
.AboutUs{ width: 748px; margin: 25px 0 50px 0; line-height: 22px; color: #434343;}
.AboutUs p{ padding:6px 0; line-height: 22px;color: #434343;}
.AboutUs img{ display: block; margin: 0 auto; max-width: 740px;}

/*ContactUs*/
.ContactUs{ width:748px; margin:20px 0 50px 0;}
.companyinfo{ width: 748px; background: url(../images/contact_02.jpg) no-repeat right 0;}
.companyinfo p{ width:100%; float: left; line-height: 36px; color: #5f5f5f}
.companyinfo p b{ font-weight: 700; color: #5f5f5f;}

.map{ width:700px; border:solid 1px #ccc;}
.map img{ width: 700px; height: 300px;}
.contactli{ width:748px;}
.contactli li{ width:480px; line-height: 32px; float: left;  padding:20px 300px 20px 0; display: inline-block; color: #5f5f5f;}
.contactli li p{ width: 200px; float: left;}
.contactli li i{ float: left;}

/*Product*/
.Product{ width: 748px;margin:10px 0 50px 0;}
.Product ul{ float: left; width: 748px;margin:0 0 20px 0;}
.Product li{ float: left; width: 170px; margin: 18px 8px 0 9px;}
.Product li img{ width: 160px; height: 120px; border:solid 1px #d2d2d2; padding: 4px;}
.Product li p{ margin-top: 5px; text-align: center; font-size: 14px; line-height: 24px;}
.Product li p a{ color: #444}
.Product li p a:hover{ color: #f00; text-decoration: none;}



/*Projects*/
.Projects{ width: 748px;margin:10px 0 50px 0;}
.Projects ul{ float: left; width: 748px;margin:0 0 20px 0;}
.Projects li{ float: left; width: 216px; margin: 18px 15px 0 16px;}
.Projects li.last{ float: right;margin: 18px 0px 0 0;}
.Projects li img{ width: 206px; height: 167px; border:solid 1px #d2d2d2; padding: 4px;}
.Projects li p{ margin-top: 5px; text-align: center; font-size: 14px; line-height: 24px;}
.Projects li p a{ color: #444}
.Projects li p a:hover{ color: #f00; text-decoration: none;}


/*ProductCon*/
.ProductCon{width: 748px;margin:20px 0 50px 0; line-height: 25px; font-size: 14px; color: #444}
.ProductCon p{ width: 100%;padding: 6px 0; text-indent: 25px;}
.ProductCon img{ display: block; margin: 10px auto;}


/**/
.article_box{padding: 20px 20px;overflow: hidden;}
.article_tit{width: 100%;line-height: 50px;text-align: center;font-size: 20px;color: #333;font-family: 'Nanum Gothic', sans-serif;}
.article_time{line-height: 30px;clear: both; text-align: center;color: #666; background: #f1f1f1;}
.article_content{ width:100%;overflow: hidden;clear: both;padding: 10px 0 25px 0;line-height: 26px;color:#555;font-size:14px;}
.article_content img{ display: block; margin: 0 auto; max-width:670px;}
.article_content .imgs{max-width:670px;margin:15px auto;text-align:center;}
p.ml10{text-indent:25px;font-size:14px;}
.article_sh {float:left; width:100%; padding:20px 0; }
.article_sh .left{ float:left;width:60%;  margin:0;}
.article_sh .left p{  float:left;width:100%; margin:5px 0 0 0; color:#333; line-height:22px;}
.article_sh .left p a{ color:#666;}
.article_sh .right{  float:right;width:240px; margin:10px 0 0 0;}


/*message*/
.message{ width:780px; margin:20px 0;}
.message p{ color:#969696; line-height:30px;}
.messagetab{ line-height:30px; color:#5f5f5f;}
.messagetab td{ padding:6px;}
.inputs{ width:164px; height:23px; line-height:23px; border:solid 1px #ccc; color:#5f5f5f;}
.textareas{ width:420px; height:110px; line-height:23px; border:solid 1px #ccc; padding:5px; color:#5f5f5f;}
.ypbtn{ width:102px; height:28px; background:url(../images/back.gif) no-repeat; border:none; color:#fff; cursor:pointer; line-height:28px; text-align:center; font-size:14px; font-family:"΢ÈíÑźÚ"; text-decoration:none; display:inline-block;}