@charset "utf-8";
/* reset */
body,dl,dd,h1,h2,h3,h4,p,form{margin:0;}
ul,ol{margin:0;padding:0;}
li{list-style:none;}
img{border:none;}
a{text-decoration:none;cursor:pointer;}

.db{display:block;}.dn{display:none;}
.fl{float:left;}.fr{float:right;}
.cb:after{content:'';clear:both;display:table;}.cb{zoom:1;}
body{background:#000; font-family:arial,sans-serif; font-size:12px;}

#headerbg{width:100%; height:167px; background:url(../images/tophead-bg.jpg) no-repeat top center; }
#header{position:relative; height:167px; width:1002px; margin:0 auto; background:url(../images/header-centerbg.png) no-repeat; z-index:99;}
.leftbg{position:absolute; left:-459px; width:459px; height:167px; background:url(../images/head-left.png) no-repeat; z-index:9;}
.rightbg{position:absolute; right:-459px; width:459px; height:167px; background:url(../images/head-right.png) no-repeat; z-index:9;}
.sublogo{position:absolute; display:inline-block; width:296px; height:101px; top:0; left:-11px; z-index:999;}
.logo{display:inline-block; width:293px; height:86px; position:absolute; top:21px; left:-11px; z-index:999;}
.nav{position:absolute; left:319px; top:0; width:634px; height:123px; background:url(../images/navbg.png) no-repeat; z-index:999;}
.nav li{float:left;}
.nav li a{display:inline-block; float:left; height:123px;}
/* .n-home{width:139px; } */
/* .n-home:hover,.n-home.active{background:url(../images/nav_hover.png) no-repeat 0 0;}
.n-news,.n-about,.n-product,.n-links,.n-contact{width:99px;}
.n-news:hover,.n-news.active{background:url(../images/nav_hover.png) no-repeat -139px 0;}
.n-about:hover,.n-about.active{background:url(../images/nav_hover.png) no-repeat -238px 0;}
.n-product:hover,.n-product.active{background:url(../images/nav_hover.png) no-repeat -337px 0;}
.n-links:hover,.n-links.active{background:url(../images/nav_hover.png) no-repeat -436px 0;}
.n-contact:hover,.n-contact.active{background:url(../images/nav_hover.png) no-repeat -535px 0;} */

/* .n-home:hover{background:url(../images/nav_hover.png) no-repeat 0 0;}
.n-news,.n-about,.n-product,.n-links,.n-contact{width:99px;}
.n-news:hover{background:url(../images/nav_hover.png) no-repeat -139px 0;}
.n-about:hover{background:url(../images/nav_hover.png) no-repeat -238px 0;}
.n-product:hover{background:url(../images/nav_hover.png) no-repeat -337px 0;}
.n-links:hover{background:url(../images/nav_hover.png) no-repeat -436px 0;}
.n-contact:hover{background:url(../images/nav_hover.png) no-repeat -535px 0;} */
.n-home,.n-home a{width:139px; }
.n-news,.n-about,.n-product,.n-links,.n-contact,.n-news a,.n-about a,.n-product a,.n-links a,.n-contact a{width:99px;}
.n-home.n-hover{background:url(../images/nav_hover.png) no-repeat 0 0;}
.n-news.n-hover{background:url(../images/nav_hover.png) no-repeat -139px 0;}
.n-about.n-hover{background:url(../images/nav_hover.png) no-repeat -238px 0;}
.n-product.n-hover{background:url(../images/nav_hover.png) no-repeat -337px 0;}
.n-links.n-hover{background:url(../images/nav_hover.png) no-repeat -436px 0;}
.n-contact.n-hover{background:url(../images/nav_hover.png) no-repeat -535px 0;}

.n-home.active{background:url(../images/nav_active.jpg) no-repeat 0 0;}
.n-news.active{background:url(../images/nav_active.jpg) no-repeat -139px 0;}
.n-about.active{background:url(../images/nav_active.jpg) no-repeat -238px 0;}
.n-product.active{background:url(../images/nav_active.jpg) no-repeat -337px 0;}
.n-links.active{background:url(../images/nav_active.jpg) no-repeat -436px 0;}
.n-contact.active{background:url(../images/nav_active.jpg) no-repeat -535px 0;}

.arrowbtn{position:absolute; top:120px; left:390px; z-index:999;}
.leftArrow{display:inline-block; float:left; width:111px; height:40px; background:url(../images/arrow_c.png) no-repeat 0 0;}
.leftArrow:hover,.leftArrow.actarrow{background:url(../images/arrow_h.png) no-repeat 0 0;}
.rightArrow{display:inline-block; float:left; width:112px; height:40px; background:url(../images/arrow_c.png) no-repeat -111px 0;}
.rightArrow:hover,.rightArrow.actarrow{background:url(../images/arrow_h.png) no-repeat -111px 0;}

#content{width:100%; height:630px; margin:0 auto; overflow:hidden; text-align:center;}
#banner{height:630px; overflow:hidden; position:relative; z-index:9999;}
.banner li{float:left;}
.shadowbg{position:absolute; bottom:-55px; left:-459px; z-index:999;}
#c-content{width:1002px; margin:0 auto;  }
.sub-leftbg{width:1002px; background:url(../images/c-center-left.jpg) repeat-y left top;}
.sub-rightbg{width:1002px; background:url(../images/c-center-right.jpg) repeat-y right top; }
.contactin{width:981px; min-height:768px; margin:0 auto; padding:55px 0 0 21px; background:url(../images/contact-bg.png) no-repeat 21px 55px;}
.contactinfo{width:340px; margin-right:20px;}
.c-table{margin-top:25px;}
.c-table tr td{padding-bottom:11px;}
.c-input{width:104px; height:19px; border:1px solid #b3b3b3; margin:3px 10px 0 0; background:#fff; padding-top:3px\9; height:16px\9;}
.c-textarea{width:338px; max-width:338px; height:72px; max-height:120px; border:1px solid #b3b3b3; margin:3px 0; background:#fff; }
.send{display:block; width:53px; height:22px; background:url(../images/send.png) no-repeat; color:#fff; text-align:center; line-height:22px;}
.address0{font-size:14px; font-weight:bold;}
.address01{margin:19px 0 15px; font-size:14px; color:#434343;}
.address02{font-size:13px; color:#434343; line-height:16px;}
.c-infobox{padding-top:57px;}
.company-info{width:960px; padding-top:40px; margin-top:30px; border-top:1px dashed #7f7f7f;}
.company-info img{margin-left:25px;}
.company-info p{padding-top:5px; line-height:18px; text-align:right; color:#808080; font-weight:bold;}
.search{width:283px; height:30px; margin-right:20px; background:url(../images/searchbg.png) no-repeat;}
.s-input{float:left; width:235px; height:30px; padding-left:10px; border:none; background:none; font-size:13px; color:#b6b6b6; height:25px\9; padding-top:5px\9;}
.s-btn{float:left; width:35px; height:30px; cursor:pointer; border:none; background:none;}

.aboutin{width:981px; min-height:1000px; margin:0 auto; padding:55px 0 0 21px; background:url(../images/about-bg.jpg) no-repeat 123px 181px ;}
.aboutinfo{width:712px; margin:305px 0 0 250px; background:url(../images/about-shadow.png) no-repeat left top;}
.historyinfo{width:685px; margin-left:24px; background:#fff; overflow:hidden;}
.abouttab-list{margin-left:23px;}
.abouttab-list li{float:left;}
.abouttab-list li a{display:block; float:left; width:170px; text-align:center; font-weight:bold; font-size:14px; }
.after-tab{height:25px; background:#fff; color:#000; line-height:25px;}
.before-tab{height:19px; margin-top:6px; background:#d8d8d8; color:#fff; line-height:19px;}
.historyinfoin{padding:63px 0 0 47px;}
.historyinfoin strong{display:block; padding-bottom:12px; font-size:16px; }
.historyinfoin p{padding-top:8px; font-size:14px; color:#7f7f7f; line-height:16px;}

.linksin{width:981px; min-height:770px; margin:0 auto; padding:55px 0 0 21px; }
.links-banner{display:block; margin:54px 0 46px;}
.linksList{margin-left:62px;}
.linkslist-title{display:block; margin-bottom:14px; padding-left:40px;}

.linksList-content{width:857px; height:141px; margin-bottom:18px; margin-left:40px; background:url(../images/linkslist-bg.jpg) no-repeat;}
.icon-square{color:#adadad;}
.a-links a{font-size:12px; color:#000;}
.a-links em{margin:0 3px 0 10px; font-size:16px;}
.ll-left{width:540px; padding-left:15px;}
.ll-left h4{padding-top:10px; font-size:18px; color:#000; }
.ll-left p{padding:6px 0 13px;font-size:13px; color:#000; line-height:20px; font-weight:bold;}
.ll-right{padding:4px 9px 0 0;}


/*product*/
.productin{width:981px; min-height:1190px; margin:0 auto; padding:55px 0 0 21px;}
.productinfo{padding-top:64px;}
.prodmenu{width:262px; padding-top:112px; margin-right:20px;}
.prodmenu dl{margin-bottom:37px;}
.prodmenu dl dt{float:left; width:82px; margin-right:20px;}
.prodmenu dl dd{float:left; width:160px; padding-bottom:30px; position:relative;}
.prodmenu dl dd:hover .sub-menu{display:block;} 
.prodmenu dl dd:hover dt img{filter:alpha(opacity=100); 
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1} 
.p-title-b{display:block; font-size:16px; color:#000;}
.p-title-s{color:#000; font-size:13px;}
.sub-menu{position:absolute; left:28px; top:40px; display:none; width:128px; padding:7px 0; border:1px solid #b7b7b7; background:#fff; z-index:999; }
.sub-menu li{position:relative;}
.sub-menu li:hover .sub-menu1{display:block; border:1px solid #b7b7b7; background:#fff; z-index:999;} 
.prodmenu dl dd ul li .sub-menu1{ position:absolute; left:128px; top:0; display:none; width:100%; }
.prodmenu dl dd ul li .sub-menu1 a{  word-wrap:normal; line-height:1.5; color:#666;}
.prodmenu dl dd ul li .sub-menu1 a:hover{   color:#fff;}
.sub-menu a{display:block; width:120px; padding:4px 0; padding-left:8px; color:#000; font-weight:bold; font-size:12px;}
.sub-menu a:hover{background:#a8a8a8; color:#fff;}
.prod-content{position:relative; width:678px; height:988px;}
.prod-text{position:absolute; bottom:0; right:0; width:250px; height:318px; padding:10px 6px 0 20px; background:url(../images/opacity-bg.png) repeat; z-index:999;}
.prod-text strong{font-size:14px; line-height:1.5;}
.prod-text p{padding-top:15px; font-size:12px; line-height:1.8; font-weight:bold;}





/*news*/
.newsin{width:1002px; margin:0 auto; padding:55px 0 0 0;}
.pl21{padding-left:21px;}
.newsinfo{padding:45px 0 0 21px;}
.news-menu{width:101px; margin-right:25px;}
.news-menu ul li a{display:block; width:96px; padding-left:5px; height:47px; line-height:47px; color:#999; font-size:18px;}
/* .news-menu ul li a:hover,.news-menu ul li a.actnews{background:url(../images/newslist-menubg.jpg) no-repeat; color:#f00;} */
.news-menu ul li a.actnews{background:url(../images/newslist-menubg.jpg) no-repeat; color:#f00;}
.newslist{padding-right:20px;}
.newslist-content{width:798px; height:225px; padding-top:55px; margin:0 30px 75px 0; background:url(../images/newslist-bg.jpg) no-repeat left top;}
.newslist-content em{padding-left:50px;}
.newslist-content h4{width:400px; padding-top:20px; font-size:18px; line-height:24px;}
.newslist-content p{width:410px; height:90px; margin:18px 0; line-height:19px; font-size:14px;}
.readmore{display:inline-block; padding:0 2px; margin-left:330px; font-weight:bold; background:#000; color:#fff;}
.newsdetail-info{width:960px; min-height:826px; margin:57px auto; padding:57px 0 145px; background:url(../images/news-detailbg.jpg) no-repeat left top;}
.newsdetail-infoin{width:678px; padding-top:268px; margin-left:38px;}
.newsdetail-infoin em{font-size:14px;}
.newsdetail-infoin h4{font-size:28px; line-height:33px;}
.newsdetail-infoin p{width:605px; font-size:14px; line-height:23px;}
.returnbtn{display:inline-block; padding:0 10px; background:#000; color:#fff; font-weight:bold;}
.tar{text-align:right;}

.pages{width:624px; height:31px; padding-left:278px; margin:70px 0 65px; background:url(../images/pages-bg.jpg) no-repeat;}
.pages a{display:inline-block; width:13px; height:13px; margin:9px 24px 0 0; background:url(../images/pages-c.png) no-repeat;}
.pages a:hover,.pages a.actpages{background:url(../images/pages-hover.png) no-repeat;}
#news-footer{position:relative; width:1002px; height:210px; background:url(../images/news-footbg.jpg) no-repeat;}
.news-gototop{position:absolute; top:94px; right:78px; display:block; width:151px; height:40px; background:url(../images/gototop.jpg) no-repeat; z-index:999;}
.news-gototop:hover,.news-gototop.acttop{background:url(../images/gototop_h.jpg) no-repeat;}

#c-footer{position:relative; height:210px; width:1002px; margin:0 auto; z-index:99;}
.c-f-leftbg{position:absolute; left:-459px; width:459px; height:277px; background:url(../images/c-footleft.jpg) no-repeat; z-index:9;}
.c-f-rightbg{position:absolute; right:-459px; width:459px; height:277px; background:url(../images/c-footright.jpg) no-repeat; z-index:9;}
.gototop{position:absolute; top:103px; right:79px; display:block; width:151px; height:40px; background:url(../images/gototop.jpg) no-repeat; z-index:999;}
.gototop:hover,.gototop.acttop{background:url(../images/gototop_h.jpg) no-repeat;}
#footer{position:relative; height:404px; width:1002px; margin:0 auto;  z-index:99;}
.f-leftbg{position:absolute; left:-459px; width:100%; height:277px; background:url(../images/foot-left.png) no-repeat; z-index:9;}
.f-rightbg{position:absolute; right:-459px; width:459px; height:277px; background:url(../images/foot-right.png) no-repeat; z-index:9;}
.f-bullet{position:absolute; left:138px; top:95px; display:block; width:143px; height:120px; background:url(../images/button-foot.png) no-repeat; z-index:99;}
.fh-bullet{position:absolute; right:-74px; top:86px;  display:block; width:143px; height:120px; background:url(../images/button-foot.png) no-repeat; z-index:99;}
.pressbtn{position:absolute; top:44px; left:436px; display:block; width:129px; height:165px; background:url(../images/press_c.png) no-repeat; z-index:999;}
.pressbtn:hover{background:url(../images/press_h.png) no-repeat;}
.language{position:absolute; top:238px; left:278px; z-index:999;}
.lg-cn{display:block; float:left; width:223px; height:38px; background:url(../images/cnbg_c.png) no-repeat;}
/* .lg-cn:hover,.lg-cn.actlg{background:url(../images/cnbg_h.png) no-repeat;} */
.lg-en{display:block; float:left; width:223px; height:38px; background:url(../images/enbg_c.png) no-repeat;}
.lg-en:hover,.lg-en.actlg{background:url(../images/enbg_h.png) no-repeat;}
.copyright{padding-top:330px; text-align:center; line-height:18px; color:#808080; font-size:11px; }
.copyright strong{font-weight:normal; font-size:12px; }
#footer-bg{width:100%; height:400px; background:url(../images/footrepeat-bg.jpg) no-repeat top center;}

#c-content-bg{width:100%; background:url(../images/subcontent-bg.jpg) repeat-y top center;}
.content-shadow{width:100%; background:url(../images/shadowbg.png) no-repeat top center; }
#subfoot-bg{width:100%; height:214px; background:url(../images/sub-foot-bg.jpg) no-repeat top center;}

.prodmenu dl dt img{background:#000; 
	filter:alpha(opacity=30); 
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}
.prodmenu dl dt img:hover{background:#000; 
	filter:alpha(opacity=100); 
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1
}

.newsdetail-infoin p:after{content:'';clear:both;display:table;}


.prodmenu dl dd ul li .sub-menu2 {
    display: none;
    left: 128px;
    position: absolute;
    top: 0;
    width: 100%;
}

.sub-menu1 li:hover .sub-menu2{display:block; border:1px solid #b7b7b7; background:#fff; z-index:999;} 

.newsinfo { position: relative; }
.newsinfo span.tips { display: inline-block; position: absolute; left: 50%; top: 0; color: #999; font-weight: bold; text-align: center; transform: translate(-15%,-15%);}
.newsinfo span.tips:after { display: block; content: ""; margin: 10px auto 0; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #999 transparent transparent transparent; }

.jscroll-h { animation: myshine 0.3s linear 0.3s infinite alternate;}
@keyframes myshine
{
	from { opacity: 1; background-color: #f00;}
	to { opacity: 1; background-color: #300;}
}

@-webkit-keyframes myshine /*Safari and Chrome*/
{
	from { opacity: 1; background-color: #f00;}
	to { opacity: 1; background-color: #300;}
}