/* -------------------------------- 

Primary style

-------------------------------- */
html,body,div,ul,li,p,dd,dl { margin:0px; padding:0px;letter-spacing:1px; font-size:14px; color:#333; font-family:"Î¢ÈíÑÅºÚ"}
* { font-family:"Î¢ÈíÑÅºÚ"}
ul,li { list-style:none;}
a { text-decoration:none;}
a:hover {}
img { border:none;
max-width:100%;}
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  font-family: "Î¢ÈíÑÅºÚ";
  color: #ffffff;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #a0f6aa;
  text-decoration: none;
}

h1 {
  text-align: center;
  width: 90%;
  margin: 2em auto 0;
  font-size: 2.4rem;
  color: #507b55;
  font-weight: bold;
}
@media only screen and (min-width: 600px) {
  h1 {
    font-size: 3.2rem;
  }
}

input {
  font-size: 14px;
}

/* banner-box */
.banner-box{position:relative;overflow:hidden; }
.banner-box .bd{ width:100% !important;}
.banner-box .bd li{width:100% !important; background-color:#00B9EF; text-align:center; height:auto !important;height:300px;min-height:300px;}
.banner-box .bd li img { width:100%;}
.banner-box .bd li a{display:block;background-size:auto; width:100%;}

.banner-btn{width:0px;position:absolute;top:80%;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:70px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}

.banner-box .hd {position:absolute;top:280px;left:537px;}
.banner-box .hd ul li{width:8px;height:8px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#f1f1f1;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  width: 100%;
  background: #0086D1;
  margin: 1px auto;
  /*box-shadow: 0 4px 40px #70ac76;*/
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 12px 8px 12px 16px;
  background: #0086D1;
  box-shadow: inset 0 -1px #fff;
  color: #ffffff;
  font-size: 14px;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  /*background: #0086D1;*/
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer; background:url(../img/jia.png) no-repeat; background-position:90% 45%;
}
.cd-accordion-menu label::before{

}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 100 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
/*  left: 41px;
  background-position: -16px 0;*/
}
.cd-accordion-menu a::after {
  /* image icon */
/*  left: 36px;
  background: url(../img/jian.png) no-repeat;*/
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #0086D1;
  box-shadow: inset 0 -1px #fff;
  padding-left: 46px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #0086D1;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 18px 14px 18px 24px;
    font-size: 14px;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 106px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.mindex { margin:10px auto; overflow:hidden; width:100%; text-align:center;}
.mindex1 p{line-height:2rem !important;margin:1rem 0 !important;}
.mindex img { width:100%;height:auto;}
.weizhi a{ float:left; font-size:14px;}

.shiyong_title { width:304px; text-align:center;background:url(../images/sy_l.png) top no-repeat; height:34px; margin:0px auto; padding-top:9px; margin-top:30px;}7
.shiyong ul li { float:left; width:100%; margin-top:30px;}
.shiyong_pic { width:100%; margin:0px auto; padding-top:20px; padding-bottom:20px;}
.shiyong_body {width:100%; margin:0px auto; line-height:26px;}

.sc1 {WIDTH: 100%; margin:0px auto; margin-top:10px;}
.sc1 LI { WIDTH: 48%; DISPLAY: inline; FLOAT: left; margin-left:1%; margin-right:1%; margin-bottom:10px; border:1px #CCCCCC solid; height:100%; overflow:hidden;}
.sc1 IMG { height:80%;
}
.wenzi {
	POSITION: absolute; TEXT-ALIGN: left; WIDTH: 100%; BOTTOM: 30px; background-color:#00B7EE; HEIGHT: 0px; FONT-SIZE: 13px; CURSOR: pointer; display: none; color:#FFFFFF;  filter:alpha(opacity:80);opacity:0.8;
}
.pos {padding-top:8px; margin-left:14px; color:#FFFFFF;}
.pos a { color:#FFFFFF;}
.juzhong {
    width: 100%;
    text-align: center;
}