@charset "utf-8";

/* CSS Document */



@import url(reset.css);

strong,b{ font-weight:bold;}

.w-1200{ width:1200px; float:left; position:relative; left:50%; margin-left:-600px;}



header{ width:100%; height:133px; float:left; box-shadow:0px 2px 5px #c2c2c2; position:relative; z-index:44;}

.head{ width:100%; height:79px; float:left;}

.logo{ width:50%; height:100%; float:left;}

.logo a{ display:inline-block; float:left;}

.logo h1{ line-height:79px; color:#4d4d4d; font-size:26px; font-family:Franklin Gothic Medium, Georgia, "Times New Roman", Times, serif; display:none; float:left;}

.search{ width:50%; text-align:right; float:left;}

.sear{ margin-top:20px; width:171px; height:31px; padding-right:23px; background:url(../images/icon-search.png) right 4px center no-repeat; border:1px solid #dcdcdc; float:right; position:relative;}

input.search-text{ width:169px; height:29px; border:none; text-indent:5px;}

input.button{ position:absolute; right:4px; top:0px; width:19px; height:31px; border:none; opacity:0; cursor:pointer;}

header nav{ width:100%; float:left;}

header nav .nav{ border-top:1px solid #dcdcdc; position:relative;}

header nav .nav > li{ width:200px; height:53px; float:left;}

header nav .nav > li:hover,#home .home,#about .about,#products .products,#news .news,#certificate .certificate,#contact .contact{ background:url(../images/nav-hover.jpg) center bottom no-repeat;}

header nav .nav > li > a{ display:block; width:199px; height:23px; border-left:1px dashed #c8c8c8; margin:15px 0; text-align:center; line-height:23px; font-size:18px; font-family:Franklin Gothic Medium, Georgia, "Times New Roman", Times, serif; color:#2d2d2d; transition:all 0.6s;}

header nav .nav > li:last-child > a{ width:198px; border-right:1px dashed #c8c8c8;}

header nav .nav > li:hover > a{ color:#528bcc;}

header nav .znav{ width:200px; float:left; padding-bottom:17px; z-index:4; position:absolute; background:#fff; display:none;}

header nav .znav li{ width:100%; height:44px; border-bottom:1px solid #dddddd; float:left;}

header nav .znav a{ display:block; width:100%; height:100%; line-height:44px; font-size:16px; color:#727272; font-family:Franklin Gothic Medium, Georgia, "Times New Roman", Times, serif; text-align:center; transition:all 0.6s;}

header nav .znav a:hover{ color:#528bcc;}

header nav .contact-nav{ position:absolute; right:0; top:53px; background:#fff url(../images/contact-nav-bg.jpg) center no-repeat; width:606px; height:279px; display:none; z-index:66;}

header nav .contact-nav div{ margin:22px 0 0 26px;}

header nav .contact-nav div dt{ font-size:18px; line-height:18px; margin-bottom:16px; font-weight:bold; color:#2d2d2d; font-family:Arial, Helvetica, sans-serif;}

header nav .contact-nav div p{ font-size:14px; line-height:14px; margin-bottom:16px; font-weight:normal; color:#2d2d2d; font-family:Arial, Helvetica, sans-serif;}

header nav .contact-nav div p:nth-child(5){ text-indent:26px;}



.banner{ float:left; width:100%; position:relative; height:620px;}

.banner .d1{width:100%;height:620px;display:block;position:absolute;left:0px;top:0px;}

.banner .d2{width:100%;height:6px;clear:both;position:absolute;z-index:100;left:0px;bottom:43px; text-align:center;}

.banner .d2 ul{ overflow:hidden; text-align:center; display:inline-block;}

.banner .d2 li{width:47px;height:6px;overflow:hidden;cursor:pointer;background:#528bcc;float:left;margin:0 25px 0 0;display:inline; transition:all 0.5s;}

.banner .d2 li.nuw{background:#ff0103;}



.center{ float:left; width:100%; z-index:6; position:relative; padding-bottom:46px;}

.pro{ width:1198px; overflow:hidden; border:1px solid #e9e9e9; margin-top:35px;}

.pro-nav{ float:left; width:100%; height:58px; overflow:hidden;}

.pro-nav li{ width:199px; padding-right:1px; height:53px; float:left; background:#fff url(../images/pro-border.png) top right no-repeat; font-size:18px; line-height:53px; font-family:Arial, Helvetica, sans-serif; color:#494949; text-align:center; cursor:pointer; transition:color 0.6s; border-bottom:5px solid #efecec;}

.pro-nav li a{ color:#494949;}

.pro-nav li:last-child{ width:198px; padding:0; background:#fff;}

.pro-nav li.accase,.pro-nav li:hover{ height:58px; background:url(../images/pro-nav-hover.jpg) center bottom no-repeat,url(../images/pro-border.png) top right no-repeat; background-color:#fff; color:#528bcc;}

.pro-nav li.accase a,.pro-nav li:hover a{ color:#528bcc;}

.pro-info{ width:100%; float:left;}

.pro-info > li{ position:relative;}

.pro-info > li .btn{ position:absolute; top:88px; width:31px; height:49px; opacity:0; cursor:pointer; transition:all 0.6s;}

.pro-info > li:hover .btn{ opacity:1;}

.pro-info > li .btn-left{ left:0; background:url(../images/button-left.jpg) center no-repeat;}

.pro-info > li .btn-left:hover{ background-image:url(../images/button-left-hover.jpg);}

.pro-info > li .btn-right{ right:0;background:url(../images/button-right.jpg) center no-repeat;}

.pro-info > li .btn-right:hover{ background-image:url(../images/button-right-hover.jpg);}

.pro-info li.show{ overflow:hidden; display:none;}

.pro-info li.onshow{ overflow:hidden; display:block;}

.products-list{ width:1158px; float:left;}

.products-list ul{ width:1000%;}

.products-list ul li{ float:left;}

.products-list .pl{ width:275px; height:226px; margin:20px; float:left; margin-right:0;}

.products-list .pl:hover div dt a{ background-image:url(../images/pro-into-hover.png)}

.products-list .pl img{ width:275px; height:184px;}

.products-list .pl div{ width:275px; height:42px;}

.products-list .pl div p{ width:100%; float:left; height:40px; text-align:center;}

.products-list .pl div p a{ font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:40px; color:#3d3d3d;}

.products-list .pl div dt{ width:30%; float:left; margin:13px 0; display:none;}

.products-list .pl div dt a{ width:28px; height:14px; display:block; float:right; margin-right:8px; background-image:url(../images/pro-into.png); transition:all 0.9s;}

.products-list .pl div dt a:hover{ background-image:url(../images/pro-into-hover.png)}

.pro article{ width:1156px; padding:19px 21px; overflow:hidden;}

.pro article img{ width:547px; height:225px; float:left;}

.pro article .us{ float:left; margin-left:25px; width:583px;}

.pro article .us h2{ color:#528bcc; font-size:24px; line-height:1; font-family:Mongolian Baiti;}

.pro article .us p{ color:#342417; font-size:16px; line-height:30px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; height:162px; overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-align:justify; text-justify:auto;}

.pro article .us a{ display:block; width:123px; height:30px; text-align:center; float:right; margin-right:17px; color:#342417; font-size:16px; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif; background:#efeded; transition:all 0.6s;}

.pro article .us a:hover,.pro article .us a:focus{ color:#ff0103;}



.pro .new-title{ width:469px; height:53px; float:left; border-bottom:5px solid #efecec; border-right:1px solid #e9e9e9;}

.pro .new-title:nth-of-type(3){ width:258px; border-right:none;}

.new-title h2{ display:inline-block; width:50%; text-indent:18px; color:#528bcc; font-size:24px; line-height:53px; font-family:Mongolian Baiti, "Times New Roman", Times, serif;}

.new-title a{ display:inline-block; float:right; margin-right:18px; color:#8f8f8f; font-size:18px; line-height:53px; font-family:Arial, "Times New Roman", Times, serif; transition:all 0.6s;}

.new-title a:hover{ color:#515151;}

.new-list{ width:469px; height:269px; border-right:1px solid #e9e9e9; float:left; color:#515151; font-family:Arial;}

.new-list li{ list-style:decimal inside; text-indent:18px; height:43px; border-bottom:1px dashed #e9e9e9; line-height:43px;}

.new-list li:last-child{ border-bottom:none;}

.new-list li a{ display:block; width:95%; color:#515151; font-size:16px; line-height:43px; font-family:Arial, "Times New Roman", Times, serif; transition:all 0.6s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:-43px; float:right;}

.new-list li:hover a{ color:#528bcc;}

.new-right{ width:220px; float:left; margin:20px 0 0 18px;}

.new-right li{ width:100%; float:left;}

.new-right li:first-child{ padding-bottom:12px; border-bottom:1px dashed #cfcfcf;}

.new-right li:last-child{ padding-top:10px;}

.new-right li a{ display:block; padding:17px 18px; width:184px; height:68px; background:#dfdfdf; transition:all 0.8s;}

.new-right li a img{ width:auto; float:left;}

.new-right li a span{ display:inline-block; float:left; text-align:center; width:121px; line-height:68px; font-size:25px; font-family:Impact, Georgia, "Times New Roman", Times, serif; color:#515151; padding-left:63px; background-position:left center; background-repeat:no-repeat;}

.new-right li:first-child a span{ background-image:url(../images/icon-map.png);}

.new-right li:first-child a:hover span{ background-image:url(../images/icon-map-hover.png);}

.new-right li:last-child a span{ background-image:url(../images/icon-message.png);}

.new-right li:last-child a:hover span{ background-image:url(../images/icon-message-hover.png);}

.new-right li:hover a{ background:#528bcc;}

.new-right li:hover a span{ color:#fff;}



footer{ width:100%; height:140px; float:left; background:#528bcc;}

footer .w-1200{ padding:24px 0 22px; height:94px;}

.footer-left{ padding-right:26px; float:left; border-right:1px solid #143463;}

.footer-left img{ width:97px; height:94px;}

.footer-right{ padding-left:40px; width:912px; height:94px; float:left; border-left:1px solid #8eaddb;}

.footer-right h3{ color:#fff; font-size:14px; font-weight:bold; line-height:14px; font-family:"微软雅黑"; padding-bottom:10px;}

.footer-right p{ color:#fff; font-size:14px; line-height:14px; font-family:"微软雅黑"; padding-bottom:18px; border-bottom:1px solid #143463;}

.footer-right p span{ float:right;}

.footer-right p span a{ color:#fff;}

.footer-right dt{ padding-top:10px; border-top:1px solid #8eaddb; color:#fff; font-size:12px; line-height:12px; font-family:"微软雅黑";}

.footer-right dt span{ display:inline-block; float:right; padding-right:80px;}

.footer-right dt span a{ color:#fff; font-size:12px; line-height:12px; font-family:"微软雅黑"; transition:all 0.8s;}

.footer-right dt span a:hover{ color:#fff;}



.zy-banner{ width:100%; height:275px; float:left; background-position:center; background-repeat:no-repeat;}

#about .zy-banner{ background-image:url(../images/banner-about.jpg);}

#products .zy-banner{ background-image:url(../images/products-about.jpg);}

#news .zy-banner{ background-image:url(../images/news-about.jpg);}

#certificate .zy-banner{ background-image:url(../images/certificate-about.jpg);}

#contact .zy-banner{ background-image:url(../images/contact-about.jpg);}

#search .zy-banner{ background-image:url(../images/products-about.jpg);}



.zy-center{ width:100%; float:left; padding-bottom:37px;}

.zy-left{ width:233px; float:left; position:relative; margin-top:-53px;}

.left-nav{ width:100%; float:left;}

.left-nav dt{ width:100%; height:53px; float:left; background:url(../images/left-title.jpg) center no-repeat; line-height:53px; font-size:26px; font-family:Franklin Gothic Medium, Georgia, "Times New Roman", Times, serif; color:#fff; text-indent:22px;}

.left-nav > li{ width:100%; float:left; padding:1px 0; border-bottom:1px dashed #dddddd; position:relative;}

.left-nav > li a{ display:block; width:100%; height:44px; color:#4d4d4d; line-height:44px; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-indent:33px; background:url(../images/left-nav.jpg) center no-repeat; transition:all 0.8s;}

.left-nav > li:hover a,.left-nav > li:focus a,.left-nav > li a.left-hover{ background:url(../images/left-nav-hover.jpg);}

.left-nav > li .left-znav{ position:absolute; left:233px; top:0; display:none; width:228px; border:1px solid #eaeaea; background:#fff;}

.left-nav > li .left-znav li{ width:100%; float:left; padding:1px 0; border-bottom:1px dashed #dddddd;}

.left-nav > li .left-znav li a{ display:block; width:100%; height:44px; color:#4d4d4d; line-height:44px; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-indent:35px; background:url(../images/nav-z-li.jpg) center no-repeat; transition:all 0.8s;}

.left-nav > li .left-znav li a:hover{ background:url(../images/nav-z-hover.jpg);}

.zy-right{ width:926px; float:left; margin-left:41px;}

.location{ width:calc(100% - 2px); height:87px; float:left; border:1px solid #e6e6e6;}

.location p{ width:40%; float:left; color:#4d4d4d; text-indent:22px; line-height:87px; font-size:30px; font-family:Franklin Gothic Medium, Georgia, "Times New Roman", Times, serif;}

.location em{ display:block; font-style:normal; float:right; text-align:right; padding-left:25px; background:url(../images/icon-home.png) left center no-repeat; color:#4d4d4d; line-height:87px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-right:31px;}

.location em a{ color:#4d4d4d;}

.center-content{ width:100%; float:left; color:#4d4d4d; line-height:30px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:24px 0 0; text-align:justify; text-justify:auto;}

.content-cen{ width:100%; float:left; margin-top:10px; text-align:justify; text-justify:auto;}



.newsList,.newsList li { width:100%; float:left; position:relative;}

.newsList li { border-bottom:#e9e9e9 1px solid; padding:0px 0px 30px; margin-bottom:30px;}

.newsList li:hover .img{ border-color:#da251d;}

.newsList li:hover h2 a{ color:#da251d;}

.newsList .img { width:152px; height:99px; float:left; overflow:hidden; margin-right:20px; border:3px solid #f1f1f1;}

.newsList .img img{ width:100%; height:100%;}

.newsList .intro {}

.newsList .intro h2 { margin-bottom:5px; color:#241e0e; font:18px/28px "微软雅黑";}

.newsList .intro h2 a{ color:#241e0e;}

.newsList .intro time{ color:#da271f; font:12px/18px "微软雅黑";}

.newsList .intro .if{ position:absolute; right:5px; top:25px; width:114px;}

.newsList .intro .text{ margin-top:5px; color:#4b4b4b; font:12px/22px "微软雅黑"; text-indent:24px;}



/*----------------------  新闻内容  ------------------*/

.zy-tit{ float:left; width:100%; font:16px/36px Arial; text-align:center; color:#3e3d3d; margin-top: 5px;}

.time{ float: right; width:100%; text-align:center; font: 12px Arial; color:#828282; margin-bottom: 25px;}

.time span{ padding:0 10px; }

.right-center-center{ float:left; width:100%; padding-top:8px; line-height:22px; color:#3e3d3d; padding-bottom: 15px; border-top:1px #999 dashed;}

/*----------------------  翻页  ------------------*/

.fanye{ float:left; width:100%; padding:10px 0 10px 0; color:#4b4b4b; text-align:center; }

.fanye a{ color:#4b4b4b; }

/*----------------------  上下页  ------------------*/

.list-fanye{ float:left; width:100%; color:#4b4b4b; margin-top:50px; border-top:1px solid #d1d1d1; }

.list-fanye dt{ width:100%; text-align:left; float:left; margin:10px 0 0px 0;}

.list-fanye dt span{ font-weight:bold;}

.list-fanye a{ color:#4b4b4b; }

.list-fanye a:hover{ text-decoration:underline;}

/*----------------------  新闻列表  ------------------*/

.zy-news-list{ float:left; width:100%; }

.zy-news-list li{ float:left; width:100%; padding-bottom:1px; border-bottom:1px #e3e3e3 dashed; }

.zy-news-list li a{ float:left; display:block; width: 99%; height:18px; padding-top:13px; text-indent:17px; background: url(../images/news-tit.png) no-repeat 3px 18px; font:12px/12px "微软雅黑" Arial; color:#3e3d3d; }

.zy-news-list li a:hover{ color:#015099;}

.zy-news-list li a p{ float:left; width:80%; }

.zy-news-list li a span{ float:right; width:19%; text-align:right; }



/*----------------------  产品展示  ------------------*/

.zy-img-list{ float:left; width:100%; overflow:hidden; }

.zy-img-list li{ float:left; width:211px; margin-right:20px; }

.zy-img-list li a{ display:block; float:left; width:100%;}

.zy-img-list li a img{ width:205px; padding:2px; border:1px #e3e3e3 solid; margin:auto 0; }

.zy-img-list li a:hover img{ border-color:#da251d;}

.zy-img-list li a p{ float:left; width:100%; font:14px/32px Arial; text-align:center; color:#393939;}



#products .zy-img-list li,#news .zy-img-list li{ width:288px; margin-right:30px;}

#products .zy-img-list li:nth-child(3n),#news .zy-img-list li:nth-child(3n){ margin-right:0;}

#products .zy-img-list li a img{ width:282px; height:188px;}

#news .zy-img-list li a img{ width:282px; height:188px;}

#certificate .zy-img-list li a{ height:330px; position:relative; line-height:30;}

#certificate .zy-img-list li a p{ position:absolute; bottom:0;}