@charset "utf-8";
/* CSS Document */
body{ scrolling:yes; font:14px/1.5 Microsoft YaHei, \5b8b\4f53, tahoma, arial, Hiragino Sans GB, sans-serif; background:white; }
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 { background:#F6F2F3; }
body{ width:1180px; margin:0 auto; }
.main{ width:1180px; margin:0 auto;}

/*样式开始*/

/*头部*/
.header-main span { float:right; height:20px; line-height:20px; padding-top:35px; }
.header-main span img { float:left; } 
.header-main span i { margin-right:15px; margin-left:3px; float:left; }
.header-nav ul { }
.header-nav li { float:left; padding:0 54px; text-align:center; font-size:15px;  }
.header-nav li:hover { background:#C50213; }
.header-nav li:hover a { color:white; }
.header-nav li a { color:white; }
.header-nav { width:100%; height:40px; line-height:40px; background:#DB0316; border-top:1px solid #F1F1F1; }

/*二级导航*/
.subnav ul{  color:black; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background:#E8EEE9; height:auto; z-index:100; width:1180px;  margin-left:-590px; left:50%; position:absolute; display:none;  font-size:13px;}
.subnav:hover ul{ display:block; }
.subnav li { padding:0 5px !important; }
.subnav li a{line-height: 30px; height:30px; font-size: 14px; color:black !important; }
.hide-nav { margin:0 0 0 0!important; }
.subnav li:hover { background:#E8EEE9 !important; }

.slide { text-align:center; }
/*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; }
.public-right { float:right; width:879px; overflow:hidden; background:white; padding:18px; }

.index-bt  { height:35px; line-height:35px; }
.index-bt span { color:#E80016; font-size:15px; float:left; }
.index-bt i { float:left; color:#676767; }

/*网站公告*/
.wz-gg { height:30px; line-height:30px; background:#F2F2F2; border-bottom:1px solid #D2D2D4; }
.wz-gg img { float:left; margin-top:8px;  }

/*服务*/
.service { margin-top:3px; }
.service li { float:left; margin-right:20px; }

/*产品介绍*/
.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; }

/*首页产品分类*/
.shop-category { width:260px; }
.category-bt { padding-left:28px; height:60px; padding-top:10px; background:#0058B6; border-radius:6px 6px 0 0; color:white; font-size:20px;}
.category-bt p { font-size:13px; }
.shop-category ul { padding:0 12px 12px 12px; background:#0060C6; }
.shop-category li { border-bottom:1px solid #1771D2; height:35px; line-height:35px; font-size:14px; margin-bottom:1px; padding-left:30px; }
.shop-category li a { color:white; }


/*首页联系我们*/
.con { height:200px; background:url(../images/main/conbg.jpg) no-repeat; background-size:100% 100%; width:245px; padding:40px 0 0 15px; color:white; }
.con li { line-height:35px; }
.con h4 { margin-left:15px; font-size:30px; margin-top:40px; }

/*首页产品滚动*/
.shop-right { width:920px; float:right; background:#FFFFFF; }
.index-list-shop li { float:left; text-align:center; width:33.3%; }
.index-list-shop li h4 { height:35px; line-height:35px; }
.crp_img img { width:100%; margin:auto; height:100%; }
.crp_img { width:93%; height:200px; background:#00923f; overflow:hidden; text-align:center;}

.index-shop { width:100%; }
.shop-bt { height:45px; line-height:45px; background:#F5F5F5; border-bottom:2px solid #285889; }
.shop-bt span { height:45px; font-size:18px; color:#0058B4; font-weight:bold; padding:0 48px 0 26px; border-right:1px solid #DCDCDC; }
.shop-more { margin:0 auto; width:156px; text-align:center; height:40px; line-height:40px; color:white; background:#00829C; }

/*关于我们*/
.wz-main {  }
.about-us { width:330px; float:left; margin-left:3px; }
.about-us .main { height:600px;  }
.about-bt { text-align:center; color:white; font-size:36px; padding-top:40px; }
.about-bt p { font-size:30px; }
.about-nr { line-height:30px; width:100%; color:#61615F; }

/*新闻中心*/
.index-news { width:525px; float:left; background-color:white; margin-left:20px; }
.index-news li h4 { float:left; }
.index-news li span { float:right;}
.in-news { width:100%; margin-top:8px; }
.news-top { border-bottom:1px dashed #666666; padding-bottom:10px; }
.news-top h4 { height:30px; line-height:30px; }
.in-news li { height:35px; line-height:35px; }

/*案例展示*/
.case { width:670px; float:right; background-color:white; padding:15px 20px 0 20px; }
.case-top { width:100%; height:360px; overflow:hidden; }
.case-top img { width:100%; height:100%; }
.case li { float:left; width:162px; height:130px; margin-right:5px; margin-top:5px; }
.case li img { width:100%; height:100%; }

/*联系我们*/
.con-main { background:url(../images/main/in-img.jpg) no-repeat; backgrpind-size:100% 100%; width:273px; height:179px; margin-right:1px; }
.con-main li { float:left; width:136.5px; height:89.5px; }
.in-con { width:273px; float:right; }

/*友情链接*/
.links { height:50px; line-height:50px; }
.links span { color:#E60015; font-weight:bold; }

/*友情链接*/
.footer { background-color:#E4E2E3;  color:#323232; }
.foot-main { float:left; }
.foot-main li { float:left; height:14px; line-height:14px; margin-top:20px; border-right:1px solid #323232; margin-right:8px; padding-right:8px; }
.foot-main h4 { margin-top: 10px; }
.foot-r { float:right; text-align:center; margin:15px 15px 0 0; }
.foot-r h4 { height:30px; line-height:30px; }

/*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-body img {  }
.article-article {  }
.article-article h3 { font-size:25px;  margin-bottom:10px; color:#323232; }
.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:#DB0316; 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 {  height:106px; padding:10px 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:33.33%;  }
.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:265px; background:white; overflow:hidden; margin-bottom:20px; }
.m-category ul { padding-bottom:10px; padding-top: 5px; }
.m-category li { height:35px; line-height:35px; overflow:hidden; border-bottom:1px solid #EFEFEF; padding-top:5px; padding-left:20px;}
.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:#DB0316; color:white; }
.m-category li:hover a { color:white; }
.lld{
height:40px;
display:block;
color:white;
background:#DB0316;
}

/*左侧联系我们*/
.l-contact { background:#DB0316; 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; }

.liuyan tr { line-height:50px; font-size:16px;}
.liuyan td { padding:0 15px; }
.intxt { color: #555; height: 40px; line-height:15px; width: 60%; padding: 0px 0px 0px 10px; margin-top: 2px; border: 1px solid #E5E5E5; background: #FBFBFB outline: 0; -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);}
.coolbg {
     background-color: #142338;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-border-radius: 5px;
     border: none;
     padding: 10px 25px 10px 25px;
     color: #FFF;
     text-shadow: 1px 1px 1px #949494;
}

.coolbg:hover {
     background-color:#80A24A;
}