* {
  margin: 0;
  padding: 0
}
em,i {
  font-style: normal
}
li {
  list-style: none
}
img {
  border: 0;
  vertical-align: middle
}
button {
  cursor: pointer
}
a {
  color: #666;
  text-decoration: none
}
p,div,ul,ol,li,section {
  font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  font-size:14px;
  list-style:none;
  padding:0;
  margin:0;
}html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}
header {
  margin: 0;
  padding: 10px 0;
  width: 100%;
  background: #1f1a17;
  position: fixed;
  z-index: 999;
  transition: all 0.3s;
}
@media screen and (min-width: 750px) {
  .menu-left {
    float: left;
    width: 200px;
  }
  .menu-left img {
    width: 50%;
  }
  .menu-icon {
    display: none;
  }
  .menu-right {
    height: 30px;
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -15px;
  }
  .menu-right .menu-item {
    padding: 0;
    margin: 0;
    color: white;
    text-align: center;
  }
  .menu-right .menu-item:hover {
    cursor: pointer;
  }
  .menu-right .menu-item li a {
    text-decoration: none;
    color: white;
    display: block;
  }
  .menu-right .menu-item:after {
    display: block;
    content: "";
    clear: both;
  }
  .menu-right .menu-item > li {
    line-height: 30px;
    float: left;
    margin-left: 10px;
    width: 100px;
    border-radius: 20px;
    transition: all 0.5s;
  }
  .menu-right .menu-item > li:hover {
    background: #0093dd;
  }
}
@media screen and (max-width: 750px) {
  .menu-left {
    float: left;
    width: 80px;
  }
  .menu-left img {
    width: 100%;
  }
  .menu-right {
    float: right;
    color: white;
    background: #1f1a17;
    position: relative;
    top: 50%;
    width: 80px;
    text-align: center;
    height: 24px;
  }
  .menu-right .menu-icon {
    line-height: 24px;
  }
  .menu-right .menu-icon svg {
    width: 24px;
    height: 24px;
    fill: white;
  }
  .menu-right .menu-item {
    display: none;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 100;
    background: #1f1a17;
    opacity: 0.6;
    padding-top: 10px;
  }
  .menu-right .menu-item:hover {
    cursor: pointer;
  }
  .menu-right .menu-item li {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  .menu-right .menu-item li a {
    text-decoration: none;
    color: white;
  }
  .menu-right .menu-item li a:hover {
    text-decoration: none;
  }
  .menu-right .menu-item li:last-child {
    border-bottom: none;
  }
}
/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:left, top, -webkit-transform;
	
	transition-property:transform, left, top;
	
	transition-property:transform, left, top, -webkit-transform;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.title {
  text-align: center;
}
.title img {
  width: 100%;
}
.title h1 {
  font-size: 20px;
  font-weight: 600;
}
.top-none {
  height: 49px;
}
@media screen and (max-width: 750px) {
  .top-none {
    height: 40px;
  }
}
#foot .bg {
  width: 100%;
  background: url(/home/img/footer.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
#foot .bg .contact {
  text-align: center;
  color: #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
}
#foot .bg .contact h4 {
  font-size: 20px;
  font-weight: 500;
  color: white;
}
#foot .bg .contact .span {
  font-size: 14px;
}
#foot .bg .QR {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -60px;
  width: 120px;
  height: 120px;
}
#foot .bg .QR img {
  width: 120px;
}
@media screen and (max-width: 850px) {
  #foot .bg .contact {
    display: block;
  }
  #foot .bg .QR {
    position: static;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
#top-carousel {
  border-bottom: 1px dashed #ccc;
}
#top-carousel .top-swiper {
  width: 100%;
  overflow: hidden;
}
#top-carousel .swiper-slide {
  width: 100%;
}
#top-carousel .swiper-slide img {
  width: 100%;
}
#bottom-carousel .bottom-swiper {
  width: 100%;
  overflow: hidden;
}
#bottom-carousel .swiper-slide {
  width: 100%;
}
#select {
  text-align: center;
  margin: 0 auto;
  padding-top: 56px;
  padding-bottom: 70px;
}
#select li {
  border: 1px solid #ccc;
  padding: 5px 0;
  border-radius: 20px ;
}
#select li:hover {
  cursor: pointer;
  background: #ccc;
  color: white;
}
.baohan-text {
  width: 80%;
  margin: 0 auto;
  padding-top: 20px;
}
.baohan-text .baohan-wrapper {
  margin: 40px 0;
}
.baohan-text .baohan-wrapper .img-layout {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
}
.baohan-text .baohan-wrapper .img-layout img {
  width: 100%;
  height: auto;
}
.baohan-text .baohan-wrapper .left {
  padding-right: 10%;
}
.baohan-text .baohan-wrapper .right {
  padding-left: 10%;
}
.baohan-text .baohan-wrapper .text {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  word-break: break-all;
}
@media screen and (max-width: 750px) {
  .baohan .baohan-wrapper {
    text-align: center;
  }
  .baohan .baohan-wrapper .img-layout {
    display: block;
    width: 100%;
  }
  .baohan .baohan-wrapper .text {
    display: block;
    width: 100%;
  }
  .baohan .baohan-wrapper .left {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .baohan .baohan-wrapper .right {
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.danbao-text {
  word-break: break-all;
  padding-top: 60px;
}
.danbao-text .news {
  transition: all 0.3s;
  cursor: pointer;
  padding: 0;
  border: 1px solid #ccc;
  margin-top: 20px;
}
.danbao-text .news:hover {
  -webkit-transform: translate(0, -18px);
          transform: translate(0, -18px);
}
.danbao-text .news:hover .text {
  background: #0093dd;
  color: white;
}
.danbao-text .news:hover .new-date {
  color: #0093dd;
}
.danbao-text .news:hover .new-date .date-month {
  color: #0093dd;
}
.danbao-text .news .text {
  padding: 10px 20px;
}
.danbao-text .news .text .text-title {
  margin: 0;
  padding: 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 22px;
}
.danbao-text .news .text .text-abstract {
  position: relative;
  line-height: 1.4em;
  height: 4.2em;
  overflow: hidden;
  margin-bottom: 10px;
}
.danbao-text .news .new-date {
  border-top: 1px solid #ccc;
  padding: 10px 20px;
  background: #f8f7fc;
}
.danbao-text .news .new-date .date-month {
  font-size: 28px;
  font-weight: 700;
  color: #61728e;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvbGV0dGVyLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/