/** 通用 **/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-family: sans-serif;
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-appearance: none;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	/*height: 100%;*/
}
img {
	border: 0;
	vertical-align: middle;
}
a {
	text-decoration: none;
	color: #8e8e8e
}
h1,h2,dl,dd,ul,li{
	margin:0;
	padding:0;
}
ul,li {
  list-style:none;
}
hr {
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  margin: 20px 0;
}


body {
  font-family: Microsoft Yahei, sans-serif;
  /*background-color: #eee;*/
  background-color: #fff;
  height: auto;
  background-repeat: repeat;
  background-size: 100% auto;
/*	-webkit-transition: all 0.3s;
	transition: all 0.3s;*/
}

/*设置选择目标背景色*/
::selection {
	background-color: red;
	color: #fff
}
/*设置选择目标背景色*/

/*设置滚动条样式*/
::-webkit-scrollbar { /*滚动条整体*/
width:10px;
height:10px;
overflow:auto
}
::-webkit-scrollbar-thumb {/* 滚动条里面小方块*/
background-color:#e6e6e6;
min-height:25px;
min-width:25px;
border:1px solid #e0e0e0
}
::-webkit-scrollbar-track { /*滚动条轨道*/
background-color:#f7f7f7;
border:1px solid #efefef
}
/*设置滚动条样式*/


.btn {
  border: 0;
	border-radius: 3px;
	/*box-shadow: 0 1px 2.5px rgba(0,0,0,.6);*/
	letter-spacing: 0;
	text-align: center;
	cursor: pointer;
	display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  -webkit-appearance: none;
	outline: none;
  font-family: inherit;
  cursor: pointer;
}
.main_more {
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  padding: 15px 20px;
  margin: 20px 0;
  background-color: #f9f9f9;
  cursor: pointer;
}
/* 按钮初始色，黑框 */
.btn_color_1 {
  background-color: rgba(255,255,255,0);
  border:1px solid #9f9f9f;
  color: #9f9f9f;
}
.btn_color_1:hover {
  color: #333;
  border:1px solid #333;
}
/* 按钮初始色，黑 */
.btn_color_2 {
  background-color: #444;
  color: #fff;
}
.btn_color_2:hover {
  background-color: #000;
}

.btn_shadow {
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.btn.disabled,
.btn.disabled:hover {
  background-color: #e5e5e5;
  color: #6b6b6b;
  box-shadow: none;
  cursor: default;
}
.card {
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.img {
  background-image:url(../img/img_blank.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
/* 通用居中 */
.limitwidth{
  max-width:1200px;
  margin:0 auto;
}

/* 返回顶部 */

.totop_btn{
  position:fixed;
  bottom:100px;
  right:20px;
  background-color:rgba(0, 0, 0, 0.5);
  width:50px;
  height:50px;
  border-radius:100%;
  text-align:center;
  line-height:50px;
  cursor:pointer;
  display:none;
}
.totop_btn.active{
  display:block;
  -webkit-animation:scroll_to_top_ani 0.3s ease-out;
  animation:scroll_to_top_ani 0.3s ease-out;
}
@-webkit-keyframes scroll_to_top_ani{
  0%{
    -webkit-transform:scale(0)
  }
  50%{
    -webkit-transform:scale(1.2)
  }
  100%{
    -webkit-transform:scale(1)
  }
}
@keyframes scroll_to_top_ani{
  0%{
    transform:scale(0)
  }
  50%{
    transform:scale(1.2)
  }
  100%{
    transform:scale(1)
  }
}
.totop_btn:hover{
  background-color:#333;
}
.totop_btn i{
  color:#fff;
  font-size:24px;
}

/******** 通用黑色遮罩 ********/
.mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  z-index: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#shadow {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  z-index: 5;
  display: none;
}
.shadow_show {
  overflow: hidden;
  position: fixed;
  /*position: absolute;*/
  width: 100%;
  height: 100%;
}

/** 弹出全局搜索 **/
#subplate_globalsearch {
  z-index: 100;
}
#subplate_globalsearch .mask {
  cursor: pointer;
}
#subplate_globalsearch .globalsearch_card {
  position: absolute;
  top: 40%;
  width: 100%;
}
#subplate_globalsearch .globalsearch_card .card {
  padding: 30px;
  background-color: #f4f4f4;
}
#subplate_globalsearch .globalsearch_card .search_box .input_search {
  border: 2px solid #aaa;
}


