@charset "utf-8";
/* CSS Document */
/* banner */
.slide_container {
  position: relative;
  float: left;
  width: 100%;
  }
 .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
 .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
 .slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left:10px;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 20px;
  width:12px;
  background: transparent url("../images/themes.png") no-repeat left top -40px;
  margin-top: -10px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
   background: transparent url("../images/themes.png") no-repeat right top -40px;
  right:10px;
  }
  
/* about */
.about_box{ width:100%; height:auto; overflow:hidden; background:#f4f4f4; border-bottom:solid 1px #efefef;}
.about_tit{ width:90%; text-align:center; margin:0 auto; padding:30px 0;}
.about_tit img{ max-width:80%;}

.about_con{ width:90%; margin:0 auto;}
.about_left{ width:100%; height:394px; float:left; line-height:26px;}
.about_left img{ width:100%;}
.about_left p{ margin:10px 0 20px 0;}
.learn_more{ max-width:50%; margin:0 auto; display:block; height:auto;}


/* case */
.case_title{ width:90%; text-align:center; margin:0 auto; padding:30px 0;}
.case_title img{ max-width:80%;}
.case{ width:90%; margin:0 auto; height:auto; overflow:hidden;}
.case ul{}
.case ul li{ display:block; width:100%; height:auto; float:left; position:relative; margin-top:10px;}
.case ul li .case_box{ position:absolute; top:0; left:0; z-index:99; display:none; width:100%; height:100%; background-color:rgba(15,70,137,0.85); text-align:center; line-height:270px; font-size:20px; font-weight:bold; color:#FFF; overflow:hidden;}
.case ul li .case_box img{ margin-right:5%;}
.case ul li:hover .case_box{ display:block;}

/* pro */
.pro_box{ width:100%; height:auto; overflow:hidden; background:#f4f4f4;}
.pro_box .pro_title{ width:90%; text-align:center; margin:0 auto; padding:30px 0;}
.pro_box .pro_title img{ max-width:80%;}
.entity_list{ width: 90%; height: 259px; margin: 0 auto; }
#foot_demo{ width: 100%; height: 259px; overflow: hidden; }
#indemo{ width: 30000%; height: 259px; float: left; }
#foot_demo1{ float: left; overflow: hidden;}
#foot_demo2{ float: left; }
.entity_list_box{ width: 209px; height: 259px; float: left; margin-right: 15px;}
.entity_list_box img{ width: 209px; height: 209px; }
.entity_list_box span{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-weight: bold; font-size: 14px; }