/* CSS Document */

/********公共样式********/
*{margin:0;padding:0}
div,ul,li,ol,p,span,em,i,dl,dt,dd,from,input,h1,h3,h2,img,tr,td,tr,td, {margin:0px;padding:0px;}
body{ font: 12px/22px "微软雅黑","\5b8b\4f53",Arial,sans-serif;margin:0px;font-size:12px; background:#fff; color:#494949}
ul,li{ margin:0px; padding:0px;list-style:none;}
em, b, i, code, strong, small {font-style: normal;}
.m7{ margin:7px;}
input{ font-family:"Microsoft YaHei";margin:0;}
img {border:0px;}
.l{ float:left;}
.r{ float:right;}
.c{ clear:both;}
a{text-decoration:none;}
@font-face {
    font-family: 'apple';
    src: url('../font/garamond.eot');
    src: local('apple Regular'),
    local('apple'),
    url('../font/garamond.woff') format('woff'),
    url('../font/garamond.ttf') format('truetype'),
    url('../font/garamond.svg#apple') format('svg');
}
ody, button, input, select, td, textarea, th {
    font: 12px/22px "微软雅黑","\5b8b\4f53",Arial,sans-serif;
    font-size: 14px;
    color: #555;
    -webkit-font-smoothing: antialiased;}

/********toubu ********/
.top{ width:100%; height:90px; background:url(../images/bjtm.png); position:fixed;z-index:999;top:0;}
.top_w{ width:100%; height:90px; background:url(../images/dh_1.jpg); top:0;}
.top1{ width:1200px; margin:0 auto; padding-top:12px; height:78px; }
.top1 .logo{ width:177px; height:55px; display:block; float:left;}
.top1 .dh{ width:960px; height:55px; line-height:55px; float:left;}
.top1 ul{ width:960px; float:left; margin-left:60px; margin-top:15px;}
.top1 ul li{ float:left; line-height:55px; font-size:14px;}
.top1 ul li a{ color:#fff; display:block; height:30px; line-height:30px; padding:0px 15px; margin:0px 5px;  border-radius:15px; }
.top1 ul li a:hover{ background:#76be45;transition:all .3s ease .15s;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s}
.top1 ul li.dl{ text-transform:uppercase; float:right;}
.top1 ul li.zc{ text-transform:uppercase; float:right;}
.top1 ul li.dl a,.top1 ul li.zc a{ background:none; border:1px solid #fff; border-radius:20px;padding:0px 15px 0px 30px; font-size:12px;}
.top1 ul li.dl a{ background:url(../images/dl.png) 10px -22px no-repeat;}
.top1 ul li.dl a:hover{ background:url(../images/dl.png) #fff 10px 5px no-repeat; color:#1b1b23;transition:all .3s ease .15s;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s}
.top1 ul li.zc a{ background:url(../images/dl.png) 10px -75px no-repeat;}
.top1 ul li.zc a:hover{ background:url(../images/dl.png) #fff 10px -49px no-repeat; color:#1b1b23;transition:all .3s ease .15s;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s}
.ban .b1{width:100%;height:759px;display:block;position:absolute;left:0px;top:0px;}
.ban{ width:100%; height:759px; position:relative;}
.ban .b2{width:100%;height:30px;position:absolute;z-index:100;left:0px;top:659px;}
.ban .b2 ul{float:left;position:absolute;left:50%;top:0;margin:68px 0 0 -35px;display:inline;}
.ban .b2 li{width:14px;height:14px;overflow:hidden;cursor:pointer; background: url(../images/banner_off.png) no-repeat 0 0;float:left;margin:0 3px;display:inline;}
.ban .b2 li.nuw{background:#7fbc56; border-radius:20px;}
/********产品 ********/
.pro{ width:1210px; margin:0 auto;}
.pro .bt{ width:1200px; margin-top:20px; margin-bottom:30px;}
.pro h2{ font-family:"apple"; font-weight:normal; font-size:30px; text-align:center; background:url(../images/heng.jpg) center bottom no-repeat; height:65px; line-height:65px; color:#575757; text-transform:uppercase;}
.pro h2 font{ color:#528a32;}
.pro .bt p{ text-align:center; line-height:22px; font-size:16px; color:#bbbbbb; width:450px; margin:0 auto; margin-top:10px;}
.pro .bt .ss{ width:320px; background:#fff; height:37px; border-radius:30px; border:1px solid #d2d2d2; margin:20px auto; }
.pro .bt .ss .ccsInput{ width:260px; height:37px; border:none; font-size: 12px;float: left; line-height:37px; padding-left:20px; color:#B8B8B8; background:none;outline:none; text-transform:uppercase;}
.pro .bt .ss .ccsBtn{ width:40px; height:37px; background:url(../images/ss.jpg) center no-repeat; float:left; border:0; color:#fff; cursor: pointer; outline:none;}
.pro .caseList ul:after,.pro .caseList ul:before{content:"";display:block;clear:both;height:0;line-height:0;visibility:hidden}
.pro .caseList li{float:left;width:390px;height:auto;margin:0 15px 35px 0;position:relative;overflow:hidden}
.pro .caseList li:nth-child(3n){margin-right:0!important}
.pro .caseList li img{width:100%;vertical-align:top}
.pro .caseList li .mask{left:0;top:0;position:absolute;width:100%;height:100%;background:url(../images/btmBg.png) 0 0 repeat;background:rgba(0,0,0,.8);opacity:0;transition:all .15s linear;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;z-index:9;display:none\9;}
.pro .caseList li .mask .xm{background-position:0 0}
.pro .caseList li .mask .tit{left:0;top:-17.4%;position:absolute;width:100%;font-size:18px;text-align:center;height:32px;line-height:32px;color:#fff;overflow:hidden}
.pro .caseList li .mask .date{left:50%;top:-8.2%;position:absolute;font-size:12px;height:36px;line-height:36px;color:#888;overflow:hidden;margin-left:-46px}
.pro .caseList li .mask .date .date_ico{background:url(../images/sj.png) no-repeat;width:12px;height:12px;float:left;margin:12px 12px 0 0}
.pro .caseList li .mask .view{left:50%;bottom:-2%;position:absolute;width:40px;height:40px;text-indent:-999em;overflow:hidden;background:url(../images/fd.png) no-repeat;margin-left:-20px}
.pro .caseList li .mask .date,.pro .caseList li .mask .tit,.pro .caseList li .mask .view{opacity:0;transition:all .3s ease .15s;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s}
.pro .caseList li .mask a{left:0;top:0;position:absolute;width:100%;height:100%;line-height:100%;overflow:hidden;text-indent:-999em}
.pro .caseList li.hover{box-shadow:0 8px 25px 3px rgba(0,0,0,.2)}
.pro .caseList li.hover .mask{opacity:1;display:block}
.pro .caseList li.hover .tit{top:35%;opacity:1}
.pro .caseList li.hover .date{top:44%;opacity:1}
.pro .caseList li.hover .view{bottom:28%;opacity:1}
.pro .caseList li.mr0{margin-right:0!important}
.pro .viewMore{height:35px;line-height:35px;text-align:center;text-transform:uppercase; width:160px;margin:0 auto;}
.pro .viewMore a{color:#6da547;font-size:14px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s; display:block; border-radius:20px;border:1px solid #6da547; }
.pro .viewMore a:hover{color:#fff; background:#6da547;}
 /********关于 ********/
.about{ background:url(../images/bj.jpg) center no-repeat; height:538px; margin-top:40px; margin-bottom:30px;}
.about .gy1{ width:1200px; margin:0 auto;}
.about .gy{ width:100%; padding-left:0%;  padding-top:6%;}
.about .gy h2{ font-family:"apple"; font-weight:normal; font-size:30px; text-align:left; background:url(../images/heng.jpg) left bottom no-repeat; height:65px; line-height:65px; color:#ffffff; padding-top:60px; text-transform:uppercase;}
.about .gy p{ font-size:14px; line-height:28px; margin-top:20px; margin-bottom:20px; color:#dadada;}
.about .gy a{ width:135px; color:#6da547;font-size:14px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s; display:block; border-radius:20px;border:1px solid #6da547;height:35px;line-height:35px;text-align:center;text-transform:uppercase; }
.about .gy a:hover{color:#fff; background:#6da547;}
/********新闻********/
.news{ width:1200px; margin:0 auto;margin-bottom:50px;}
.news h2{ font-family:"apple"; font-weight:normal; font-size:30px; text-align:center; background:url(../images/heng.jpg) center bottom no-repeat; height:65px; line-height:65px; color:#575757; text-transform:uppercase;}
.news ul{ width:1200px; margin-top:30px; margin-bottom:30px; overflow:hidden;}
.news ul li{ width:690px; float:left;}
.news ul li.xw{ height:560px; width:690px; margin-right:20px; }
.news ul li.xw a .img1{ width:690px; height:490px;}
.news ul li.xw a{width:690px; height:490px;}
.news ul li.xw1{ height:265px; margin-bottom:13px; width:490px; overflow:hidden;}
.news ul li.xw1 a .img2,.news ul li.xw2 a .img2{ width:490px; height:212px;}
.news ul li.xw2{ height:265px; margin-bottom:0px; width:490px; overflow:hidden;}
.news ul li .mc a{ font-size:18px; color:#484848; line-height:32px;}
.news ul li .mc a:hover{ color:#76be45;}
.news ul li .mx{ font-size:15px; color:#9c9c9c; line-height:20px; height:60px; line-height:60px;}
.news .viewMore{height:35px;line-height:35px;text-align:center;text-transform:uppercase; width:135px;margin:0 auto;}
.news .viewMore a{color:#6da547;font-size:14px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s; display:block; border-radius:20px;border:1px solid #6da547; }
.news .viewMore a:hover{color:#fff; background:#6da547;}
/********dibu********/
.bottom{ width:100%; background:#1a1c1f; }
.bot{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:15px; overflow:hidden;}
.bot .bot_l{ float:left; width:330px;}
.bot .bot_l p{ color:#9c9c9c; line-height:22px; margin-top:15px;}
.bot .bot_c{ float:left; width:450px; margin-left:120px;}
.bot .bot_c a{ width:120px; line-height:40px; font-size:14px; color:#cccccc; margin-right:30px; display:block; float:left; font-weight:bolder;}
.bot .bot_c a:hover{ color:#fff;}
.bot .bot_r{ float:right; color:#cccccc; margin-right:20px;}
.bot .bot_r p{ font-size:14px; margin-bottom:5px;}
.bot .bot_r .gt{ margin-top:15px;}
.bot .bot_r .gt .gt1{ float:left; width:40px; height:38px; display:block; background:url(../images/yx4.jpg) 0 0 no-repeat; margin-right:10px;}
.bot .bot_r .gt .gt1:hover{ background:url(../images/yx4.jpg) 0 -38px no-repeat; }
.bot .bot_r .gt .gt2{ float:left; width:40px; height:38px; display:block; background:url(../images/yx2.jpg) 0 0  no-repeat; margin-right:10px;}
.bot .bot_r .gt .gt2:hover{ background:url(../images/yx2.jpg) 0 -38px no-repeat; }
.bot .bot_r .gt .gt3{ float:left; width:40px; height:38px; display:block; background:url(../images/yx3.jpg) 0 0  no-repeat; margin-right:10px;}
.bot .bot_r .gt .gt3:hover{ background:url(../images/yx3.jpg) 0 -38px no-repeat; }
.bot .bq{ line-height:45px; color:#9c9c9c; text-align:center; border-top:1px solid #34383e; margin-top:100px;}


div.digg { padding:3px; margin:13px; text-align:center; font-size:12px;}
div.digg a {padding:5px 10px; margin:3px; color: #343434; border:1px solid #cccccc; text-decoration: none; background:#fff;}
div.digg a:hover {color: #fff; border:1px solid #6da547; background:#6da547}
div.digg a:active {color: #343434;}
div.digg span.current {padding:3px 8px; font-weight: bold; margin: 3px;color:#6da547; }
div.digg span.zzjs { padding:3px 8px; margin: 3px; color: #ddd;border:1px solid #dce1e7;}


