/* CSS Document */
body,html,a,img,h1,h2,h3,h4,h5,h6,span,ul,li,dl,dt,dd,p,form,input,label,textarea{ margin:0px; padding:0px; font-family:"微软雅黑"; font-size:14px; color:#333; line-height:2em;}



ul,li,dl,dt,dd{ list-style:none;}
a{ text-decoration:none;}
a,img{ border:0px;}



.clear{ clear:both;}




/*header 头部部分 start*/
#header{ width:100%; height:auto; background:url(../images/downimages/headerBg.png) repeat-x left top; overflow:hidden; position:relative;}
.headerCon{ width:1140px; height:auto; margin:0px auto;}
/*.logo{ display:block; widows:250px; height:65px; margin:8px 0px 17px 0px; float:left;}*/
.navBg{ display:block;width:430px; height:45px;position:absolute; top:45px; right:0px; background:url(../images/downimages/navbg.png) repeat-x left top; z-index:9;}
.topTip{ width:auto; height:15px; float:right; overflow:hidden; margin-top:15px; }
.topTip li{ float:left; padding:0px 15px;width:auto; background:url(../images/downimages/topline.png) no-repeat right top;}
.topTip li a{ display:block; width:15px;  height:15px; background:url(../images/downimages/topTip.png) no-repeat 0px -15px; float:left;}
.topTip li a.Colec{background:url(../images/downimages/topTip.png) no-repeat 0px -15px;}
.topTip li a.WeChat{background:url(../images/downimages/topTip.png) no-repeat -48px -15px;}
.topTip li a.Qq{background:url(../images/downimages/topTip.png) no-repeat -96px -15px;}

#nav{ width:820px; height:45px;float:right; margin-top:15px; }
#nav li{float:left;position:relative;width:110px;height:45px;-webkit-transform:skew(-45deg);background:url(../images/downimages/navbg.png) repeat-x left top;-moz-transform:skew(-45deg);-o-transform:skew(-45deg);-ms-transform:skew(-45deg);transform:skew(-45deg);margin-right:7px; z-index:100;}
#nav li a{display:block;width:110px;height:45px;-webkit-transform:skew(45deg);-moz-transform:skew(45deg);-o-transform:skew(45deg);-ms-transform:skew(45deg);transform:skew(45deg);line-height:45px;text-align:center;float:left;}
/*.active{ background:red;}*/
/*banner start*/
.banner{width:100%;height:600px;overflow:hidden;}
.banMes{ background:url(../images/downimages/banmeassge.png) no-repeat center top; height:500px;}
#full-screen-slider{width:100%;height:450px;float:left;position:relative;}
#slides{display:block;height:600px;list-style:none;padding:0;margin:0;position:relative}
#slides li{display:block;width:100%;height:100%;list-style:none; padding:0;margin:0;position:absolute}
#slides li a{display:block;width:100%;height:100%;text-indent:-9999px}
#pagination{display:block;list-style:none;position:absolute;left:50%;top:560px;z-index:9900;padding:5px 0px 5px 0;margin:0;}
#pagination li{display:block;list-style:none;width:30px;height:5px;float:left;margin-right:9px;background-color:#c80000;}
#pagination li a{display:block;width:100%;height:100%;padding:0;margin:0;text-indent:-9999px;}
#pagination li.current{background-color:#fff;}
/*banner end*/
.con,.gray,.technical,.product,.gray2,.contact,.contactpage{ width:100%; height:auto;}
.main,.NavList{ width:1140px; height:auto; margin:0px auto; overflow:hidden;}
.gray{ background:url(../images/downimages/grayBg.png) repeat left top;overflow:hidden;}
.gray2{ background-color:#eaeaea; overflow:hidden;}

.NavList{}
.NavList dl{float:left; width:168px; height:auto; border-right:1px solid #fff; padding:20px 28px 39px 29px;}
.NavList dl dt{ width:168px;}
.NavList dl dd{width:168px; height:auto;}
.NavList dl dd h2{ display:block; width:auto; float:left; line-height:18px; height:32px; border-bottom:1px solid #b0b0b0; margin-bottom:14px;}
.NavList dl dd span{ display:block; font-size:12px; color:#ccc; width:168px; float:left;}


.AboutLeft{ width:300px; height:368px; float:left;}



.AboutRig{ width:770px; height:auto; float:right}
.title{ width:100%; height:auto; float:left;}
.titImg{ float:left; width:340px; height:126px;}
.AboutNav{ width:auto; float:right; margin-right:20px;margin-top:70px;}
.AboutNav li{ float:left;}
.AboutNav li a{ display:block; float:left; padding:2px 14px; background:url(../images/downimages/line.png) no-repeat right center; font-size:12px; color:#ccc;}

.AbotIntro{ width:770px; float:left; margin-top:36px;}
.AboutRig p{ width:770px; height:auto; text-indent:2em; font-size:12px; line-height:26px; color:#595959;}


.technical{ background:url(../images/downimages/techBg.jpg) no-repeat center top; overflow:hidden;}

.tit,.tit3{ width:480px; height:auto; margin:10px auto; clear:both; text-align:center; overflow:hidden;}

.tit p{ width:480px;font-size:12px; text-align:center; padding-bottom:16px; background:url(../images/downimages/spline.gif) no-repeat center bottom; }
.tit3 p{width:480px;font-size:12px; text-align:center; padding-bottom:40px; background:url(../images/downimages/spline.gif) no-repeat center bottom; color:#fff;}

.techList{ width:1140px; height:auto; margin:10px auto;}
.techList li{ float:left;width:120px;height:190px;margin:0px 80px;}
.techList li a{ display:block; width:120px; height:auto; float:left;}
.techLisImg{ display:block; width:120px; height:120px; float:left;}
.techLisH2{ display:block; width:120px; height:auto; font-size:18px; color:#fff; float:left; text-align:center; margin-top:15px; padding:15px0px;}
/*首页 产品列表页面*/
.proList{ width:1170px; margin:0px auto;margin-top:25px;}
.proList dl{ float:left; margin:10px 20px 35px 20px; width:350px; height:350px; background-color:#c2c2c2; overflow:hidden; position:relative;}
.proList dl dt,.proList dl dt a{float:left;width:350px; height:350px;}
.proList dl dd,.proList dl dd a{ width:100%; height:50px; background-color:rgba(51,51,51,0.7);}
.proList dl dd a{ position:absolute; left:0px; bottom:0px;line-height:50px;transtion:all 1S; line-height:350px;}
.proList dl dd a span{ font-size:15px; color:#fff; line-height:50px; padding:0px 20px;}
.proList dl dd a:hover{ height:350px;background:url(../images/downimages/proahBg.png) no-repeat left top; text-align:center;}
.proList dl dd a:hover span{ border:1px solid #fff; padding:10px 25px; line-height:350px;}


.CoopBra{}






/*pages*/
/*技术资料 页面 pages*/
.techoPage{ width:1170px; margin:10px auto 0px auto;}
.PageLef,.contactList{ width:270px; height:auto; float:left; position:relative;}
.PageLef dl,.PageLef dl dt,.PageLef dl dd{ width:100%; height:auto;}
.PageLef dl{ margin-bottom:30px;}
.PageLef dl dt,.PageLef dl dd{ background-color:#eaeaea;}
.PageLef dl dd a{ display:block; width:100%; line-height:63px; text-indent:43px;font-size:20px; margin-bottom:2px;}
.PageNavImg{ display:block; width:270px; line-height:100px; margin-bottom:30px;}
.pageContRig{ width:900px; float:right; height:auto; background:url(../images/downimages/pageContRig.gif) no-repeat left top; padding:80px 0px 30px 0px;}
.pageContRig h2{ font-size:16px; line-height:24px;margin-left:80px; margin-bottom:20px;}
.pageContRig span{ font-size:12px; margin-left:80px;line-height:24px;}

/*联系我们页面*/
.contactpage{ width:1170px; margin:0px auto; height:179px;}
.contactList dl{width:100%; height:auto; position:absolute; top:-50px;}
.contactList dl,.contactList dl dt,.contactList dl dd{ width:100%; height:auto;}
.contactList dl{ margin-bottom:30px;}
.contactList dl dt,.contactList dl dd{ background-color:#eaeaea;}
.contactList dl dd a{ display:block; width:100%; line-height:63px; text-indent:43px;font-size:20px; margin-bottom:2px;}
/*联系我们页面*/

/*单页的右侧*/
.PageRig{ width:850px; float:right; height:auto;}
.tit2{ width:100%; height:auto; border-bottom:1px solid #333333; overflow:hidden;}
.tit2 h1{ font-size:20px; line-height:50px; background:url(../images/downimages/tit2Bg.gif) no-repeat left top; text-indent:52px; width:auto; float:left;}
.tit2 span{ float:right; width:auto; font-size:12px; color:#ccc;}
.tit2 span a{ display:block; float:left; color:#ccc; font-size:12px;}

.pageList{ width:795px; height:auto; padding:30px 25px 25px;}
.pageList dl{ width:748px; height:auto; padding:25px 4px 25px 48px; background-color:#eaeaea; float:left; margin-bottom:10px; position:relative;}
.pageList dl dt{ width:100px; height:auto; float:left;}
.pageList dl dt h3{ font-size:48px; line-height:35px; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
.pageList dl dt span{ float:left; font-size:12px; color:#141414; line-height:18px; margin-top:15px;font-family:Arial, Helvetica, sans-serif;}
.pageList dl dd{ width:500px; float:left; height:auto; border-left:2px solid #e0e0e0; text-indent:19px; position:relative;}
.pageList dl dd h2{ width:100%; height:auto;}
.pageList dl dd h2 a{ display:block; width:100%; line-height:35px; font-size:18px;border-bottom:2px solid #e0e0e0;}
.pageList dl dd span{display:block; float:left; width:auto;margin:0px 18px; font-size:12px; color:#444; line-height:30px; background:url(../images/downimages/spanBg.gif) no-repeat left center; text-indent:11px;}
.down{ display:block; width:150px; height:40px;background:url(../images/downimages/down.png) no-repeat left center; position:absolute; font-size:15px; color:#eaeaea; text-indent:56px; line-height:40px; top:36px; right:36px; z-index:100;}
.PageRig .pages{ width:300px; height:30px; margin:0px auto; clear:both; padding:0px 0px 30px 0px; }
.pages a{ display:block; width:auto; line-height:30px; float:left; padding:0px 5px;font-size:15px;font-family:Arial, Helvetica, sans-serif; margin:0px 5px;}
/*单页的右侧*/

/*product-list-pages*/
.ProductList{ width:850px; height:auto; overflow:hidden; margin-top:15px; margin-bottom:15px;}
.ProductList dl{ float:left; margin:15px 11px;width:260px; height:260px; background-color:#c2c2c2; overflow:hidden; position:relative;}
.ProductList dl dt,.ProductList dl dt a{float:left;width:260px; height:260px;}
.ProductList dl dd,.ProductList dl dd a{ width:100%; height:50px; background-color:rgba(51,51,51,0.7);}
.ProductList dl dd a{ position:absolute; left:0px; bottom:0px;line-height:50px;transtion:all 1S; line-height:260px;}
.ProductList dl dd a span{ font-size:15px; color:#fff; line-height:50px; padding:0px 20px;}
.ProductList dl dd a:hover{ height:260px;background:url(../images/downimages/proahBg.png) no-repeat left top; text-align:center;}
.ProductList dl dd a:hover span{ border:1px solid #fff; padding:10px 25px; line-height:260px;}
/*product-list-pages*/

/*联系我们中的留言*/
.contact{ background:url(../images/downimages/contactBg.jpg) no-repeat center top; height:auto; overflow:hidden;}
.Message{ width:1170px; margin:40px auto 115px auto;}
.forinput{ width:100%; height:auto;overflow:hidden;padding-top:50px;}
.forinput ul{ width:100%; height:auto; overflow:hidden;}
.forinput ul dl{ width:370px; float:left; margin-right:30px;}
.forinput ul dl dt,.forinput ul dl dd{ width:100%; float:left;}
label{ font-size:16px; color:#fff; width:100%; float:left; height:25px; line-height:25px;}
input{ width:100%; float:left;border:0px;background-color:rgba(0,0,0,0);width:100%;border-bottom:1px solid #fff;float:left; margin-top:5px;}
textarea{border:0px;background-color:rgba(0,0,0,0);width:100%;border-bottom:1px solid #fff;float:left; height:30px; line-height:30px;}
.btn{ width:200px; height:40px; margin:0px auto; background-color:#fff; margin-top:55px;}
.tijiao{ display:block; width:100%; height:40px; margin:0px auto; font-size:12px;}
/*联系我们中的留言*/

/*页面地步信息*/
#footer{width:100%; height:auto; overflow:hidden;}
.footLogo{ display:block; width:70px; height:70px; float:left; margin:30px 0px 21px 0px;}
.FootRig{ float:right; width:400px; }
.BotTip{ width:auto; height:15px; float:right;overflow:hidden; margin-top:45px; margin-bottom:10px; }
.BotTip li{ float:left; padding:0px 15px;width:auto; background:url(../images/downimages/botline.png) no-repeat right top;}
.BotTip li a{ display:block; width:15px;  height:15px; background:url(../images/downimages/topTip.png) no-repeat 0px 0px; float:left;}
.BotTip li a.Colec{background:url(../images/downimages/topTip.png) no-repeat 0px 0px;}
.BotTip li a.WeChat{background:url(../images/downimages/topTip.png) no-repeat -48px 0px;}
.BotTip li a.Qq{background:url(../images/downimages/topTip.png) no-repeat -96px 0px;}
.copyright{ display:block; width:100%; font-size:12px; color:#333; float:right; text-align:right; padding-right:15px;}
/*页面地步信息*/




/*新闻详情页面*/
.content{ width:795px; height:auto; padding:0px 25px 0px 25px;font-size:12px; color:#141414; line-height:26px; magin-top:100px;}
.content p{ font-size:12px; color:#141414; text-indent:2em; line-height:26px;} 
.pageList dl.sitemap{ width:795px; margin:0px; padding:0px; margin-bottom:50px;}
.pageList dl.sitemap dt{width:190px; float:left; height:34px; padding:18px 0px; background:url(../images/downimages/sitemap.png) no-repeat left top;}
.pageList dl.sitemap dt span{ font-size:12px; color:#fff; float:left; width:190px; margin:5px 0px; margin-left:45px; line-height:12px;}
.pageList dl.sitemap dd{ width:600px; float:right;height:34px; padding:18px 0px; border:0px; }
.pageList dl.sitemap dd a{ width:600px; float:left; text-align:left;height:12px;margin:5px 0px; font-size:12px;padding:0px; line-height:12px;}
/*新闻详情页面*/
.showProInf{width:795px; height:auto; maoverflow:hidden;margin:30px auto; }
.showProInf dl{ width:790px; background-color:#ebebeb; float:left;}
.showProInf dl dt{ width:450px; height:450px; float:left;}
.showProInf dl dd{ width:240px; padding:50px; float:left;}
.showProInf dl dd span{ width:100%; float:left; font-size:15px; line-height:50px;}

.pageList dl.sitemap{ margin-bottom:30px;}
.pageList dl.sitemap dt span.cn{ font-size:15px;margin:0px 0px; margin-left:17px; line-height:15px;}
.pageList dl.sitemap dt span.en{ font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-left:17px; line-height:13px;}


.RecomProList{ width:815px; height:auto; overflow:hidden;margin:0px auto;margin-bottom:50px;}
.RecomProList dl{ float:left; margin:15px 11px;width:249px; height:249px; background-color:#c2c2c2; overflow:hidden; position:relative;}
.RecomProList dl dt,.RecomProList dl dt a{float:left;width:249px; height:260px;}
.RecomProList dl dd,.RecomProList dl dd a{ width:100%; height:50px; background-color:rgba(51,51,51,0.7);}
.RecomProList dl dd a{ position:absolute; left:0px; bottom:0px;line-height:50px;transtion:all 1S; line-height:249px;}
.RecomProList dl dd a span{ font-size:15px; color:#fff; line-height:50px; padding:0px 20px;}
.RecomProList dl dd a:hover{ height:249px;background:url(../images/downimages/proahBg.png) no-repeat left top; text-align:center;}
.RecomProList dl dd a:hover span{ border:1px solid #fff; padding:10px 25px; line-height:249px;}