/* CSS Document */
*{ margin:0; padding:0px;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
body{ font-size:0.75em;}

.top{ height:56px; width:100%; background:#549a42;}

.code{
    -moz-border-radius:.3em;
    -webkit-border-radius:.3em;
    border-radius:.3em;
    background-color:#e2e2e2;
    color:#000;
    font-family:'Fira mono', 'Courier New', Courier, monospace;
    font-size:85%;
    letter-spacing:.05em;
    padding:1em;
}

input { margin-top:5%;
    
    border: 0;
    min-width: 100px;
    background-color: #b0120a;
    color: #f8f8f8;
    font-family: inherit;
    font-size: inherit;
    
    
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    outline: none;
}

input:active {
    box-shadow: 0 0 0 0;
    outline: none;
}

input:hover {
    outline: none;
}

input:active, input:hover {
    background-color: #e84e40;
    border-color: #b0120a;
}

main {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 4em;
}

main a,
main a:active,
main a:focus,
main a:hover,
main a:link,
main a:visited {
    font-family: 'fira mono';
    text-transform: uppercase;
    font-size:90%;
    color:black;
    border-bottom: 1px dotted black;
}

main header {
    font-size: 80%;
}

section {
    margin: 4em 0;
}

.aligncontent-center {
    text-align: center;
}

.wrapper {
   
    padding: 1em;
    background-color: transparent;
}
.wrapper1 { width:6%; height:20px; border:#549a42 10px solid;
   
   
    background-color: transparent;
}

.main-header {
    text-align: center;
    font-weight:300;
    font-size: 90%;
}

.toolbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    line-height: 68px;
	width:10%;

}
.toolbar1 { float:left; margin-left:-2%;
    position: fixed;
    top: 0;
    
    
    background-color: transparent;
    line-height: 68px;
	width:10%;

}

.menu-button {
  position: relative;
  
  height: 36px;
  width: 36px;
  cursor: pointer;
  
}
.menu-button:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  border-bottom: 17px double #fff;
  border-top: 6px solid #fff;
  border-radius:2px;
  width: 30px;
  height: 5px;
}

.menu-left {
  float: left;
  margin-right: 1.5em;
}

.sidebar {
    margin: 0;
    padding-top: 1em;
    color: white;
    background-color:#549a42;
}

.sidebar h6 {
    margin: 0 .8em;
    padding: 0;
    font-weight:300;
}

.sidebar li {
    margin: .5em 0;
    padding: 0 1em;
    line-height: 32px;
}

.sidebar li:hover {
    background-color: #269409;
}

.sidebar hr {
    margin: 2em auto;
    border: 0;
    padding: 0;
    width: 80%;
    height: 1px;
    background-color: white;
    
}


@media all and (max-width:479px) {
    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3,h4,h5,h6 {
        font-size: 1.2em;
    }
}


.ss{ height:36px; float:left; width:65%; margin-left:10%; margin-top:10px;}
.ss1{ height:36px; float:left; width:55%; margin-top:10px; margin-left:5px;}
.gwc{ float:right; }
.gwc img{ max-width:100%}
.gwc0{ float:left;}
.gwc0 img{ max-width:100%}
.gwc1{ float:left;}
.gwc1 img{ max-width:100%}

.banner_bb img{ max-width:100%;}