/******** 滑出面板 ********/
.subplate_wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.subplate {
  position: fixed;
  top: 80px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
  z-index: 6;
  overflow: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  border-radius: 20px 20px 0 0;
  -webkit-overflow-scrolling: touch;
}
.subplate_box {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
.subplate_wrap.hide {
  visibility: hidden;
}
.subplate_wrap.hide .subplate {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.subplate_wrap.hide .mask {
  opacity: 0;
}
/*
.subplate_wrap .btn_cancel {
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 100px;
  width: 40px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 10;
}
*/
.subplate_wrap .subplate_title {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  font-size: 14px;
  color: #858585;
  margin-bottom: 10px;
}

.subplate_wrap .bottombar {
  z-index: 7;
  box-shadow: none;
}

/** 搜索框 通用母版 **/
.search_box {
  position: relative;
  padding: 5px 0;
}
.search_box .input_search {
  line-height: 40px;
  height: 40px;
  border: 0;
  width: 100%;
  padding: 0 0 0 35px;
  outline: none;
  font-size: 14px;
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
}
.search_box .material-icons {
  position: absolute;
  top: 5px;
  left: 5px;
  line-height: 40px;
  height: 40px;
}
.search_box .btn_search {
  position: absolute;
  top: 5px;
  right: 0;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
}
.search_box .icon {
  color: #333;
}


/* 通用头部 */

#header {
  border-bottom: 1px solid #eee;
}
.head {}
.head .head_box {
  position:relative;
  padding-left:200px;
  padding-right:230px;
}
.head .head_box .logo {
  width:170px;
  /* height:50px; */
  position:absolute;
  top:8px;
  left:5%;
}
.head .head_box .logo img {
  width:100%;
}
.head .head_box .nav {}
.head .head_box .nav .nav_box {
  text-align:right;
}
.head .head_box .nav .nav_box li {
  padding:0 15px;
  display:inline-block;
}
.head .head_box .nav .nav_box li a {
  font-size:14px;
  height:80px;
  line-height:80px;
  display:inline-block;
  border-top:3px solid #fff;
}
.head .head_box .nav .nav_box li a.active {
  color:#333;
  font-weight:bold;
  border-top:3px solid #333;
}
.head .head_box .nav .nav_box li a:hover {
  color:#333;
  /* font-weight:bold; */
  border-top:3px solid #333;
}
.head .head_right {
  width:180px;
  position:absolute;
  top:0;
  right:0;
  font-size: 0;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.head_right .item_right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height: 80px;
  text-align:center;
}
.head_right .change_la {
  background-color:#eaeaea;
  font-size:14px;
  text-align:center;
  cursor:pointer;
  position:relative;
}
.head_right .change_la span {
  display:block;
  margin-top:25px;
}
.change_drop {
  width:100%;
  position:absolute;
  top:80px;
  left:0;
  z-index: 10;
  background-color:#fff;
  text-align:center;
  display:none;
}
.change_drop a {
  width:100%;
  display:block;
  font-size:14px;
  color:#333;
  line-height:30px;
}
.change_drop a:hover {
  background-color:#eaeaea;
}
.head_right .change_la:hover .change_drop {
  display:block;
}

.head_right .search_wrap .btn_headersearch {
  width:100%;
  display: inline-block;
  vertical-align: top;
  background-color: #333;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.head_right .search_wrap .btn_headersearch .material-icons {
  line-height: 80px;
  height: 80px;
  font-size: 35px;
  vertical-align: initial;
}
.head_right .search_wrap .btn_headersearch:hover {
  background-color: #fff;
  color: #555;
}
.head .nav_btn {
  position:absolute;
  top:0;
  right:90px;
  height:50px;
  line-height:50px;
}
.head .nav_btn i {
  line-height:50px
}
.head .nav_btn.exchange .on,.nav_btn .off {
  display:none;
}
.head .nav_btn.exchange .off {
  display:block;
}

@media(max-width:1200px){
  .head .head_box {
    padding-right:195px;
  }
  .head .head_box .logo {
    left:20px;
  }
  .head .head_box .nav .nav_box li {
    padding: 0 10px;
  }
}
@media(max-width:1000px){
  .head,.head .head_box,.head_right .item_right {
    height: 50px;
  }
  .head .head_box .logo {
    width: 100px;
    height: 40px;
    position: absolute;
    top: 5px;
  }
  .change_drop {
    top:50px;
    width: 80px;
  }
  .change_drop a {
    font-size:12px;
  }
  .head .head_right {
    width: 80px;
  }
  .head_right .change_la span {
    margin-top: 13px;
    font-size: 12px;
  }
  .head_right .change_la i {
    line-height:15px;
  }
  .head_right .search_wrap .btn_headersearch .material-icons {
    line-height: 50px;
    height: 51px;
    font-size: 25px;
  }
  .head .head_box {
    padding-right: 140px;
    padding-left: 125px;
  }
  .head .head_box .nav {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background-color:#333;
    z-index: 9;
    display:none;
  }
  .head .head_box .nav .nav_box li {
    padding: 0;
    display: block;
    text-align: center;
  }
  .head .head_box .nav .nav_box li a {
    width:100%;
    border-top:1px solid #474747;
    line-height: 50px;
    height:50px;
  }
  .head .head_box .nav .nav_box li a:hover {
    color:#fff;
    border-top:1px solid #474747;
  }
}



/* 首页banner */
#index_banner {
  position:relative;
  z-index: 9;
}
#index_banner .banner {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
  font-size: 0;
}
.b-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.b-img a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  background-color: #646464;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.b-img a .text {
  display: block;
  width: 100%;
  position: absolute;
  top:50%;
  left:50%;
  width:100%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  text-align: center;
  color: #fff;
  text-shadow: 0 0 10px #000;
}
.b-img a .text span {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.2;
  display: block;
}
.b-img a .text small {
  padding-top: 10px;
  font-size: 26px;
  line-height: 1.2;
  display: block;
  font-weight: normal;
}
.bar-left,
.bar-right {
  position: absolute;
  z-index: 1;
  display: block;
  width: 50px;
  height: 100%;
  left: 0;
  background-color: transparent;
  background-image: url(../img/index_banner_left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  /*opacity: .5;*/
  top: 0;
  cursor: pointer;
}
.bar-right {
  left: auto;
  right: 0;
  background-image: url(../img/index_banner_right.png);
}
.bar-left:hover,
.bar-right:hover {
  background-color: rgba(0,0,0,.6);
}


.index_banner_text {
  width:1200px;
  margin:0 auto;
  position:absolute;
  left:50%;
  bottom:-50px;
  transform: translateX(-50%);
}
.index_banner_text .banner_text_box {
  width:480px;
}
.index_banner_text .top {
  padding:30px 20px;
  background-color:rgba(255,255,255,0.5);
}
.index_banner_text .top .text01 {
  font-size:30px;
  color:#fff;
}
.index_banner_text .top .text02 {
  font-size:20px;
  color:#000;
  font-weight:bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin:15px 0 20px 0;
}
.index_banner_text .top .text03 {
  font-size:12px;
  color:#333;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  - MOZ-box-orient:vertical;
  -webkit-line-clamp:2; 
  -MOZ-line-clamp:2;
  word-wrap:break-word;
  word-break:break-all; 
}
.index_banner_text .top hr {
  border: 0;
  border-bottom: 3px solid #333;
  margin: 20px 0;
}
.index_banner_text .top .tel {
  position:relative;
  padding-left:50px;
}
.index_banner_text .top .tel .iconfont {
  font-size:45px;
  position:absolute;
  top:0;
  left:0;
}
.index_banner_text .top .tel .tit {
  font-size:14px;
  color:#fff;
  margin:0;
}
.index_banner_text .top .tel .tel_num {
  font-size:18px;
  font-weight:bold;
  margin:0;
}
.index_banner_text .bot {
  background-color:#333;
  line-height:50px;
  height:50px;
  padding:0 20px;
  position:relative;
  padding-right:20px;
}
.index_banner_text .bot .name {
  font-size:18px;
  color:#fff;
}
.index_banner_text .bot .more {
  position:absolute;
  top:0;
  right:20px;
}
.index_banner_text .bot .more i {
  font-size:35px;
}
@media (max-width: 1200px) {
  #index_banner .banner {
    height:600px;
  }
  .index_banner_text {
    width:100%;
    padding: 0 10px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1024px) {
  #index_banner .banner {
    height:500px;
  }
}
@media (max-width: 640px) {
  #index_banner .banner {
    height:400px;
  }
  .index_banner_text {
    display:none;
  }
}
@media (max-width: 480px) {
  #index_banner .banner {
    height:200px;
  }
  .b-img a .text span {
    font-size: 24px;
  }
  .b-img a .text small {
    font-size: 16px;
  }
}




