@charset "utf-8";
/* CSS Document */
body{ font:14px/1.5 Microsoft YaHei, \5b8b\4f53, tahoma, arial, Hiragino Sans GB, sans-serif; min-width:1340px; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0;}
ul,ol,li{ list-style-type:none;}
img{ border:0;}
a{ text-decoration:none; color:#202020; }
a:hover{ text-decoration:none;}
.c{ clear:both;}
i { font-style:normal; }
/***  hack  ***/
html, body{ height:100%;}
.main{ width:1182px; margin:0 auto;}

/*样式开始*/

/*头部*/

.header-top{ width: 100%; overflow: hidden; background: #008600; height: 40px;}
.header-top-a{ width: 1180px; margin:0 auto; }
.header-top-a p{ float: left; color: #fff; line-height: 40px;}
.header-top-a span{ float: right; line-height: 40px;}
.header-main{ width: 100%; overflow: hidden;}
.header-nav{ width: 1180px; margin:0 auto;}
.header-nav li { float:left; width:111px; margin-left:50px; text-align:center; font-size:16px; height: 82px;}
.header-nav li:hover,.header-nav li.on{background:url(../images/main/hover.png);}
.header-nav li a { color:#fff; line-height: 82px;}
.slide { text-align:center; }
.head-nav-a{ width: 100%;  overflow: hidden; background: #000; height: 82px;}
/*public*/
.public-bt { height:50px; line-height:50px; border-bottom:1px solid #1F1F1F; font-size:17px; margin-bottom:20px; }
.public-bt a { float:right;margin-right:7px; color:#3E81C2; font-size:15px; color:#FEA002; }
.public-bt span { background:url(../images/main/bt.jpg) no-repeat; background-position:1px 17px; display:block; color:#056EE3; float:left; font-size:18px; padding-left:19px; }
.index-bt a { float:right; }
.public-right { margin: 0 auto; width:1180px; overflow:hidden; margin-top:20px; background:white; padding:18px; }

.index-bt { margin-bottom:15px; position: relative; width:100%; font-size:17px; }
.index-bt p{ position: absolute; right:20px; top:15px;}
.index-bt p a{ color: #0da02d; font-size: 14px;}

/*产品介绍*/
.shop-jieshao-left { float:left; margin-top:40px; }
.shop-jieshao-right { float:left; margin-left:80px; }
.shop-jieshao-right li { margin-top:20px; width:524px; border:1px solid #ECECEC; padding:10px 7px; }
.shop-jieshao-right li h4 { padding-left:27px; background:url(../images/main/jieshao-li.jpg) no-repeat; font-size:19px; }
.shop-jieshao-right li h4 a { color:#01819C; }
.shop-jieshao-right li p { margin-left:27px; color:#888888; line-height:27px; }

/*产品展示专区*/
.index-shop { margin:25px 0; }
.in-left { float:left; width:260px; }
.pro-more{ text-align: center; margin-top: 10px; }

/*首页产品分类*/
.shop-category{ width:1180px; margin:0 auto;}
.pro-fl { display: block;}
.pro-fl li { margin:8px 5px 0 0; text-align: center; height:50px; background:#000; line-height:50px; font-size:14px; width:16.24333%; float:left;}
.pro-fl li:hover{background:#1e50ae;}
.pro-fl li a { color:#fff;}
.contact-k{ margin-top: 20px; background: #0da02d; border: 1px solid #d2d2d2; width: 247px; height:315px;}
.contact-k h1{ text-align: center; padding-top: 5px; font-size: 26px; color: #fff; }
.contact-k p{ text-align: center; font-size: 14px; color: #fff;}
.contact-o{color: #fff;}
.contact-o li{padding-left: 10px; line-height:24px; }


.area5a{ width:1180px; float: left;}
/*首页联系我们*/
.con { height:62px; padding:32px 0 0 55px; background:url(../images/main/conbg.jpg) no-repeat; background-size:100% 100%; width:205px; color:white; }
.con h4 {  font-size:28px;}

/*首页产品滚动*/
.shop-right { width:900px; float:right; background:#FFFFFF; }
.index-list-shop li {float:left; margin:20px 6px 0 6px; text-align:center; width:283px; }
.index-list-shop li h4 {font-size: 16px; color: #333; height:60px; line-height:60px;}
.index-list-shop li p{ margin-top: 5px; width: 135px; height: 30px; margin: 0 auto; border-right: 1px solid #999999; border-left: 1px solid #999999;}
.index-list-shop li p a{ color: #999999;}
.crp_img img { width:98%; margin:auto; height:100%; transition: all 0.9s;}
.crp_img:hover img {transform: scale(1.2);}
.index-list-shop li:hover .crp_img{border: 1px solid #1e50ae;}
.index-list-shop li:hover h4{ background:#1e50ae; width:285px; font-size: 16px; color: #fff; height:60px; line-height:60px;}
.crp_img { width:100%; height:277px; margin:0 auto; border: 1px solid #d2d2d2; overflow:hidden; text-align:center;}

.index-shop { width:100%; }
.shop-bt { height:45px; line-height:45px; ; border-bottom:1px solid #D9D9D9; }
.shop-bt span { padding:10px 0; font-size:18px; color:#186AB3; border-bottom:2px solid #176BB1; font-weight:bold;  }
.shop-more { margin:0 auto; width:156px; text-align:center; height:40px; line-height:40px; color:white; background:#00829C; }

.news-more{text-align: center; margin:0 auto; width:125px; height:35px; background:#fff; }
.news-more a{ line-height: 35px; }

/*关于我们*/
.about-a { width:100%; height:727px; background: url(../images/main/about.jpg) top center no-repeat; overflow: hidden; margin-top:20px;}
.about-bt { text-align:center;}
.about-us{ width: 1180px;margin: 0 auto;}
.about-nr { margin-top:15px;}
.about-left{ width:720px; margin-left:450px; margin-top:185px;} 
.about-jj{ line-height: 30px; color: #666666; font-size: 16px; letter-spacing:2px;}
.about-jj h1{ color: #1e50ae; font-size: 22px;}
.about-jj p{ padding-top:30px; font-size: 16px; color: #fff;}
.about-jj p a{ color: #1e50ae;}
.about-right{ margin-top:40px; line-height: 35px; font-size: 14px; float: right; color:#555555; width:725px;}
.about-video{ float: left; width: 225px;}
.about-video-a{ width: 225px; height:247px; border-radius: 20px; overflow: hidden;}
.about-video-a img{ width: 100%; height: 100%;}
.about-video a p{ text-align: center; font-size: 16px; color: #fff;}
.about-gsyj{ float: left; width: 225px; margin-left:20px;}
.about-gsyj-a{ width: 225px; height:247px; border-radius: 20px; overflow: hidden;}
.about-gsyj-a img{ width: 100%; height: 100%;}
.about-gsyj a p{ text-align: center; font-size: 16px; color: #fff;}

.about-gszz{ float: left; width: 225px; margin-left:20px;}
.about-gszz-a{ width: 225px; height:247px; border-radius: 20px; overflow: hidden;}
.about-gszz-a img{ width: 100%; height: 100%;}
.about-gszz a p{ text-align: center; font-size: 16px; color: #fff;}


.ad{ width: 100%; overflow: hidden; height: 939px; background:url(../images/main/ad.jpg) top center no-repeat;}


/*厂容厂貌*/
.show { margin:20px 0 0 0; padding:10px 0 10px 0;}
.show li { position: relative; overflow: hidden; float:left; width:280px; height:265px; margin:0 7px; text-align:center; }
.show li img { width:99%; height:210px; border:1px solid white; border-radius:3px; }
.show li h4 { background: url(../images/main/case-hover.jpg) no-repeat; height:50px; line-height:50px;}
.show li a { color:#333333; }
.show li p{ position: absolute; top: -210px;
    -webkit-transition: all 0.23s linear;
    -moz-transition: all 0.23s linear;
    -o-transition: all 0.23s linear;
    -ms-transition: all 0.23s linear;
    transition: all 0.23s linear;
    width: 280px;
    height:210px;
    background: rgba(0,0,0,0.5);}
.show li:hover p{ top: 0; }
.show li p a{ line-height: 189px; font-size: 20px; color: #fff; }

.index-main { padding:0; width:100%;}
.m-bt { font-size:20px; }
.m-bt span { float:left; border-left:4px solid #a50508; padding-left:3px; }
.m-bt i { color:#9c9c9c; font-size:16px; margin-left:5px; margin-right:5px; line-height:60px; }
.m-bt a { line-height:60px; COLOR:WHITE; }

/*新闻中心*/
.news{ width: 100%; overflow: hidden;}
.news-a{ width: 1180px; margin: 0 auto;}
.news-main{ display: block;}
.news-right{ float: left; width: 600px; margin-top: 20px;}
.news-right iframe{height:303px;width:600px;}
.news-right img{ width: 100%; }
.news-right p{ height: 55px; width: 100%; text-align: center; line-height: 55px; color: #fff; font-size: 18px; background:#204fac;}
.news-left{ padding:16px 20px 0 20px; border: 1px solid #b5b5b5; width:500px; margin-top:20px; float: left; height: 340px; border-left: none;}
.news-left li{ height:49px; line-height: 49px; border-bottom: 1px dashed #bfbfbf;}
.news-left li p{ float: right;}
.news-left li:hover a ,.news-left li:hover p{ color: #204fac;}


/*联系我们*/
.contact { float:right; width:550px; }
.contact ul { float:left; padding-left:20px; }
.contact li { height:34px; line-height:34px; }
.contact img { float:right;}

/*友情链接*/
.footer{ background:url(../images/main/contact.jpg) top center no-repeat; height:567px; width: 100%; overflow: hidden; }
.footer-a{ width: 1180px; margin:0 auto;}
.footer-left{ width:490px; float: right; margin-top: 200px;}
.footer-left h1{ color: #1e50ae; font-size: 16px;}
.footer-left li{ color: #666666; color: #fff; font-size: 14px; line-height:30px;}
.footer-right{ float: left; width: 523px; margin-top: 188px; margin-left: 54px;}

.footer-main{ color:#fff; text-align: center; height:40px; margin:0 auto; line-height:40px; width: 1180px;}
.footer-b{ background:#000; height:40px; width: 100%;}
.footer-main a{color: #fff;}
/*pages*/
.pagination-wrapper { clear:both; padding:1em 0 1em 0; text-align:center; margin-top:20px; }
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination li { list-style: none; display: inline; float: left;border-left-width: 0; }
.pagination li a { display: inline-block; padding: .8em 1.2em; background-color: #f9f9f9; color: #999; line-height: 1em; text-decoration: none; border: 1px solid #ddd;}
.pagination li a:hover,.pagination .active a{background-color: #056EE3;color: #fff;border: 1px solid #ddd;}


/*文章代表图片*/
.article-img { text-align:center; margin-bottom:10px; }
.article-img img {  max-width:800px; min-width:300px; }

/*分享区域*/
.share { margin-top:20px;  }
.share h4 { color:#ee6262; line-height:30px; font-size:16px; border-bottom:1px solid #EFEFEF; }
.share p {  margin-top:10px; margin-bottom:20px; }

/*list-article*/
.list-article li:hover { background:#204fac; color:white; }
.list-article li:hover a { color:white; }
.list-article li:hover i { color:white; }
.list-article li:hover p { color:white; }
.list-article li { margin-bottom:10px; height:auto; padding:20px 10px;}
.list-article li h4 { font-size:20px; font-weight:normal; }
.list-article li h4 i { font-size:14px; color:#888; margin-left:10px; }
.list-article li p { margin-top:15px; line-height:30px; color:#888; }

.list-shop li { float:left; text-align:center; width:283px; margin: 20px 6px 0 6px;}
.list-shop li:hover h4{background: #1e50ae; width: 285px;
 font-size: 16px;  height: 60px;line-height: 60px;}
.list-shop li:hover h4 a{ color: #fff;}
.list-shop li:hover .crp_img{border: 1px solid #1e50ae;}
.list-shop li h4 { height: 60px; line-height: 60px; }



.article-body{font-size: 16px;line-height: 1.75;}
.article-body p{text-indent: 2em;padding: 10px;}
/*上一篇下一篇*/
.article-file a { color:#000; }
.article-file { margin-top:25px; padding-top:10px; line-height:25px; }

/*main-left*/
.main-left { float:left; width:280px; margin-top:20px; background:white; overflow:hidden; }
.m-category ul { padding-bottom:10px; padding-top: 5px; }
.m-category li { height:35px; line-height:35px; border-bottom:1px solid #EFEFEF; padding-top:5px; padding-left:20px; #ccc}
.m-category-bt { border-bottom:2px solid #1a2c17; width:105px; padding:30px 0 0 0; margin-left:20px; color:#333; font-size:16px; }
.m-category-bt p { color:#ccc; font-size:15px; }
.m-category li i { float:right; margin-right:20px; }
.m-category li:hover { background:#008600; color:white; }
.m-category li:hover a { color:white; }

/*左侧联系我们*/
.l-contact { background:#008600; width:100%; padding:15px; }
.l-contact li { color:white; height:30px; line-height:30px; font-size:15px; }

/**  滚动特效  **/
#demo { overflow:hidden;} 
#indemo { float: left;} 
#demo1 { float: left; } 
#demo2 { float: left; }

/*留言板*/
.writetable { margin-top:30px; }
.writetd { height:30px; line-height:30px; }
.writetable td { height:50px; }
.btn-2 { width:100px; height:40px; }