.innew{ height:36px; line-height:36px; border-bottom:#ebebeb solid 1px; width:100%;}
.innewl{ height:21px; width:8%; float:left; font-size:15px; color:#3c576f; padding-left:10px;  margin-top:6px;}
.innewr{ width:87%; float:right; font-size:16px;}
.apple a{display:block; text-decoration:none; }

.apple,.aa{  height:32px; overflow:hidden;}
.apple a,.aa a{ width:100%; height:32px; line-height:32px; color:#999;}


.applezi1{ color:#ff6666}
.applezi2{ color:#999999; font-size:15px;}

.chanpin{ width:100%;  border-bottom:#f4f4f4 solid 1px;}
.chanpin_n{ width:50%; float:left; border-right:#c3c3c3 solid 1px; border-top:#c3c3c3 solid 1px;}
.chanpin_n img{ width:100%;}
.chanpin_ntxt{ padding:0px 5px 0px 5px; font-size:14px; height:50px; line-height:25px; overflow:hidden}
.chanpin a{ color:#333}
.chanpin_ngo{padding:0px 5px 0px 5px; height:30px;}
.chanpin_ngol{font-size:12px; width:60%; line-height:30px; float:left; height:30px; overflow:hidden}
.chanpin_ngor{width:40%; list-style:20px; float:left; text-align:center; line-height:25px; border:#F66 solid 1px; font-size:14px; color:#F66;  -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius:0.5em;}
	
	
	
.con_left{ float:left; width:45%; height:188px; border:1px #ebebeb solid; margin-left:3%; margin-top:13px; overflow:hidden;}
.con_bt{ width:298px; height:70px; background:url(../images/shutiao_03.jpg) no-repeat 12px bottom; padding-left:25px;}
.con_bt h1{ font-size:22px; color:#666666; padding-top:25px; line-height:24px;}
.con_bt h2{ font-size:14px; color:#999999; line-height:16px; margin-top:10px;}


.con_right{ float:left; width:47%; height:100%; margin-top:13px; margin-left:2%; background:#f9b940;}
.right_1{ width:100%;}
.right_1_l{ width:50%; float:left;}
.right_1_l img{ max-width:100%;}
.right_1_r h1{ float:left; width:50%; font-size:30px; color:#fff;}

.con_right1{ float:left; width:47%; height:100%; margin-top:2.5%; margin-left:2%; background:#5cba77;}
.right_2{ width:100%;}
.right_2_l{ width:50%; float:left;}
.right_2_l img{ max-width:100%;}
.right_2_r h1{ float:left; width:50%; font-size:30px; color:#fff;}

.bottom_{ width:94%; margin-left:3%; margin-top:10px; padding-bottom:50%;}
.bottom_1{ background:#549a42; text-align:center; width:32%; float:left;}
.bottom_1 img{ margin-top:19px; max-width:100%;}
.bottom_1 h1{ font-size:20px; line-height:35px; color:#fff;  font-weight:550;}

.bottom_2{ background:#96be1d; text-align:center; width:32%; float:left; margin-left:2%;}
.bottom_2 img{ margin-top:19px; max-width:100%;}
.bottom_2 h1{ font-size:20px; line-height:35px; color:#fff;  font-weight:550;}

.bottom_3{ background:#549a42; text-align:center; width:32%; float:left;  margin-left:2%;}
.bottom_3 img{ margin-top:19px; max-width:100%;}
.bottom_3 h1{ font-size:20px; line-height:35px; color:#fff; font-weight:550;}



.qwe1{ width:94%; margin-left:auto; margin-right:auto; padding-top:5%;}
.qwe2{ width:100%;}
.qwe2 img{ width:100%; height:100%;}
.qwe3{ width:100%; padding-top:5%;}
.qwe4{ width:100%; padding-top:5%; padding-bottom:5%; float:left;}
body,ul,li{ margin:0; padding:0;}
li{ list-style:none;}

#w1{ width:100%; height:100%; float:left;}
#w1 .w1-1 li{ width:20%; height:30px; background:#549a42; border-radius:5px; border:#549a42 1px solid; text-align:center; font-size:14px; color:#fff; float:left; margin-left:3.5%; line-height:30px;}
#w1 .w1-1 li.on{ color:#000; font-weight:800px; background:#549a42;}
#w1 .w1-2 li{ width:100%; height:100%; padding:10px; margin-top:-1px; display:none;}
#w1 .w1-2{ float:left;}
#w1 .w1-2 li.on{ display:block;}

.ertt1{ width:94%; border:#549a42 1px solid; border-radius:10px; margin-top:5%; float:left;}
.ertt1-1{ width:26%;float:left; background:#549a42; padding:5% 4% 5% 4%; border-radius:10px 0 0 10px;}
.ertt1-1-1{ width:100%; border:#FFF 2px solid;}
.ertt1-1-1 img{ width:100%; height:100%;}
.ertt1-2{ width:60%; float:right; margin-right:3%;}
.ertt1-2-1{ width:100%; border-bottom:#a9cca0 2px solid; float:left;}
.ertt1-2-1 a{ font-size:14px; line-height:24px;}
.ertt1-2-2{ width:100%; float:left; margin-top:5px; height:52px; overflow:hidden;}
.ertt1-2-2 a{ font-size:12px; line-height:18px;}
.ertt1-2-3 a{ font-size:12px; float:right; color:#549a42;}


.fgh1{ width:94%; height:100%;}
.fgh1 a{ font-size:13px; color:#666666; line-height:25px;}

.lxo1{ width:44%; height:100px; float:left; background:#f9e0e0; text-align:center; padding:5% 2% 5% 2%;}
.lxo1 p{ font-size:18px; color:#000; line-height:30px;}
.lxo1 a{ font-size:14px; color:#000;}
.lxo2{ width:44%; height:100px; float:right; background:#ddf2f4; text-align:center; padding:5% 2% 5% 2%;}
.lxo2 p{ font-size:18px; color:#000; line-height:30px;}
.lxo2 a{ font-size:14px; color:#000;}

.lxo3{ width:44%; height:100px; float:left; background:#ebf3da; text-align:center; padding:5% 2% 5% 2%; margin-top:5%;}
.lxo3 p{ font-size:18px; color:#000; line-height:30px;}
.lxo3 a{ font-size:14px; color:#000;}
.lxo4{ width:44%; height:100px; float:right; background:#d5ecf9; text-align:center; padding:5% 2% 5% 2%;  margin-top:5%;}
.lxo4 p{ font-size:18px; color:#000; line-height:30px;}
.lxo4 a{ font-size:14px; color:#000;}


.nhj1{ width:94%; background:#8fcdb6; padding:3%; float:left; text-align:center;}
.nhj2{ width:100%; padding-top:5%; padding-bottom:5%; float:left;}
.nhj2-1 a{ font-size:20px; font-weight:bold; color:#000;}
.nhj2-2 input{ width:96%; background:#FFF; color:#8fcdb6; font-weight:700; padding:2%;}
.nhj2-3 input{ width:96%; background:#FFF; color:#8fcdb6; font-weight:700; padding:2%;}
.nhj2-4 textarea{ width:96%; padding:2% 2% 5% 2%; margin-top:5%; color:#8fcdb6; font-weight:700;}
.nhj2-5 input{ width:96%; background:#FFF; color:#fff; background:#549a42; font-weight:700; padding:2%;}



.yej1{ width:100%; height:100%; text-align:center; padding-top:20px; padding-bottom:100px; float:left;}

.foot{ background:#ededed; height:70px; width:100%; position:fixed; bottom:0px;}
.foot_box{ margin-left:3%;}

.f1{ width:20%; text-align:center; float:left;}
.f1 h1{ font-size:14px; line-height:25px; color:#666666}
.f1 img{ margin-top:11px;}

.f2{ width:20%; text-align:center; float:left; margin-left:4%;}
.f2 h1{ font-size:14px; line-height:25px;  color:#666666}
.f2 img{ margin-top:11px;}

.f3{ width:20%; text-align:center; float:left; margin-left:4%;}
.f3 h1{ font-size:14px; line-height:25px;  color:#666666}
.f3 img{ margin-top:11px;}

.f4{ width:20%; text-align:center; float:left; margin-left:4%;}
.f4 h1{ font-size:14px; line-height:25px; color:#666666}
.f4 img{ margin-top:11px;}


div.slideBox{ position:relative; width:100%; height:150px; overflow:hidden;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:50px; background-color:#000; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:20px; height:20px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:#093;}