#index_product {}
.index_product_title {
  max-width:1200px;
  margin:0 auto;
  height:100px;
  text-align:right;
  position:relative;
  padding-right:50px;
  padding-top:25px;
}
.index_product_title .tit01 {
  font-size:14px;
}
.index_product_title .tit02 {
  font-size:18px;
  color:#8f8f8f;
  margin-top:5px;
}
.index_product_title .iconfont {
  font-size:42px;
  position:absolute;
  top:25px;
  right:0;
  color:#333;
}
.index_product {
  font-size:0;
  padding:0 10px;
}
.index_product .item {
  width:16.666%;
  display:inline-block;
  padding:0 5px;
}
.index_product .item_box {
  background-color:#fff;
  box-shadow: 0 0px 7.5px rgba(0, 0, 0, 0.2);
  padding:15px;
}
.index_product .item_box .img_wrap {
  overflow:hidden;
}
.index_product .item_box .img_wrap .img {
  padding-top:70%;
  -webkit-transition:0.3s;
  transition:0.3s;
}
.index_product .item_box .text {
  height:40px;
  line-height:40px;
  position:relative;
}
.index_product .item_box .title {
  font-size:14px;
  color:#444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom:3px solid #d9d9d9;
  padding-right:35px
}
.index_product .item_box .iconfont {
  font-size:35px;
  position:absolute;
  top:0;
  right:0;
  color:#333;
}
.index_product .item:hover .img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.index_product .item:hover .title {
  border-bottom:3px solid #333;
}
#index_product .more {
  text-align:center;
  padding:40px 0;
}
#index_product .more .btn {
  padding:10px 50px;
  font-size:18px;
}
@media (max-width: 1000px) {
  .index_product {
    white-space:nowrap;
    overflow-X:scroll;
  }
  .index_product .item {
    width:240px;
  }
  #index_product .more {
    padding:20px 0;
  }
  #index_product .more .btn {
    padding: 10px 40px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .index_product_title {
    padding:20px 10px 10px;
    text-align:center;
  }
  .index_product_title .tit02 {
    font-size:14px;
  }
  .index_product_title .tit01 {
    font-size:12px;
  }
  .index_product_title .iconfont {
    font-size: 35px;
    position: static;
    margin-top:5px;
  }
}

.index_title_wrap {
  text-align:center;
}
.index_title_wrap .title {
  font-size:26px;
  color:#000;
}
.index_title_wrap .subtitle {
  color:#8f8f8f;
  margin-top:10px;
}

@media (max-width: 1000px) {
  .index_title_wrap {
    padding: 0 10px;
  }
  .index_title_wrap .title {
    font-size:20px;
  }
}
@media (max-width: 480px) {
  .index_title_wrap .title {
    font-size:20px;
  }
}

#index_business {}
.index_business_box {
  margin-top:30px;
}
.roll_box{
  width: 1200px;
  margin: 0 auto;
  height: 300px;
  position: relative;
  overflow: hidden;
  padding-top:50px;
}
#roll{
  width: 100%;
}
#roll dd{
  width: 370px;
  height: 260px;
  float: left;
  margin-right: 45px;
}
#roll dd a {
  display:inline-block;
}
#roll dd .img {
  width:100%;
  height: 130px;
}
#roll dd .text_wrap {}
#roll dd .text_wrap .title {
  margin-top:20px;
  font-size:18px;
  color:#333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#roll dd .text_wrap .subtitle {
  font-size:14px;
  color:#8f8f8f;
  border-top:1px solid #d9d9d9;
  margin-top:10px;
  line-height:24px;
  padding-top:10px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  - MOZ-box-orient:vertical;
  -webkit-line-clamp:2; 
  -MOZ-line-clamp:2;
  word-wrap:break-word;
  word-break:break-all; 
}
.roll_box span{
  position: absolute;
  top:0;
  display: inline-block;
  width: 50px;
  text-align: center;
  cursor: pointer;
  background: #eee;
  z-index: 90;
  color: #999;
  line-height: 30px;
  height:30px;
}
.roll_box span i {
  height:30px;
  line-height:30px;
}
.roll_box span.prev {
  right:60px;
}
.roll_box span.next{
  right: 0;
}
@media (max-width: 1200px) {
  .index_business_box {
    padding:0 10px;
  }
  .roll_box {
    width:100%;
  }
}
@media (max-width: 640px) {
  
}

