@charset "utf-8";
/* CSS Document */
body{ font:14px/1.5 Microsoft YaHei, \5b8b\4f53, tahoma, arial, Hiragino Sans GB, sans-serif; }
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; color:#288BCE; }
.c{ clear:both;}
i { font-style:normal; }
/***  hack  ***/
html, body{ height:100%;}
.main{ width:1182px; margin:0 auto;}

/*样式开始*/

/*头部*/
.header-main{ background:#fff; width: 100%; height: 130px; z-index: 9999; overflow: hidden; }
.header-nav ul {display: block;}
.header-nav li { float:left; width:165px; text-align:center; font-size:14px;  }
.header-nav li:hover{ background:#cf0210;}
.header-nav li:hover a { color:#fff !important; }
.header-nav li a { color:white; font-size: 16px; line-height:60px;}
.header-nav { width:100%; background:#1e50ae; z-index: 9999; height:60px;}
.slide { text-align:center; }
.zixun{ width: 100%; height: 61px; overflow: hidden; background: url(../images/zixun.jpg) top center no-repeat;}
.zixun-a{ width: 1000px; margin:0 auto; font-size: 18px; color: #333333; padding-left:100px;}
.zixun-a a{line-height: 60px; font-size: 18px; color: #333333;}

/*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/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 { float:right; width:860px; 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:5px; top:15px;}
.index-bt p a{ color: #999999; }

/*产品介绍*/
.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/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:0 auto; }
.in-left { float:left; width:260px; }
.pro-more{ text-align: center; margin-top: 10px; }

/*首页产品分类*/
.shop-category{ margin:30px 0 20px 0;}
.shop-category ul { width:1180; margin:0 auto; }
.shop-category li { margin:30px 30px 20px 30px; height: 230px; text-align:center; width:170px; float:left;}
.shop-category li img{transition: all 0.8s; transform: rotate(0deg);}
.shop-category li:hover img{transform: rotate(360deg);}
.shop-category li a p{ color:#333; font-size: 18px;padding-top: 30px;}

/*首页联系我们*/
.con { height:62px; padding:32px 0 0 55px; background:url(../images/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 { height:260px; float:left; margin:20px 10px 0 10px; text-align:center; width:266px; }
.index-list-shop li h4 {font-size: 16px; color: #333333; line-height:65px; height:65px; text-align: center;}
.crp_img img { width:98%; padding:2px; margin:auto; height:97%; border:1px solid #dfdfdf; transition: all 0.9s;}
.crp_img:hover img{transform: scale(1.2);} 
.crp_img { width:100%; height:212px; margin:0 auto; overflow:hidden; text-align:center;}

.index-shop { width:100%; padding-top: 40px; padding-bottom:50px; background: #f3f3f3;}
.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; }

/*  企业优势  */

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

/*关于我们*/
.about-a { width:100%; overflow: hidden; height:484px; background:url(../images/about.jpg) top center no-repeat;}
.about-us{ width: 1180px; margin: 0 auto;}
.about-left{font-size: 16px; color: #333333; margin-top: 145px; margin-left: 245px; color: #333333; line-height:40px; font-size: 14px; float: left; width:680px;}

/*厂容厂貌*/
.show { margin:20px 0 0 0; padding:10px 0 10px 0;}
.show li { float:left; width:276px; height: 270px; background: #f3f5f7; margin-right:15px; text-align:center; }
.show li img { width:100%; height:210px; border:1px solid white; border-radius:3px; }
.show li h4 { height:50px; line-height:50px;}
.show li a { color:#333333; }

.index-main { padding-top: 30px; 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-a{ width: 1180px; margin:0 auto; }
.news-b{ float: left; width:715px; }
.news-c{ float: left; width:448px; position:relative; margin-left: 15px; }
.news-b dl{ height:150px;}
.news-b dt{ float: left; width:203px;}
.news-b dt img{ width: 203px; height:121px;}
.news-b dd{ float: left; margin-left: 15px; width: 485px; }
.news-b dd .news-bt{ height: 31px; }
.news-b dd .news-bt p{ float: left; padding-right: 5px; font-weight: bold; color: #2f4d93; font-size: 14px; }
.news-b dd .news-bt h1{color: #666666; float: left; font-size: 14px; }
.news-b dd .news-bt span{ float: right; font-size: 14px; color: #0763be; font-weight: bold; }
.news-b dd .news-bt:hover a p{ color: #2f4d93; font-size: 14px; }
.news-b dd .news-bt:hover a h1{color: #2f4d93; font-size: 14px; }
.news-b dd .news-wz, .news-b dd .news-wz a{ line-height: 30px; color: #666666; }
.news-b dd .news-wz:hover a{ line-height: 30px; color: #2f4d93; }
.news-tp{ position: relative; overflow: hidden;}
.news-tp:hover .news-yc{ bottom: 0; }
.news-tp .news-yc{transition: all 0.6s; width: 100%; height:70px; background:rgba(0,0,0,0.6); opacity: 0.6;position: absolute;bottom: -70px;left: 0;z-index: 10;  }
.news-tp .news-yc h1{ padding:5px 5px 0 5px; font-size: 16px; color: #fff; }
.news-tp .news-yc span{ padding:3px 5px 5px 5px; font-size: 16px; color: #fff;  }
.contact-a{ width: 100%; overflow: hidden; height: 406px; background: url(../images/contact.jpg) top center no-repeat;}
/*联系我们*/
.contact { float:right; width:550px; }
.contact ul { float:left; padding-left:20px; }
.contact li { height:34px; line-height:34px; }
.contact img { float:right; }
.contact-c{ width: 1180px; margin: 0 auto; }
.contact-lxfs{ line-height:50px; width:350px; float: left; margin:20px 0 20px 180px; color: #333333; font-size: 18px; }
.contact-right{ float: left; width:525px; margin-left: 20px;}

/*  成功案例  */
.case{ width: 100%; overflow: hidden; background:#fafafa; margin-top:20px;}
.case-a{ width: 1180px; margin:0 auto; }
.case-b { display: block; height:515px; margin-top: 20px;}
.case-c{ float: left; width: 344px; position: relative;}
.case-e{ margin-left:6px; width: 830px; float: left;}
.case-u{ height:229px; overflow: hidden;}
.case-p{ margin-top:11px;}
.more{ text-align: center; }
.case-bj{position: absolute;top:0;left: 0;backface-visibility: #F00;width: 100%;height: 100%;
transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;}
.case-c:hover .case-bj{opacity: 0.9; background: rgba(0,0,0,0.5);}
.case-bj a{ text-align: center; display: block; line-height:500px; font-size: 24px; color: #fff; }

.case001{ position: relative; width:266px; float: left;}
.case01-bj{position: absolute;top:0;left: 0;backface-visibility: #F00;width: 100%;height: 100%;
transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;}
.case001:hover .case01-bj{opacity: 0.9; background: rgba(0,0,0,0.5);}
.case01-bj a{ text-align: center; display: block; line-height:230px; font-size: 24px; color: #fff; }

.case002{ position: relative; width:266px; float: left;}
.case02-bj{position: absolute;top:0;left: 0;backface-visibility: #F00;width: 100%;height: 100%;
transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;}
.case002:hover .case02-bj{opacity: 0.9; background: rgba(0,0,0,0.5);}
.case02-bj a{ text-align: center; display: block; line-height:230px; font-size: 24px; color: #fff; }

.case003{ position: relative; width:266px; float: left;}
.case03-bj{position: absolute;top:0;left: 0;backface-visibility: #F00;width: 100%;height: 100%;
transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;}
.case003:hover .case03-bj{opacity: 0.9; background: rgba(0,0,0,0.5);}
.case03-bj a{ text-align: center; display: block; line-height:230px; font-size: 24px; color: #fff; }

.case004{ position: relative; width:266px; float: left;}
.case04-bj{position: absolute;top:0;left: 0;backface-visibility: #F00;width: 100%;height: 100%;
transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;}
.case004:hover .case04-bj{opacity: 0.9; background: rgba(0,0,0,0.5);}
.case04-bj a{ text-align: center; display: block; line-height:230px; font-size: 24px; color: #fff; }

.case005{ position: relative; width:266px; float: left;}
.case05-bj{position: absolute;top:0;left: 0;backface-visibility: #F00;width: 100%;height: 100%;
transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;}
.case005:hover .case05-bj{opacity: 0.9; background: rgba(0,0,0,0.5);}
.case05-bj a{ text-align: center; display: block; line-height:230px; font-size: 24px; color: #fff; }

.case006{ position: relative; width:266px; float: left;}
.case06-bj{position: absolute;top:0;left: 0;backface-visibility: #F00;width: 100%;height: 100%;
transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;}
.case006:hover .case06-bj{opacity: 0.9; background: rgba(0,0,0,0.5);}
.case06-bj a{ text-align: center; display: block; line-height:230px; font-size: 24px; color: #fff; }

/*   底部   */
.footer { background:url(../images/footer.jpg)repeat-x; height:290px;}
.footer-a{ width: 1180px; margin: 0 auto; }
.footer-ewm { float: left; margin-top: 20px;}
.footer-wz{ margin-top:30px; margin-left: 10px; color: #fff; line-height: 26px; float: left;}
.footer-lx{ height:230px; }
.footer-bq{ height:60px; line-height:60px; color: #fff; text-align: center; }
/*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:12px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination li { list-style: none; display: inline; float: left; line-height: 1em; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; }
.pagination li a { display: inline-block; padding: .5em .8em; background-color: #f9f9f9; color: #999; }
.pagination li a:link { background:#fff; color: #4C78A5; }
.pagination li a:hover { text-decoration:none; }
.pagination li a:link:hover { color: #000; }
.pagination li:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px; }
.pagination li:last-child { border-radius: 0 3px 3px 0; }
.pagination .pageinfo{ list-style: none; display: inline; float: left; line-height: 1em; text-decoration: none; padding: .5em .8em; border-left-width: 0; }
.thisclass a { color:red !important; }

/*内页样式*/
.article-article h3 { font-size:25px;  margin-bottom:10px; }
.article-tag { font-size:14px; margin-bottom:20px; color:#999; border-bottom:1px solid #EFEFEF; line-height:40px; }
.article-tag i { margin:0 10px 0 5px; }

/*文章代表图片*/
.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:#0667d0; 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:108px; 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:31.33%; margin-left:1%; }
.list-shop li h4 { height:35px; line-height:35px; }

/*上一篇下一篇*/
.article-file a { color:#999; }
.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:#0763be; color:white; }
.m-category li:hover a { color:white; }

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

/**  滚动特效  **/
#demo { overflow:hidden;} 
#indemo { float: left; width: 800%; } 
#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; }