/* CSS Document */
* {margin:0px; padding:0px;}
body {font-family:"Microsoft YaHei","Arial","Sans-Serif";}
img {border:0px;}
li {list-style-type:none;}
a {text-decoration:none;}
.clear {clear:both;}
.top {height:40px; background:#00361a;}
.header {width:1100px; margin:0px auto;}
.headInfo {width:300px; padding-left:560px;}
.headInfo li {float:left; color:#fff; font-size:12px; margin-right:16px;}
.headInfo li img, .lang a img {height:18px; padding:11px 5px; float:left;}
.headInfo li span, .headInfo li a, .lang a span {line-height:40px; display:block; float:right; color:#fff;}
.lang {float:right; font-size:12px;}
.headInfo li a:hover, .footnav li a:hover, .links a:hover, .fncn li a:hover {text-decoration:underline; color:#fff;}
.bnWrap {background:#dfefc3;}
.banner {width:1100px; margin:0px auto;}
.logo {float:left; width:150px; height:100px; }
.nav {float:right;}
/*.nav li {float:left; line-height:100px; font-size:14px;}
.nav li a {color:#00361a; display:block; padding:0px 20px;text-transform:uppercase}
.nav li a:hover, #cursor {background:#fff;}
*/
#menu {float:left; z-index:30;}
#menu li {float:left; line-height:100px; font-size:14px;}
#menu li a {color:#00361a; display:block; padding:0px 20px;text-transform:uppercase}
#menu li a:hover {background:#fff;}
#menu div {position:absolute; visibility:hidden; z-index:50;}
#menu div a{position:relative; display:block; height:40px; line-height:40px; padding:0px 10px; white-space:nowrap; text-align:left; text-decoration:none; background:#fff; font-size:14px; color:#00361a; border-top:dotted 1px #222;}
#menu div a:hover {background:#dfefc3; color:#00361a;}
#menu #m2,#menu #m3,#menu #m4 {display:none}
#menu .submenu-aboutus {display:none}
#cursor {background:#fff;}

.swap {width:100%; height:500px; z-index:10;}
#slider {width:100%; height:100%; margin:0px; padding:0px;}
#slider li {width:100%; height:500px; display:none; position:absolute;}
#slider li a {display:block; width:100%; height:500px;}
#naviSlider {position:absolute; top:590px; left:50%; margin-left:-15px; z-index:99;}
#naviSlider li {height:15px; width:15px; cursor:pointer; display:inline-block; background:url(../images/dot.png) -15px center no-repeat; *zoom:1;*display:inline;*margin-left:2px;}
#naviSlider li.on {background:url(../images/dot.png) left center no-repeat;}

.sBox {width:1100px; position:absolute; z-index:16; left:50%; margin-left:-550px;}
.search {width:180px; height:32px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#dfefc3; float:right;}
.search1 {width:146px; height:24px; border:solid 1px #c5d7a4; border-right:none; float:left; margin-left:4px;}
.submit1 {width:26px; height:26px; background:url(../images/index_20.jpg) no-repeat center #fff; border:solid 1px #c5d7a4; border-left:none; cursor:pointer;}
.mainT {width:1100px; margin:0px auto; text-align:center; font-size:36px; line-height:160px; color:#aabc8b;}
.mainT span {color:#00361a;}
.mainCon {width:1100px; margin:0px auto;}
.mainCon p {font-size:14px; line-height:28px; color:#565d59;}
#darrow {width:50px; height:50px; cursor:pointer; margin:10px auto;}

.ap {width:1100px; margin:50px auto 0px auto; overflow:hidden;}
.ap ul {width:1200px}
.ap li {float:left; margin-right:36px;}
.ap li a {display:block;}
.ap li span {display:block; width:106px; padding:10px 0px; font-size:14px; color:#565d59; text-align:center;}
#mgR {margin-right:0px;}
.m {display:block; width:106px; height:106px; border-radius:53px; background:#aabc8b;}
.m:hover, #on {background:#00361a; animation:m 2s; -moz-animation:m 2s; -webkit-animation:m 2s;}
@keyframes m
{
0%   {background:#aabc8b;}
100% {background:#00361a;}
}

@-moz-keyframes m /* Firefox */
{
0%   {background:#aabc8b;}
100% {background:#00361a;}
}

@-webkit-keyframes m /* Safari and Chrome */
{
0%   {background:#aabc8b;}
100% {background:#00361a;}
}

.app {width:1100px; margin:40px auto 0px auto;overflow:hidden}
.app ul {width:1200px}
.app li {float:left; width:106px; margin-right:36px;}
.app li a {display:block; margin:0px auto;}
.app li img {width:86px; height:86px;}
.app li span {display:block; width:106px; padding:10px 0px; font-size:14px; color:#333; text-align:center;}
#mgR {margin-right:0px;}
.mm {display:block; width:86px; height:86px; border-radius:43px; background:#aabc8b;}
.mm:hover{background:#00361a; animation:m 2s; -moz-animation:m 2s; -webkit-animation:m 2s;}
@keyframes mm
{
0%   {background:#aabc8b;}
100% {background:#00361a;}
}

@-moz-keyframes mm /* Firefox */
{
0%   {background:#aabc8b;}
100% {background:#00361a;}
}

@-webkit-keyframes mm /* Safari and Chrome */
{
0%   {background:#aabc8b;}
100% {background:#00361a;}
}

.showBox {height:360px; background:#dfefc3; margin-top:60px;}
.show {width:1100px; margin:0px auto; padding:50px 0px; background:url(../images/index_23.jpg) no-repeat top;}
.prolist {width:1100px; height:260px; overflow:hidden;}
.prolist ul {width:1140px; float:left;}
.prolist ul li {float:left; width:182px; _width:177px; height:254px; border:solid 3px #fff; margin-right:40px; _overflow:hidden; position:relative;}
.prolist ul li a {display:block;}
.prolist ul li img {width:182px; height:254px;}

.footer,.footer_chs {background:#00361a;}
.foot {width:1100px; margin:0px auto; padding:50px 0px;}
.footer_chs .foot {padding:15px 0}
.footInfo {float:left;width:340px; margin-right:100px;}
.footer_chs .footInfo {float:none;margin:0 auto;text-align:center}
.footInfo p {color:#c0c0c0; font-size:12px; line-height:24px;}
.footnav, .fncn {float:left;}
.footnav ul {float:left; margin-right:60px;}
.fncn ul {float:left; margin-right:120px;}
.footnav li, .fncn li {font-size:12px; line-height:30px;}
.footnav li a, .fncn li a {color:#c0c0c0;text-transform:uppercase}
.links {float:right; padding:30px 6px;}
.links li {float:left; margin-right:13px;}
.links a {outline:none}
.links img {width:34px; height:34px; float:right;}


/*about*/
.swapM {width:100%; height:300px; z-index:10;}
#sliderM {width:100%; height:100%; margin:0px; padding:0px;}
#sliderM li {width:100%; height:300px; position:absolute;}
#sliderM li a {display:block; width:100%; height:300px;}
#naviSliderM {position:absolute; top:390px; left:50%; margin-left:-15px; z-index:99;}
#naviSliderM li {height:15px; width:15px; cursor:pointer; display:inline-block; background:url(../images/dot.png) -15px center no-repeat; *zoom:1;*display:inline;*margin-left:2px;}
#naviSliderM li.on {background:url(../images/dot.png) left center no-repeat;}
.adBox,.adBoxcn {width:200px; height:160px; position:absolute; z-index:18; left:50%; margin-left:-550px; background:#e4eed3; padding:70px 20px; overflow: hidden;}
.adBox p {font-family: "Candara"; font-style: italic; font-size:13px; line-height:24px; color:#00190c; text-align: center;}
.adBoxcn p {font-size:13px; line-height:24px; color:#00190c; text-align: center;}
.content {width:1100px; margin:0px auto;}
.conL {width: 240px; float: left; margin-top: 30px;}
.conLa {float:left; margin-top:30px; padding:10px; background:#dfeec3;width:220px;overflow:hidden}
.conLa ul {width:240px}
.conLa li {float:left;margin-right:10px}
.conLa a {margin-bottom:10px;}
.conLa li a {display:inline-block;}
.conLa li a img {}
.conLa table {width:220px;}
.conLa table th a, .conLa table td a {display:block;}
.conLa table th a {float:left;}
.conLa table td a {float:right;}
.conLa table th a img, .conLa table td a img {display:block;}
.conR, .pwR, .conRcn, .dlR {width: 820px; float: right; padding: 20px 0px;}
.conR b {font-family: "Candara"; font-size: 30px; font-weight: normal; font-style: italic; line-height: 50px; color: #00361a;}
.conR p {font-size: 12px; line-height: 24px; /*text-align: justify; text-indent: 24px; */margin-bottom: 15px;}
.conRcn b {font-size: 24px; font-weight: normal; line-height: 50px; color: #00361a;}
.conRcn p {font-size: 14px; line-height: 24px; text-align: justify; text-indent: 24px; margin-bottom: 15px;}
.conR img {max-width:820px;}

/*ap*/
.listTittle {padding-left:20px; background:#00361a; cursor:pointer; display:block;}
.listTittle, .listTittle a {color:#fff; font-size:14px; line-height:30px;}
.listTitlePanel {position:relative; width:240px; height:32px; margin-bottom:5px;}
.menuList {display:none;}
.menuList span {height:29px; line-height:29px; border-bottom:dotted 1px #dfeec3; display:block;}
.menuList span a {font-size:14px; color:#444; display:block; padding-left:26px;}
.menuList span a:hover {color:#00361a; background:#dfeec3;}
#active  {color:#fff; background:#00361a;}
#active2 {color:#00361a; background:#dfeec3;}
#mLspan {border-bottom:none;}

/*products*/
.pdA {border-bottom:solid 1px #ccc; padding:20px 0px;}
.pdA h3 {font-size:24px; line-height:50px; font-weight:normal;}
.pdA p {font-size:14px; line-height:28px;}
.pdB {border-top: solid 1px #ccc; margin-top: 20px;}
.info {float:right; width:500px; padding:20px 0px;}
.info h3 {font-size:24px; line-height:50px; font-weight:normal;}
.info b, .info p {font-size:14px; line-height:28px;}
.info a {display:block; background:#00361a; width:120px; line-height:40px; padding:0px 10px; text-align:center; color:#dfefc3; margin:16px 0px;}
.info a:hover {text-decoration:underline;}

.pdC {width:1100px; border-top:solid 1px #00361a; margin-top:50px; padding-top:30px; overflow:hidden;}
.pdC li {float:left; margin:5px;}
.pdC li a {height:310px; ;}
.pdC li img {width:263px; height:238px;display:block}
.pdC li span {display:block; text-align:center; font-size:14px; line-height:30px;}
.pdC li p {text-align:center; font-size:12px; color:#525252;}
.pdC#cert {border-top:0;margin-top:10px;padding:0;}
.pdC#cert li {width:200px;height:310px; margin:10px;}
.pdC#cert li a { height:auto;}
.pdC#cert li img {width:200px; height:280px;}

.page {margin:50px 0px 30px 0px; text-align:center; font-size:12px; color:#000;}
.page a {color:#000; text-decoration:none; padding:3px 8px; border:solid 1px #ccc;}
.page a:hover {text-decoration:underline;}
.page span {padding:3px 5px;}
#current {background:#dfefc3; color:#000; border:solid 1px #00361a;}

/*pddetails*/
#demo {width:748px; height:500px; margin:10px auto; position:relative;}
#demo .img_list {overflow:hidden; position:relative; height:500px;}
/* 根据图片的张数来设定ul的宽度 */
.img_list ul {width:3740px; position:absolute; height:500px; left:0px;}
.img_list li {float:left; width:748px;}
.img_list img {width:748px; height:500px;}
/* 左右点击的按钮样式 */
#demo .toLeft, #demo .toRight {display:none; position:absolute; width:40px; height:60px; top:230px;}
#demo .toLeft {background:url(../images/arrows.png) no-repeat 0px 0px; left:-36px;}
#demo .toRight {background:url(../images/arrows.png) no-repeat -40px 0px; right:-36px;}
.picinfo {font-size:13px; line-height:24px;}
#info {width:1100px; border:none; border-top:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2;}
#info tr {border-bottom:solid 1px #e2e2e2; height:36px;}
#info th {border-left:none; border-right:solid 1px #e2e2e2; border-top:none; text-align:right; padding-right:8px; font-weight:bold; color:#00361a;}
#info td {border-left:none; border-right:solid 1px #e2e2e2; border-top:none; text-align:left; padding-left:8px;}
.pictit {padding-left:20px; background:#00361a; color:#fff; margin:20px 0px; line-height:30px;}
.picinfoT {border-left:solid 1px #e2e2e2; border-right:solid 1px #e2e2e2; height:70px; padding:15px 0px;}
.picinfoT h2 {font-size:30px; text-align:center; line-height:40px; font-weight:normal;}
.picinfoT p {text-align:center; font-size:14px; line-height:30px; color:#ff0000; margin-bottom:0px;}
#step, #step2 {width:1100px; border:none; border-top:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; overflow:hidden;}
#step td, #step2 td {border-left:none; border-right:solid 1px #e2e2e2; border-top:none;}
#step td img {width:116px; height:116px; display:block;  margin:0px auto;}
#step td span {text-align:center; display:block; font-size:13px; line-height:26px;}
#step2 td img {width:400px; height:400px; display:block;  margin:0px auto;}

/*case*/
.case {width:1080px; margin:32px auto 20px auto;}
.case li {float:left; margin:5px;}
.case li a {display:block; height:260px;}
.case li img {width:350px; height:260px;}
.case li span {display:block; font-size:14px; line-height:30px; padding-left:10px;}
.case li p {font-size:12px; color:#525252; padding-left:10px;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top:5%; left:0; text-align: center; width:100%; height:100%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}


/*news*/
.news-list li {clear:both; padding:15px 0; border-bottom:solid 1px #ccc;}
.news-list li::after {clear:both; content:""; display:block; height:0; visibility:hidden;}
.news-list span {display:block; border:1px solid #fff; float:left; margin-right:14px; overflow:hidden; padding:2px;}
.news-list span a {display:block; width:180px; height:96px;}
.news-list span img {width:180px; height:96px;}
.datetime {background:url(../images/datetime.png) no-repeat; color:#fff; float:left; width:40px; height:42px; padding-top:5px; line-height:13px; text-align:center; margin: 0px 15px;}
.datetime strong {font-size:13px; line-height:13px;}
.cnt {float:right; width:550px;}
.cnt h4 {font-size:14px; font-weight:bold; line-height: 24px;}
.cnt h4 a {color:#666;}
.cnt p {font-size:12px; line-height:20px;}
.cnt a {font-size:13px; color:#d7d7d7; line-height:18px;}
.cnt a:hover {text-decoration:underline;}
.cnt font a {display:block; text-align:right; color:#666; font-size:12px; padding-right: 10px;}

/*newsdetails*/
.details {line-height:28px; min-height:360px; padding:26px 0px;}
.details h3 {text-align:center; line-height:60px;}
.details p {font-size:14px; color:#535353; text-align:justify;}
.details dl {padding:15px 0px; text-align:center; border-top:1px dashed #e5e5e5;}
.details dd {padding:0px 10px; font-size:12px; color:#535353; display:inline-block; _zoom: 1; overflow:hidden;}
.details img {max-width:855px; margin:20px 0px;}
.details a {color:#333}
.details a:hover {color:#f10}
/*download*/
.dlR ul {width:364px; padding:160px 227px; margin:10px auto; border:solid 1px #e1e1e1;}
.dlR li {float:left;}
.inputDL {width:278px; height:28px; padding:0px 10px; border:solid 1px #00361a; color:#828282;}
.submit {background:#00361a; border:none; color:#fff; font-size:14px; padding:7px 15px; cursor:pointer;}

/*message*/
.messL {float:left; width:429px; margin:25px 0px; padding-right:40px; border-right:solid 1px #ccc;}
.messL h3 {font-size:24px; line-height:50px; font-weight:normal; color:#00361a;}
.messL b, .messL p {font-size:14px; line-height:28px;}
.messR {float:right; width:630px;}
.message {padding:25px 0px; font-size:13px;}
.message table {margin-bottom:20px;}
.message th {text-align:right; padding-right:10px; width:116px;}
.message tr {height:50px;}
#select {height:26px; border:solid 1px #c6c6c6;}
#textfield {width:320px; height:26px; border:solid 1px #c6c6c6;}
.input {width:500px; height:26px; line-height:26px; border:solid 1px #c6c6c6;}
.textarea {width:498px; height:116px; padding:2px; border:solid 1px #c6c6c6;}
.buttons {text-align:center; margin-top:20px;}
.buttons span {margin-right:20px; display:inline;}
.submit2 {background:#ff6c00; border:none; border-right:solid 1px #d15600; border-bottom:solid 1px #d15600; border-radius:15px; color:#fff; font-size:14px; padding:7px 15px; cursor:pointer;outline:none}

/*contact*/
.dt {width:1100px; margin:10px 0px 25px 0px;}
.map {width:1098px; height:478px; border:solid 1px #ccc; font:13px/1.5 "Arial", "Helvetica Neue", "Sans-Serif";}
.map .icon {background:url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;}
.map .icon-cir {height:31px; width:28px;}
.map .icon-cir-red {background-position:-11px -5px;}
#dituContent {width:1098px; height:478px;}

.addT, .addTcn {width:1100px; padding:12px 0px; border-bottom:dashed 1px #ccc;}
.addT span, .addTcn span {display:block; width:5px; height:24px; background:#ff6600; float:left;}
.addT b, .addTcn b {font-size:20px; line-height:24px; font-weight:bold; color:#000; float:left; padding-left:5px; font-style:normal;}
.addT p {font-family:"Candara"; font-style:italic; font-size:12px; line-height:24px; float:left; margin-bottom:0px; text-indent:0px; padding-left:5px; color:#ff6600;}
.addTcn p {font-family:"Microsoft YaHei"; font-style:normal; font-size:12px; line-height:24px; float:left; margin-bottom:0px; text-indent:0px; padding-left:5px; color:#ff6600;}

.add {width:1100px; margin-bottom:10px;}
.add span {font-size:15px; font-weight:bold; line-height:28px; color:#353535;}


.slideBox{ width:550px; height:400px; overflow:hidden; position:relative;float:left}
#slideBox2,#slideBox4,#slideBox6,#slideBox8,#slideBox10 {float:right}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:550px; height:400px; display:block;  }
/* 是前/后按钮代码*/
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:60px; background:url(../images/arrows.png) 0px 0px no-repeat;}
.slideBox .next{ left:auto; right:3%; background-position:-40px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.ajaxMsg {text-align:center;color:#666}
.ajaxMsg img {margin-top:-3px}

.so {font-size:12px;}
.so a {color:#666}