#index_about {
  margin-top:30px;
}
.index_about_box {}
.index_about_box .intro_text {
  width:1000px;
  margin:30px auto;
  text-align:center;
  font-size:14px;
  line-height:25px;
  color:#333;
}
.intro_content {
  width:100%;
  height:350px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.intro_content_box {
  width:1000px;
  margin:0 auto;
  font-size:0;
}
.intro_content_video,.intro_content_text {
  width:50%;
  display:inline-block;
  vertical-align:top;
}
.intro_content_video {
  margin-top:45px;
}
.intro_content_video iframe {
  width:100%!important;
  height:260px!important;
}
.intro_content_text {
  padding-top:35%;
  height:100%;
  text-align:right;
  position:relative;
}
.intro_content_text_box {
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
}
.intro_content_text .index_about_nav {}
.intro_content_text .index_about_nav a {
  font-size:16px;
  color:#fff;
  margin-left:10px;
}
.intro_content_text_box .more {
  margin-top:30px;
}
.intro_content_text_box .more .btn {
  font-size:16px;
  padding:10px 50px;
}
@media (max-width: 1200px) {
  .index_about_box .intro_text {
    padding:0 10px;
    width:100%;
  }
}
@media (max-width: 1100px) {
 
  .intro_content_box {
    width:100%;
  }

}
@media (max-width: 640px) {
  .intro_content {
    height:100%;
  }
  .intro_content_video, .intro_content_text {
    width:100%;
  }
  .intro_content_video {
    margin-top: 0px;
  }
  .intro_content_text {
    padding-top:30px;
  }
  .intro_content_text_box {
    transform:none;
    text-align:center;
    position: static;
  }
  .intro_content_box {
    padding: 20px 10px;
  }
}




#index_news {
  margin-top:30px;
}

.index_news_box {
  width:1000px;
  margin:30px auto;
}
.index_news_box .index_news_top {
  position:relative;
  padding-left:380px;
  min-height:250px;
  display:block;
}
.index_news_box .index_news_top .img_wrap {
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
}
.index_news_box .index_news_top .img {
  width:340px;
  padding-top:74%;
  transition:0.3s;
}
.index_news_box .index_news_top .text {} 
.index_news_box .index_news_top .text .title {
  font-size:16px;
  color:#333;
  border-bottom:1px solid #eee;
  padding-bottom:15px;
  margin-bottom:15px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  - MOZ-box-orient:vertical;
  -webkit-line-clamp:2; 
  -MOZ-line-clamp:2;
  word-wrap:break-word;
  word-break:break-all; 
} 
.index_news_box .index_news_top .text .intro {
  color:#8f8f8f;
  line-height:24px;
} 
.index_news_box .index_news_top .text .time {
  font-size:16px;
  margin-top:20px;
} 

.index_news_box .index_news_top:hover .img {
  transform:scale(1.1);
}
.index_news_box .index_news_top:hover .intro {
  color:#333;
}

.index_news_box .index_news_list {
  margin-top:40px;
}

.index_news_box .index_news_list .index_news_item {
  position:relative;
  padding-left:80px;
  display:inline-block;
  width:100%;
  margin-bottom:40px;
}
.index_news_box .index_news_list .index_news_item .time {
  position:absolute;
  top:0;
  left:0;
  text-align:right;
}
.index_news_box .index_news_list .index_news_item .time .year {
  color:#8f8f8f;
  font-size:16px;
  border-bottom:1px solid #d9d9d9;
  padding-bottom:10px;
  margin-bottom:5px;
}
.index_news_box .index_news_list .index_news_item .time .moth {
  font-size:16px;
}
.index_news_box .index_news_list .index_news_item .time .moth .num {
  font-size:25px;
  color:#333;
}
.index_news_box .index_news_list .index_news_item .item_text {
  border-left:3px solid #eee;
  padding-left:30px;
  min-height:70px;
}
.index_news_box .index_news_list .index_news_item .item_text .title {
  font-size:16px;
  color:#333;
}
.index_news_box .index_news_list .index_news_item .item_text .intro {
  font-size:12px;
  margin-top:10px;
  line-height:24px;
}
.index_news_box .index_news_list .index_news_item:hover .intro {
  color:#000
}
.index_news_box .index_news_list .index_news_item:hover .item_text {
  border-left:3px solid #333;
}

.index_news_box .more {
  text-align:center;
}
.index_news_box .more .btn {
  padding: 10px 50px;
  font-size:16px;
}
@media (max-width: 1000px) {
  .index_news_box {
    width:100%;
    padding:0 10px;
  }
}
@media (max-width: 640px) {
  .index_news_box .index_news_top .img_wrap {
    position: static;
  }
  .index_news_box .index_news_top {
    padding-left:0;
  }
  .index_news_box .index_news_top .img {
    width:100%;
  }
  .index_news_box .index_news_top .text {
    margin-top:15px;
  }
  .index_news_box .index_news_list .index_news_item {
    padding-left:65px;
  }
  .index_news_box .index_news_list .index_news_item .item_text {
    padding-left:15px
  }
}

/* 内页banner */
#inside_banner {}
#inside_banner .banner {
  width:100%;
  padding-top:20%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
@media (max-width: 900px) {
  #inside_banner .banner {
    height:200px;
  }
}
.inside_bread {
  width:900px;
  margin:0 auto;
  border-radius:10px;
  background-color:#fff;
  box-shadow:1px 2px 10px rgba(51, 51, 51, 0.25);
  padding:30px 20px;
  margin-top:-38px;
}
.inside_bread a {
  color:#c1c1c1;
  font-size:14px;
}
.inside_bread a:after {
  content:">";
  margin-left:10px;
}
.inside_bread a:last-child{
  color:#333;
}
.inside_bread a:last-child:after {
  display:none;
}
@media (max-width: 900px) {
  .inside_bread {
    width:100%;
    padding: 20px 20px;
  }
}
.main {
  max-width:1200px;
  margin:0 auto;
}
@media (max-width: 1200px) {
  .main {
    width:100%;
    padding: 0 10px;
  }
}


