input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; outline: none; } 
img {/*出现效果平滑过渡*/ max-width:100%; height:auto;display: inline-block;}
a{display:block;width:100%; height:auto;cursor:pointer; 
     transition:All 0.8s ease-in-out;
    -webkit-transition:All 0.8s ease-in-out;
    -moz-transition:All 0.8s ease-in-out;
    -o-transition:All 0.8s ease-in-out;}
a:hover{ transition:All 0.8s ease-in-out;
    -webkit-transition:All 0.8s ease-in-out;
    -moz-transition:All 0.8s ease-in-out;
    -o-transition:All 0.8s ease-in-out;}
*{font-family:"Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", "Arial", "sans-serif";margin:0; padding:0; border:none; outline:none;list-style: none;text-decoration: none; vertical-align: middle;}
.bi{max-width:100%; display:none; width:100%; min-width:100%; height:100%; float:left;}
.bo{max-width:100%; display:block; height:50px; background-color:#fff; width:100%; min-width:100%; height:100%; float:left;}
body{max-width:100%; width:100%; min-width:100%; height:100%; float:left;}
.w_common{ display:none;}
.about2{ display:none;}
.main_visual{ display:none;}
.xianxiu{ display:none;}
.about1{ display:none;}
.adapMobile{ display:none;}
.jishu{ display:none;}
.disaggregated{ display:none;}
.diimg{ display:none;}
.utuo{ display:none;}
/*导航*/
.nav{ display:none;width:100%;margin:0 auto; position:relative; z-index:10; height:100px; background-color:#222222;}

/*关于榕都*/
.about-rodu{  display:none; float:left; width:100%;height:600px;position:relative; background:url(../images/about.jpg) no-repeat 0 0; background-size:100% 100%;}

/*底部*/
.footer{display:none; width:100%;height:335px;position:relative; padding-top:38px; background-color:#222222;}


header{ background:#222222; position:fixed; top:0; left:0; float:left; height:50px; width:100%; line-height:50px;}
header img.left{ float:left; width:38px; height:38px; margin:6px 0px 0px 20px;}
header img.right{ float:right;width:20px; height:20px; margin:15px 15px 0px 0px;}
/*轮播图*/
.banner{ float:left; width:100%; position:relative; height:150px; margin-bottom:10px;}
.banner-lit{ width:180px; height:150px; position:absolute; top:40px; right:0; z-index:100; background-color:#fff; overflow: hidden;}
.banner-lit img{ width: 180px; height: 150px;}
.banner .flexslider { position: relative; width: 100%; height: 150px; overflow: hidden;  z-index:1}
.banner .slides { position: relative; z-index: 1;}
.banner .slides li { height: 150px;}
.banner .slides li a{ width:100%; height:150px; display:block;}
.banner .flex-control-nav { position: absolute; bottom:15px; z-index: 2; width:100%; text-align: center;}
.banner .flex-control-nav li { display: inline-block; width:20px; height:2px; margin: 0 3px; *display: inline; zoom: 1;}
.banner .flex-control-nav a { display: inline-block; width:20px; height:2px; line-height: 40px; overflow: hidden; cursor: pointer; background-color:#fff; font-size:0;}
.banner .flex-control-nav .flex-active { background-color:#0082cb;}
.banner .flex-direction-nav{ position: absolute; z-index:100; width: 100%;}
.banner .flex-direction-nav a{ display: block; position: absolute; font-size: 0;}
ner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}
.banner .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

/*服务范围*/
.business{ float:left; position:relative; width:100%;}
.business .business-mein{ margin:auto; width:100%;}
.business-mein .business-top{ padding-top:20px; width:100%; height:50px; margin:auto; display:block;}
.business-mein .business-top h1{ text-align:center; font-size:16px; font-weight:normal; color:#333333; display:block;}
.business-mein .business-top span{font-size:0.8em; font-family:Arial Narrow;color:#999999; display:inline-block; text-align:center; margin:auto;}
.business-mein .business-top span img{ display:block; width:60%; margin:auto;}
.business-mein .business-top .business-span{ margin:auto; display:block; text-align:center; }
.business-mein .business-tebody{ width:100%; height:460px; margin:auto;}

.business111{ background:url(../images/abouta.jpg) no-repeat 0 0; background-size:100% 100%; float:left; position:relative; width:100%;}
.business-mein .business-tebody111{ width:100%; height:380px; margin:auto;}
.business-mein .business-tebody111 .business-tebody-top{ margin:auto; display:block; }
.business-mein .business-tebody111 .business-tebody-top ul{ display:block; margin:auto; text-align:center;margin-bottom:0px;}
.business-mein .business-tebody111 .business-tebody-top li{  margin:0px 0px; height:38px; width:10%; display: -webkit-inline-box;}
.business-mein .business-tebody111 .business-tebody-top li.activ{background:url(../images/guan.png) no-repeat 0px 7px; background-size:100% 70%;margin:0px 0px; }
.business-mein .business-tebody111 .business-tebody-top li a.activ{color:#0082cb;}
.business-mein .business-tebody111 .business-tebody-top li:hover{ background:url(../images/guan.png) no-repeat 0px 7px; background-size:100% 70%;margin:0px 0px; }
.business-mein .business-tebody111 .business-tebody-top li a{ line-height:39px; color:#333333; font-size:12px;}
.business-mein .business-tebody111 .business-tebody-top li a:hover{ color:#0082cb;transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.business-mein .business-tebody111 .business-tebody-bottom{width:100%;margin:auto; display:block; }
.business-mein .business-tebody111 .business-tebody-bottom li .business-bottom-left{ float:left; width:90%; margin-left:5%; margin-top:10px;}
.business-mein .business-tebody111 .business-tebody-bottom li .business-bottom-left h1{ font-size:16px; color:#333333; font-weight:normal; text-align:left;}
.business-mein .business-tebody111 .business-tebody-bottom li .business-bottom-left h2{ margin-top:10px; border-bottom:1px solid #0082cb; width:30px; margin-left:2px;}
.business-mein .business-tebody111 .business-tebody-bottom li .business-bottom-left p{ margin-top:10px; margin-bottom:20px; font-size:12px; line-height:20px; text-align:left; width:100%; color:#666666;}
.business-mein .business-tebody111 .business-tebody-bottom li .business-bottom-left a{display:inline-block; line-height:25px; background-color:#0082cb;text-align:center; font-size:12px; font-family:Arial Narrow; width:35%; height:25px; border:1px solid #0082cb; color:#fff;}
.business-mein .business-tebody111 .business-tebody-bottom li .business-bottom-left a:hover{ border:1px solid #0082cb; background-color:#0082cb; color:#fff;}
.business-mein .business-tebody111 .business-tebody-bottom li{ display:none;}
.business-mein .business-tebody111 .business-tebody-bottom li.activ{ display:block;}
.business-mein .business-tebody111 .business-tebody-bottom .business-bottom-rgiht{ margin-left:5%; margin-top:20px; width:90%; float:left; height: auto;}
.business-mein .business-tebody111 .business-tebody-bottom .business-bottom-rgiht video{position: absolute;width:90%;height: auto;}
.business-mein .business-tebody111 .business-tebody-bottom .fooimg{margin:auto; margin-top:20px; float:left; display:flex; width:94%; margin-left:3%;height:auto;}
.business-mein .business-tebody111 .business-tebody-bottom .fooimg img{ margin:auto; width:30%; height:160px; display:block; }

.business-mein .business-tebody .business-tebody-top{ margin:auto; display:block; }
.business-mein .business-tebody .business-tebody-top ul{ display:block; margin:auto; text-align:center;margin-bottom:0px;}
.business-mein .business-tebody .business-tebody-top li{  margin:0px 0px; height:38px; width:10%; display: -webkit-inline-box;}
.business-mein .business-tebody .business-tebody-top li.activ{background:url(../images/guan.png) no-repeat 0px 7px; background-size:100% 60%;margin:0px 0px; }
.business-mein .business-tebody .business-tebody-top li a.activ{color:#0082cb;}
.business-mein .business-tebody .business-tebody-top li:hover{ background:url(../images/guan.png) no-repeat 0px 7px; background-size:100% 60%;}
.business-mein .business-tebody .business-tebody-top li a{ line-height:39px; color:#333333; font-size:12px;}
.business-mein .business-tebody .business-tebody-top li a:hover{ color:#0082cb;transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.business-mein .business-tebody .business-tebody-bottom{width:100%;margin:auto; display:block; }
.business-mein .business-tebody .business-tebody-bottom li .business-bottom-left{ float:left; width:90%; margin-left:5%; margin-top:20px;}
.business-mein .business-tebody .business-tebody-bottom li .business-bottom-left h1{ font-size:16px; color:#333333; font-weight:normal; text-align:left;}
.business-mein .business-tebody .business-tebody-bottom li .business-bottom-left h2{ margin-top:10px; border-bottom:1px solid #0082cb; width:30px; margin-left:2px;}
.business-mein .business-tebody .business-tebody-bottom li .business-bottom-left p{ margin-top:10px; margin-bottom:20px; font-size:12px; line-height:20px; text-align:left; width:100%; color:#666666;}
.business-mein .business-tebody .business-tebody-bottom li .business-bottom-left a{display:inline-block; line-height:25px; background-color:#0082cb; text-align:center; font-size:12px; font-family:Arial Narrow; width:35%; height:25px; border:1px solid #0082cb; color:#fff;}
.business-mein .business-tebody .business-tebody-bottom li .business-bottom-left a:hover{ border:1px solid #0082cb; background-color:#0082cb; color:#fff;}
.business-mein .business-tebody .business-tebody-bottom li{ display:none;}
.business-mein .business-tebody .business-tebody-bottom li.activ{ display:block;}
.business-mein .business-tebody .business-tebody-bottom .business-bottom-rgiht{ margin-left:5%; position:relative; z-index:1; margin-top:20px; width:90%; height:200px; overflow:hidden; float:left;}
.business-mein .business-tebody .business-tebody-bottom .business-bottom-rgiht video{position: absolute; z-index:1;width:100%;height: auto;}

.footerapp{ float:left; height:60px; background-color:#222222; width:100%; text-align:center; font-size:0.7em; margin-bottom:45px;}
.footerapp p{ color:#757982;line-height:40px;font-size:0.8em}
.footerapp h1{ color:#757982;line-height:0px; font-weight:normal; font-size:0.8em;}
.footerlist{ position:fixed;bottom:0; left:0; z-index:555; float:left; margin:auto; text-align:center; display:block; width:100%; height:45px; background:#0082cb;}
.footerlist img{ margin:auto; width:35px; height:28px; text-align:center; display:block;}
.footerlist li{ display:block; width:33.333%; float:left; display:block;}
.footerlist li a{ font-size:0.5em; line-height:20px; color:#fff;}


.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  width:100%;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  height: 100%;
  background-color:#222222;
  z-index: 2;
  padding-top: 50px;
   margin-bottom:45px;
    height: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
header.is-fixed {
  position: fixed;
}

#cd-logo {
  display: block;
  float: left;
}
#cd-logo img {
  display: block;
}


#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: none;
}
#cd-top-nav ul {
  height: 100%;
  padding-top: 18px;
}
#cd-top-nav li {
  display: inline-block;
  margin-right: 1em;
}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) {
  #cd-top-nav {
    display: block;
  }
}

#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  display: none;
}
#cd-menu-trigger .cd-menu-icon {
	opacity:0;
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  opacity:0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px; display:none;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: white;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
  #cd-menu-trigger {
    width: 110px;
    padding-left: 1.25em;
  }
  #cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 70px;
  }
  #cd-menu-trigger .cd-menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

#cd-lateral-nav {
	z-index:555;
  position: fixed;
  height:100%;
  right:-40%;
  top: 0;
  /* the secondary navigation is covered by the main element */
  width:40%;
      box-shadow: 0px 0px 5px #adadad;
  background-color:#ffffff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation {
  margin:0px;
}
#cd-lateral-nav .sub-menu {
	 display:none;
  padding: 0 10px 20px 15px;
  display: none;
}
li.item-has-children{ height:50px; line-height:50px; }
#cd-lateral-nav a {
	border-bottom:1px solid #f1f1f1;
  display: block;
font-size:12px; color:#0182c9;
text-align:center;
}
#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;

  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -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-lateral-nav .socials {
  padding: 0 32px;
}
#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
  background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github {
  background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
  background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google {
  background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
  background-color: #4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
  background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
  background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
  background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
  background-position: -96px -32px;
}
/*留言*/
.about5{ float:left; width:100%; position:relative;}
.about5 h1{ background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}
.about5 .about5-1{ float:left; width:100%; margin-bottom:5px;}
.about5 .about5-1 p{ text-indent:10px; font-size:0.9em; text-indent:5%; color:#888; margin:10px 0px 10px 0px;}
.about5 .about5-1 textarea{ width:90%; float:left; padding:10px 0px 10px 0px; text-indent:10px; margin-left:5%; height:100px; border:1px solid #CCC;}
.about5 .about5-1 input{ width:90%; float:left;  text-indent:10px; margin-left:5%; height:34px; line-height:34px; border:1px solid #CCC;}
.about5 .about5-1 select{ float:left; color:#999; text-indent:5px; float:left; margin-left:5%; width:90%; height:35px; line-height:34px; font-size:14px;border:1px solid #CCC;}
.about5 .about5-2 input{ width:90%; float:left; border-radius:4px; font-size:16px;  text-indent:0px; margin-left:5%; height:42px; line-height:42px; background-color:#0082cb; color:#fff;}
.about5 .about5-2{ float:left; width:100%; margin-bottom:150px; margin-top:30px;}
/*经营范围*/
.jinying{ float:left; width:100%; position:relative;}
.jinying h1{ background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}
.jinying-q{ float:left; width:90%; margin-left:5%;}
.jinying-q h1{ width:100%; font-size:18px; font-weight:normal; height:60px; line-height:60px; background:none; text-align:center;}
.jinying-liu{animation-fill-mode: both;
    box-sizing: border-box; width:95%; float: none; display:block; margin:auto; margin-bottom:50px;}
.jinying-liu li{ border-bottom:1px solid #f0f0f0; padding-bottom:10px;animation-fill-mode: both;
    box-sizing: border-box;  width: 30%;height: 60px; margin:10px 1.6%;
	 display:block;
  
    transition: opacity .4s ease-in-out;
    display: inline-block;
    column-break-inside: avoid;}
.jinying-liu li img{ 
    margin: auto;
    display: block;
    max-width:100px;
    animation-fill-mode: both;
    box-sizing: border-box; animation-fill-mode: both;
    box-sizing: border-box;  max-height:40px;margin-bottom:10px;}
.jinying-liu li p{ font-size:14px; line-height:30px;}

.jinying-liu1{ width:95%; float: none; display:block; margin:auto; margin-bottom:50px;}
.jinying-liu1 li{  height: 240px;   width: 100%; 
	 display:block;
    padding-bottom: 10px;
    transition: opacity .4s ease-in-out;
    display: inline-block;
    column-break-inside: avoid;}
.jinying-liu1 li img{ 
    margin-bottom: 10px;
    animation-fill-mode: both;
    box-sizing: border-box;
    max-height: 40px;
    text-align: center;
    display: block;
    margin: auto;}
.jinying-liu1 li p{ font-size:14px; line-height:30px;}







.op-1{ width:100%; float:left;}
.op-1 h2{ width:100%; font-size:16px; line-height:40px; text-indent:30px; font-weight:normal; color:#777;}
.op-12{ float:left; width:100%; height:100%; }
.rec-app .op-12 li a{ color:#999; font-size:14px; text-indent:30px;}
.rec-app .op-12 li{margin: 0px 0px 0px 0px; line-height:35px; height:35px;
    padding-bottom:0px;
    border:0px solid #ddd;
    box-shadow: 0px 0px 1px #d8d8d8;}
.bigf{ width:100%; float:left; margin-bottom:50px;}
/*新闻列表*/
.listvotext{ float:left; width:100%; position:relative;}
.listvotext h1{background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}
.listvotext-list{ width:90%; height:100%; float:left; margin:0px 0px 30px 5%;}
.listvotext-list img{ float:left; margin:10px;     width: 30%;
    height: 4.5rem;}
.listvotext-list li h1{ background:none; text-indent:0; line-height:25px; padding-top:10px; height:25px; font-size:16px;display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1; float:left; width:50%;}
.listvotext-list li p{ float:left; width:50%;font-size:14px; color:#6b6b6b;display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.listvotext-list li strong{float:left; width:50%;font-size:12px; color:#999; font-weight:normal;}
.listvotext-list li{ height:97px; margin:0px 0px 20px 0px;     background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 3px solid #ddd;}

/*分列表页详细*/
.xianxiu1{ float:left; width:100%; margin-bottom:100px;}
.xianxiu1 .xianxiuma{ margin:auto; width:90%;}
.xianxiu1 .xianxiuma span{ float:left; width:100%; height:100%;    display: block;}
.xianxiu1 h1{ position:relative; background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}
.xianxiuma h2{ font-size:18px; color:#333; font-weight:600; text-align:center; line-height:40px; margin-bottom:10px;}
.xianxiuma-text{ float:left; width:100%; height: auto;}
.xianxiuma-text img{ width:100%; float:left;}
.xianxiuma-text p.text1{color:#555; font-size:14px;text-align:left; padding-top:20px; line-height:20px;}
.xianxiuma-text p.text2{color:#999; font-size:14px; text-align:left;padding-top:20px;}
.xianxiuma p{ text-align:center; display:block; color:#999; font-size:14px;}
a.jkas1{ float:left; width:50%; color:#999; font-size:14px; margin-top:10px;}
a.jkas2{ float:right; text-align:right; width:50%; color:#999; font-size:14px; margin-top:10px;}
a.jkas1:hover, a.jkas2:hover{ color:#f00;}
.dl-menuwrapper {
	width: 100%;
 height:45px;
	float: right;
	position: relative;
	top:-50px;
	right:0;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	border: none;
	width:45px;
	height:45px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:5px;
	right:0;
	cursor: pointer;
	outline: none;
	background: #f7f7f7 url(../images/list-2.png) no-repeat 10px 12px;
	background-size: 50%;
}
.dl-menuwrapper ul {
	background:#f7f7f7;
}
.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	width:100%;
	text-indent:30px;
	padding: 10px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color:#222;
	border-top: 1px solid #fff;

	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	z-index:8888;
	left:0;
	top:46px;
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/*经营范围*/
.fangqu{ float:left; width:100%; position:relative;}
.fangqu h2{ background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}

/*联系我们*/
.about10{ float:left; width:100%;}
.about10 h1{ background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}
.about10 .about1-top{ margin:auto; width:90%; margin-left:5%; }
.about10-li{ float: left; width:100%; border:0px solid #cccccc; height: auto; margin-bottom:30px;}
.about10-li li{ width:90%; margin-left:5%; float:left; padding:10px 0px 10px 0px;}
.about10-li li h1{ font-size:15px; color:#666; line-height:45px; height:45px; text-align:left; text-indent:30px;}
.about10-li li h2{ font-size:15px; color:#999; line-height:25px; margin-top:5px;font-weight:normal;text-align:left; text-indent:30px;}
.about10-img{ margin:auto; width:90%; text-align:center; display:block; margin-bottom:50px;}


.diimg11{float:left;width:100%;}
.diimg11 .diimg11-img{ margin:auto;  display:block; text-align:center;}
.diimg11 .diimg11-img img{ margin:auto; display:block; text-align:center;}


.about2{ float:left; width:100%;}
.about2 form.msgForm{ display:block; margin:auto; width:1200px;}
.about2-text{float:left; width:100%; margin-bottom:10px; padding:0px 0px 0px 150px;}
.about2-text span{ float:left; width:40%; font-size:14px; color:#999;}
.about2-text span input.wan{ line-height:30px; width:15px; height:15px; font-size:14px; color:#999;}
.about2-text span input.tijiao{ background:#eb0012; margin-bottom:100px; color:#fff; width:100px; text-align:center; margin-left:90px; text-indent:0; height:40px; line-height:40px;}
.about2-text p{ float:left; width:80px; text-align:right; line-height:30px; font-size:14px; color:#555; margin-right:10px;}
.about2-text p strong{ color:#eb0012;}
.about2-text textarea{ width:840px; height:140px; float:left; color:#999; padding:5px 5px; border:1px solid rgba(228,228,228,1);}
.about2-text input{border:1px solid rgba(228,228,228,1); width:380px; height:36px; line-height:36px; text-indent:10px;}
/*人才招聘*/
.recruit{ float:left; width:100%; height:auto; position:relative;}
.recruit .recruitmao{ margin:auto; width:1200px; margin-top:20px; margin-bottom:50px;}
.recruitmaoleft .recruitmaoleft-top{ color:#fff; height:70px; width:100%; padding-top:50px; background-color:#00afaa;}
.recruitmaoleft .recruitmaoleft-top h1{ font-size:20px; text-indent:50px; }
.recruitmaoleft .recruitmaoleft-top p{ font-size:14px; line-height:30px; text-indent:50px; }
.recruitmaoright{ float:left; width:1200px; margin-bottom:200px; background:#fff; padding-top:20px;}
.recruitmaoright h1{ text-indent:5px; font-size:18px; width:500px; float:left; color:#333; font-weight:600;}
.recruitmaoright span{ display:inline; float:right; margin-right:20px; font-size:#16px; color:#999;}
.recruit-div{ float:left; width:100%;}
.recruit-div .recruit-div-top{ margin:auto; display: flex; width:100%;}
.recruit-div .recruit-div-top li{ float:left; display:block; margin:auto; background-color:#00afaa; color:#fff; text-align:center; padding:20px 0px; font-size:14px; width:132.33333px; margin-right:1px;}
.recruit-div-list{ float:left;}
.recruit-div-list ul.top li{ color:#333;  height:60px; background-color:#ebebeb; float:left; text-align:center; line-height:60px; font-size:14px;width:132.33333px; margin-right:1px;}
.recruit-div-list ul.bottom li{color:#333;  height:60px; background-color:#f5f5f5; float:left; text-align:center; line-height:60px; font-size:14px;width:132.33333px; margin-right:1px;}
/*app*/
.rec-app{ float:left; width:100%; position:relative;}
.rec-app h1{background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}
.rec-app .rec-app-top{ width:90%; float:left; margin-left:5%;}
.rec-app .rec-app-top h1{ color:#000; text-indent:10px; font-size:1em; border-bottom:1px solid #d2d2d2; height:55px; line-height:55px; background:none; text-align:center;}
.rec-app .rec-app-top p{color:#77; padding:20px 0px 20px 5px;text-indent:50px; font-size:0.8em; line-height:20px;}
.rec-app-top ul li{ margin:0px 0px 20px 0px; padding-bottom:20px;  border:1px solid #ddd; box-shadow:2px 2px 5px #d8d8d8;}
.rec-app li span.rec-app-topp1{ display:block;font-size:14px; color:#000; text-indent:10px; padding-top:20px;}
.rec-app li span.rec-app-topp2{ display:block;font-size:14px; color:#000; text-indent:10px; margin:5px 0px 5px 0px; }
.rec-app li span.rec-app-topp3{display:block; font-size:14px; color:#000; line-height:25px;text-indent:10px;  margin:5px 0px 5px 0px; }
.rec-app li span.rec-app-topp4{display:block; font-size:14px; margin:auto; line-height:25px;width:90%;color:#555; text-indent:10px;}
/*技术支持*/
.jishuapp{ float:left; width:100%; position:relative; margin-bottom:80px;}
.jishuapp h1{background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}
.jishuapp-text{ text-align:center; margin-bottom:10px; float:left;width:100%; text-indent:10px; font-size:16px; line-height:25px; margin-top:10px; border-bottom:1px solid #dcdcdc; color:#999;}
.jishuapp-img{ margin:auto; display:block; margin-top:00px;width:90%; max-width:90%;}
.jishuapp-p{ float:left; width:90%; margin-left:5%;}
.jishuapp-img img{ height:auto; width:100%; margin-bottom:15px;}

.adapMobile110 .adapMobilemao{width:90%;margin:auto; margin-bottom:50px; height:100%;}
.adapMobile110{ float:left; width:100%; margin:auto;}
.adapMobile110 h1{ background-color:#f7f7f7; color:#333; text-indent:10px; font-size:1em; height:45px; line-height:45px;}
.adapMobile110 h3{ font-size:24px; color:#555; text-align:center; margin:20px 0px 30px 0px;}
.adapMobile110 .adapMobilemao  li{ display:block; width:90%; margin-left:5%; float:left; height: auto; margin-bottom:50px;}
.adapMobile110 .adapMobilemao  li a{ color:#555; float:left;font-size:14px;}
.adapMobile110 .adapMobilemao  li a:hover{ color:#d70000; transition:All 0.1s ease-in-out;
    -webkit-transition:All 0.1s ease-in-out;
    -moz-transition:All 0.1s ease-in-out;
    -o-transition:All 0.1s ease-in-out;}
.adapMobile110 .adapMobilemao .adapMobilemaomaig{ margin-left:20px;  margin-bottom:10px; margin-right:20px; height:100%; float:left;}
.about10-top{ padding-bottom:30PX;}
#columns{
    column-gap: 30px;
    width: 90%;
    max-width: 1280px; margin: 0px;
    padding: 0px;
    line-height: 1.8;
    font-size: 14px;}
#columns figure{
	width:375px;
	 margin:0px 10px 0px 10px;
	  padding-bottom: 10px;
    transition: opacity .4s ease-in-out;
    display: inline-block;
    column-break-inside: avoid;}
 #columns figure img {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
    margin-bottom: 0px;
}
#columns figure figcaption {
    font-size: 14px;
    color: #444;
    border-bottom: 1px solid #ccc;
    line-height: 2;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
img.js_thumb{ height:262px; width:100%;}
.picture{ position: relative; height:252px; z-index:1;}
.imgimg0{ position:absolute; z-index:5; margin:auto;top:50%;left:50%; margin-left:-30px;margin-top:-15px; }
.imgimg0 img{ width:60px; height:60px; }