.inside_title {
  position:relative;
  height:30px;
  margin:40px 0;
}
.inside_title:before {
  content:"";
  width:100%;
  height:1px;
  background-color:#d9d9d9;
  position:absolute;
  top:15px;
  left:0;
}
.inside_title .text {
  color:#333;
  font-size:20px;
  background-color:#fff;
  padding:0 25px;
  border-left:7px solid #d9d9d9;
  border-right:7px solid #d9d9d9;
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%);
}
.inside_about {}
.inside_about_box {}
.inside_about_part {
  margin-bottom:60px;
}
.inside_about_part .part_box {
  font-size:0;
}
.inside_about_part .part_lt {
  width:50%;
  display:inline-block;
  vertical-align:top;
}
.inside_about_part .part_lt .img_wrap {
  width:100%;
}
.inside_about_part .part_lt img {
  width:100%;
}
.inside_about_part .part_rt {
  width:50%;
  display:inline-block;
  vertical-align:top;
}
.inside_about_part .part_rt .text {}
.inside_about_part .part_rt .text .title {
  font-size:14px;
  margin-left:35px;
  
}
.inside_about_part .part_rt .text .title .ch {
  color:#333;
  font-size:16px;
}
.inside_about_part .part_rt .text .title .en {
  font-size:14px;
  color:#8f8f8f;
}
.inside_about_part .part_rt .text .intro {
  background-color:#fff;
  /* box-shadow:1px 6px 10px rgba(51, 51, 51, 0.12); */
  font-size:14px;
  padding: 20px 35px;
  margin-top:10px;
  /* margin-left:-75px; */
  line-height:30px;
}
.inside_about_part.exchange .part_rt .text .intro {
  padding:50px 110px 50px 50px;
  margin-right:-75px;
  margin-left:0;
  position:relative;
  z-index:1;
}
.inside_about_part.exchange .part_rt .text .title {
  margin-left:0;
}
@media (max-width: 800px) {
  .inside_about_part .part_rt .text .intro,.inside_about_part.exchange .part_rt .text .intro {
    padding:30px;
  }
  .inside_title {
    margin:25px 0;
  }
}
@media (max-width: 640px) {
  .inside_about_part .part_rt .text .intro,.inside_about_part.exchange .part_rt .text .intro {
    padding:10px;
    width: 100%;
  }
  .inside_about_part .part_lt,.inside_about_part .part_rt {
    width:100%;
  }
  .inside_about_part .part_rt .text .intro {
    margin-left:0;
    margin-top:0;
  }
  .inside_about_part .part_rt .text .title {
    margin-left:10px;
    margin-top:15px;
  }
  .inside_about_part {
    margin-bottom:20px;
  }
  .inside_about_part.exchange .part_rt .text .title {
    margin-left:10px;
  }
  .inside_about_part.exchange .part_rt .text .intro {
    padding:20px
  }
}


.history {}
.history_box {
  border-left:1px solid #ccc;
  padding: 40px 0;
}
.history_box .item {
  position:relative;
  padding-left: 85px;
  margin: 5px 0;
}
.history_box .item .boll {
  width:18px;
  height:18px;
  border-radius:100%;
  border:1px solid #ccc;
  background-color:#fff;
  position:absolute;
  left:-9px;
  top: 5px;
}
.history_box .item .boll:before {
  content:"";
  width:10px;
  height:10px;
  border-radius:100%;
  background-color:#333;
  position:absolute;
  top:3px;
  left:3px;
}
.history_box .item .year {
  position:absolute;
  top:0;
  left:25px;
}

.inside_screen {
  text-align:center;
  margin: 20px 0 50px 0;
}
.inside_screen .item {
  margin:0 5px;
  font-size:14px;
  cursor:pointer;
}
.inside_screen .item.active {
  color:#333;
  font-weight:bold;
}
.inside_screen .item:after {
  content:"-";
  margin-left:10px;
}
.inside_screen .item:last-child:after {
  display:none;
}
@media (max-width: 1000px) {
  .inside_screen {
    padding:0 10px;
    margin: 20px 0 20px 0;
  }
  .inside_screen .item {
    margin: 5px;
    display: inline-block;
  }
}

.inside_product {}
.inside_product_list {
  font-size:0;
}
.inside_product_list .item {
  width: 25%;
  display: inline-block;
  padding: 0 5px;
  margin-bottom:10px;
}
.inside_product .item_box {
  background-color: #fff;
  box-shadow: 0 0px 7.5px rgba(0, 0, 0, 0.2);
  padding: 15px;
}
.inside_product .item_box .img_wrap {
  overflow: hidden;
}
.inside_product .item_box .img_wrap .img {
  padding-top: 70%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.inside_product .item_box .text {
  height: 40px;
  line-height: 40px;
  position: relative;
}
.inside_product .item_box .title {
  font-size: 14px;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 3px solid #d9d9d9;
  padding-right: 35px;
}
.inside_product .item_box .iconfont {
  font-size: 35px;
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
}
.inside_product .item:hover .img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.inside_product .item:hover .title {
  border-bottom:3px solid #333;
}
@media (max-width: 640px) {
  .inside_product_list .item {
    width:50%;
  }
}

.inside_productview_nav {
  padding:25px 0;
}
.inside_productview_nav a {
  color:#c1c1c1;
  font-size:14px;
}
.inside_productview_nav a:after {
  content:">";
  margin-left:10px;
}
.inside_productview_nav a:last-child{
  color:#333;
}
.inside_productview_nav a:last-child:after {
  display:none;
}


.inside_productview {}
.inside_productview_top {}
.inside_productview_top_box {
  font-size:0;
}
.inside_productview_top_box .img_wrap {
  width:50%;
  display:inline-block;
  vertical-align:top;
  background-color:#fff;
  padding:15px;
  box-shadow:0px 0px 12px rgba(51, 51, 51, 0.2);
}
.inside_productview_top_box .img_wrap .img {
  padding-top:70%;
}
.inside_productview_top_box .text_wrap {
  width:50%;
  display:inline-block;
  vertical-align:top;
  padding-left:60px;
  padding-top:20px;
}
.inside_productview_top_box .text_wrap .title {
  font-size:30px;
  border-bottom:3px solid #eee;
  padding-bottom:15px;
  margin-bottom:15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inside_productview_top_box .text_wrap .intro {
  font-size:14px;
  line-height:25px;
  color:#8f8f8f;
}
.inside_productview_top_box .text_wrap .btn {
  width:100%;
  padding:15px;
  font-size:18px;
  margin-top:40px;
}
.inside_productview_content {
  margin-top:30px;
  font-size:0;
}
.part_title {
  font-size:16px;
  color:#333;
  border-bottom:1px solid #eee;
  padding-bottom:15px;
  margin-bottom:20px;
}
.inside_productview_content .product_view {
  width:70%;
  display:inline-block;
  vertical-align:top;
}
.inside_productview_content .product_view .product_view_box {
  font-size:14px;
  line-height:24px;
  color:#8f8f8f;
}
.inside_productview_content .product_view .product_view_box p {}
.inside_productview_content .product_view .product_view_box img {
  max-width:840px;
  width:100%;
}
.inside_productview_content .product_related {
  width:30%;
  padding-left:40px;
  display:inline-block;
  vertical-align:top;
}
.inside_productview_content .product_related .product_related_box {}
.inside_productview_content .product_related .item {
  position:relative;
  padding-left:120px;
  display:block;
  min-height:80px;
  border-bottom:1px solid #eee;
  padding-bottom:10px;
  margin-bottom:10px;
}
.inside_productview_content .product_related .img_wrap {
  width:100px;
  position:absolute;
  top:0;
  left:0;
}
.inside_productview_content .product_related .img_wrap .img {
  padding-top:70%;
}
.inside_productview_content .product_related .text_wrap {
  font-size:14px;
  color:#333;
  padding-top:10px;
}
.inside_productview_content .product_related .item:hover .text_wrap {
  color:#ccc;
}
@media (max-width: 1000px) {
  .inside_productview_top_box .text_wrap {
    padding-left:25px;
    padding-top:0;
  }
}
@media (max-width: 640px) {
  .inside_productview_top_box .text_wrap {
    padding-left:0;
    padding-top:15px;
  }
  .inside_productview_top_box .img_wrap,.inside_productview_top_box .text_wrap {
    width:100%;
  }
  .inside_productview_top_box .text_wrap .title {
    font-size:25px;
  }
  .inside_productview_top_box .text_wrap .btn {
    margin-top:20px;
  }
  .inside_productview_content .product_view,.inside_productview_content .product_related {
    width:100%;
  }
  .inside_productview_content .product_related {
    padding-left:0;
  }
}



.inside_process {}
.inside_process_box {
  text-align:center;
}
.inside_process_box img {
  max-width:1000px;
}
@media (max-width: 1200px) {
  .inside_process_box img {
    width:100%;
  }
}

.inside_newsview {}
.inside_newsview .title {
  font-size:24px;
  color:#333;
  margin-bottom:5px;
}
.inside_newsview .date {
  color:#8f8f8f;
}
.inside_newsview .intro {
  border-top:1px solid #d9d9d9;
  margin-top:15px;
  padding-top:20px;
  line-height:24px;
}

#inside_main_contact {
  width:1000px;
}
.inside_contact {}
.inside_contact_part {
  background-color:#fff;
  box-shadow:0px 0px 15px rgba(0, 0, 0, 0.14);
  padding:35px;
  font-size:0;
  margin-top:20px;
}
.inside_contact_part .part_text {
  width:45%;
  display:inline-block;
  vertical-align:top;
}
.inside_contact_part .part_text h2{
  font-size:28px;
}
.inside_contact_part .part_text .intro{
  font-size:14px;
  margin-top:20px;
  line-height:30px;
}
.inside_contact_part .part_img {
  width:55%;
  display:inline-block;
  vertical-align:top;
}
.inside_contact_part .part_img img {
  width:100%;
}
.inside_contact_part.exchange .part_text {
  padding-left:40px;
}

.inside_contact input {
  width:100%;
  height: 40px;
  padding-left:10px;
  line-height:40px;
  border:1px solid #ccc;
}
.inside_contact input.code_text {
  width:50%;
  width:display:inline-block;
}
.inside_contact .code_wrap {
  width:70px;
  height:40px;
  margin-left:5px;
  display:inline-block;
  vertical-align:top;
}
.inside_contact textarea {
  width:100%;
  min-height: 100px;
  padding-left:10px;
  line-height:20px;
  border:1px solid #ccc;
}
.inside_contact .form_item {
  margin-bottom:10px;
  /* position:relative;
  padding-left:65px; */
  display:block;
}
.inside_contact .form_item .form_label {
  font-size:14px;
  color:#8d8d8d;
 /*  position:absolute;
  top:10px;
  left:0; */
}
.inside_contact .form_item .form_item_con {
  margin:5px 0;
}
.inside_contact .sqing_btn_wrap {
  text-align:right;
}
.inside_contact .btn_inner {
  font-size:16px;
  min-width:40px;
  padding:0 10px;
  line-height:50px;
}
@media (max-width: 1000px){
  #inside_main_contact {
      width: 100%;
  } 
}
@media (max-width: 640px){
  .inside_contact_part .part_text,.inside_contact_part .part_img {
      width: 100%;
  } 
  .inside_contact_part.exchange .part_text {
    padding-left:0;
  }
  .inside_contact_part {
    padding:20px;
  }
  .inside_contact_part .part_text h2 {
    font-size: 20px;
  }
  .inside_contact_part .part_text .intro {
    font-size: 14px;
    margin-top: 10px;
    line-height: 25px;
  }
}

#inside_main_network {
  width:1000px;
}
.inside_network {}
.inside_network .tab_nav a {
 font-size:14px;
 margin: 0 5px;
 cursor: pointer;
}
.inside_network a:after {
  content:"-";
  margin-left:10px;
}
.inside_network a:last-child:after {
  display:none;
}
.inside_network .tab_nav .active {
  color:#333;
  font-weight:bold;
}
.index_network_box {}
.index_network_box .item {
  position:relative;
  display:none;
}
.index_network_box .location_spot {}
.index_network_box .spot_item {
  position:absolute;
}
.index_network_box .spot_img {
  animation:spotitem 1s linear infinite;
}
@keyframes spotitem {
  0% {
    transform:scale(0.5);
  }
  50% {
    transform:scale(1.0);
    opacity:1;
  }
  100% {
    transform:scale(0.5);
  }
}
.index_network_box .spot01 {
  top: 59%;
  left: 30%;
}
.index_network_box .spot02 {
  top: 70%;
  left: 20%;
}
.index_network_box .spot03 {
  top: 28%;
  right: 35%;
}
.index_network_box .spot04 {
  top: 64%;
  right: 39%;
}
.index_network_box .spot05 {
  top: 64%;
  right: 15%;
}
.index_network_box .spot06 {
  top: 46%;
  right: 20%;
}
.index_network_box .spot07 {
  top: 46%;
  right: 36%;
}
.index_network_box .spot08 {
  top: 43%;
  left: 42%;
}
.index_network_box .spot09 {
  top: 21%;
  left: 5%;
}
.index_network_box .spot10 {
  top: 28%;
  right: 11%;
}
.index_network_box .spot11 {
  top: 62%;
  left: 4%;
}
.index_network_box .spot_item  .spot_img {
  width:50px;
  height:50px;
}
.index_network_box.spot_item  .spot_img img {
  width:100%;
}
.index_network_box .spot_item  .spot_box {
  width: 120px;
  background-color:#333;
  color:#fff;
  text-align:center;
  padding:10px 20px 10px;
  border-radius:5px;
  position:absolute;
  top: 35px;
  left: -35px;
  display: none;
}
.index_network_box .spot_item .spot_logo {
  width: 45px;
  height: 45px;
  background-color: #333;
  border-radius: 100%;
  line-height: 28px;
  text-align: center;
  border: 5px solid #fff;
  margin: -40px auto 0;
}
.index_network_box .spot_item .spot_intro {
  margin-top:10px;
}
.index_network_box .spot_item .spot_intro dl {}
.index_network_box .spot_item .spot_intro dd {
  margin:2px 0;
  font-size:14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index_network_box .spot_item:hover .spot_box {
  display:block;
}

@media (max-width: 1000px) {
  #inside_main_network {
    width:100%
  }
  .index_network_box .item {
    width:100%;
  }
  .index_network_box .item .img_wrap {
    width:100%;
  }
  .index_network_box .item .img_wrap img {
    width:100%;
  }
}


.inside_title_search {
  padding:30px 0;
}
.inside_title_search .text {
  font-size:25px;
  font-weight:bold;
}





/* 弹窗 */

.modal_wrap.hide {
  display:none;
}
.modal_box {
  background-color: #fff;
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  padding: 20px;
  border-radius: 5px;
  width: 95%;
  max-width: 700px;
  min-height: 400px;
}
.modal_box .title {
  font-size:16px;
}
.modal_box .close_feedback {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
}
#feedback_form {
  padding-top:20px;
}
#feedback_form .form_input[readonly] {
  color: #888;
  border:none;
  background-color:#eee;
}
.modal_box input {
  width:100%;
  height: 40px;
  padding-left:10px;
  line-height:40px;
  border:1px solid #ccc;
}
.modal_box input.code_text {
  width:50%;
  width:display:inline-block;
}
.code_wrap {
  width:70px;
  height:40px;
  margin-left:5px;
  display:inline-block;
  vertical-align:top;
}
.modal_box textarea {
  width:100%;
  min-height: 100px;
  padding-left:10px;
  line-height:20px;
  border:1px solid #ccc;
}
.modal_box .form_item {
  margin-bottom:10px;
  /* position:relative;
  padding-left:65px; */
  display:block;
}
.modal_box .form_item .form_label {
  font-size:14px;
  color:#8d8d8d;
 /*  position:absolute;
  top:10px;
  left:0; */
}
.modal_box .form_item .form_item_con {
  margin:5px 0;
}
.modal_box .sqing_btn_wrap {
  text-align:right;
}
.modal_box .btn_inner {
  font-size:16px;
  min-width:40px;
  padding:0 10px;
  line-height:50px;
}
@media(max-width:640px){
  .modal_box .card_form {
    height:300px;
    overflow-Y:scroll
  }
}

/******** 通用弹出 ********/
/** 通用弹出
UPDATE: 2017/06/06
 **/
#poptips {
	display: none;
	z-index:10001;
}
.poptips_show {
	overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  width: 100%;
  height: 100%;
}
.poptips_show #poptips {
	display: block;
	/*cursor: pointer;*/
}
@keyframes poptips_ani {
  0% {
    transform: translate(-50%, -150%)/* perspective( 100px ) rotateX(-10deg)*/;
  }
  85% {
    transform: translate(-50%, 5%)/* perspective( 100px ) rotateX(.5deg)*/;
  }
  100% {
    transform: translate(-50%, 0)/* perspective( 100px ) rotateX(0deg)*/;
  }
}
#poptips:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 899;
}
#poptips .poptips_box {
	display: inline-block;
	position: fixed;
	top: 30%;
	left: 50%;
  min-width: 300px;
  max-width: 600px;
	margin: 0 auto;
/*	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);*/
	background-color: #fff;
	padding: 20px;
  border-radius: 3px;
  box-shadow: 0 3px 7px rgba(0,0,0,.6);
	z-index: 900;
  -webkit-animation: poptips_ani .7s 1 both;
  animation: poptips_ani .7s 1 both;
}
#poptips .title {
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}
#poptips .con {
	color: #757575;
	font-size: 14px;
  overflow: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
#poptips .con.center {
	text-align: center;
}
#poptips .con strong {
	color: #ef3a3a;
}
#poptips .con hr {
  margin: 10px 0;
}
#poptips .btn_group {
	padding-top: 20px;
	display: -webkit-box;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
}
#poptips .btn_group .btn {
	display: inline-block;
	font-size: 12px;
	line-height: 40px;
	background-color: #333;
	color: #fff;
  width: 100%;
	-webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
	cursor: pointer;
	font-weight: bold;
}
#poptips .btn_group .cancel {
	background-color: #e5e5e5;
	color: #424242;
	margin-right: 10px;
}

.ie8 #poptips .poptips_box {
  left: 40px;
  right: 40px;
  border: 1px solid #c8c8c8;
}
@media (min-width: 320px) {
  #poptips .poptips_box {
    max-width: 310px;
  }
}
@media (min-width: 350px) {
  #poptips .poptips_box {
    max-width: 340px;
  }
}

@media (min-width: 480px) {
  #poptips .poptips_box {
    max-width: 400px;
  }
}

/** 快速闪现提示
UPDATE: 2018/09/06
上次版本: 2017/11/30
 **/
#winktips {
  position: fixed;
  bottom: 70px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10002;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
#winktips .item {
  display: block;
  margin-bottom: 5px;
  display: none;
}
#winktips .item.pointer {
  pointer-events: initial;
}
#winktips .item span {
  display: inline-block;
  background-color: #000;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  padding: 10px;
  border-radius: 3px;
}
#winktips .item a {
  cursor: pointer;
}

/******** 载入指示器 ********/

#loader {
  background-color: #fff;
  opacity: 1;
  position: fixed;
  bottom: 90px;
  left: 50%;
  margin-left: -25px;
  z-index: 100;
  padding: 10px;
  border-radius: 100px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-animation: loader_show .3s 1 both;
  animation: loader_show .3s 1 both;
}
#loader.hide {
  display: none;
  /*-webkit-animation: loader_hide .5s 1 both;
  animation: loader_hide .5s 1 both;*/
}

@-webkit-keyframes loader_show {
  0%{ -webkit-transform: translate(0, 190px); opacity:0 }
  1%{ -webkit-transform: translate(0, 190px); opacity:1 }
  100%{ -webkit-transform: translate(0, 0); opacity:1 }
}
@keyframes loader_show {
  0%{ transform: translate(0, 190px); opacity:0 }
  1%{ transform: translate(0, 190px); opacity:1 }
  100%{ transform: translate(0, 0); opacity:1 }
}
@-webkit-keyframes loader_hide {
  0%{ -webkit-transform: translate(0, 0); opacity:1 }
  30%{ -webkit-transform: translate(0, 0); opacity:1 }
  100%{ -webkit-transform: translate(0, 190px); opacity:0 }
}
@keyframes loader_hide {
  0%{ transform: translate(0, 0); opacity:1 }
  30%{ transform: translate(0, 0); opacity:1 }
  100%{ transform: translate(0, 190px); opacity:0 }
}


#loader:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: 5px solid #1e88e5;
  border-top-color: transparent;
  border-radius: 100px;
  -webkit-animation: loader_ani 1s infinite;
  animation: loader_ani 1s infinite;
  /*display: none;*/
}


@-webkit-keyframes loader_ani {
  0%{ -webkit-transform: rotate(30deg); opacity:1 }
  50%{ opacity:0.5 }
  100%{ -webkit-transform: rotate(390deg); opacity:1 }
}
@keyframes loader_ani {
  0%{ transform: rotate(30deg); opacity:1 }
  50%{ opacity:0.5 }
  100%{ transform: rotate(390deg); opacity:1 }
}


/* footer */
.footer {
  background-color:#efefef;
  padding:40px 0;
  margin-top:40px;
}
.footer_box {
  width:1000px;
  margin:0 auto;
  color:#8f8f8f;
}
.footer_box .name {
  font-size:18px;
}
.footer_box .contact {
  margin:20px 0;
}
.footer_box .share {}
.footer_box .share a {
  background-color:#a7a7a7;
  color:#fff;
  width:35px;
  height:35px;
  border-radius:100%;
  text-align:center;
  line-height:35px;
  display:inline-block;
  margin-right:10px;
  cursor:pointer;
  position:relative;
}
.footer_box .share a i {
  line-height:35px;
  font-size:16px;
}
.footer_box .share a:hover {
  background-color:#333;
}
.footer_box .copy {
  border-top:3px solid #dedede;
  padding-top:30px;
  margin-top:30px;
}
.footer .footersocial_item_pop {
  font-size: 12px;
  position: absolute;
  background-color: #fff;
  z-index: 1;
  bottom: 40px;
  left: 0;
  padding: 10px;
  text-align: center;
  box-shadow: 0 -5px 10px rgba(0,0,0,.2);
  color:#333;
  display:none;
}

.footer .footersocial_item_pop .img_qrcode {
  width: 150px;
  height: 150px;
}
.footer_box .share a:hover .footersocial_item_pop {
  display:block;
}
@media (max-width: 1000px) {
  .footer_box {
    width:100%;
    padding:0 10px;
  }
  .footer {
    padding:20px 0;
  }
  .footer_box .copy {
    margin-top:15px;
    padding-top:15px;
  }
}