﻿@charset "utf-8";
/* CSS Document */
a:hover{text-decoration: none;}

.header{overflow:hidden;height:950px;  box-shadow:0px 1px 4px #999; position:relative;}
	.fullSlide{ width:100%;  position:absolute;  height:950px;top:0;left:0;  }
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:950px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:950px; }

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
	.fullSlide .hd ul{ text-align:center; }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:5px; margin:1px; overflow:hidden; background:#333333;
		filter:alpha(opacity=50);opacity:0.8;  line-height:999px; 
	}
	.fullSlide .hd ul .on{ background:#edc9c6;  }

	.fullSlide .prev,
	.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
	.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

.nav-s{height:170px;background:url(../images/nav.png) 0 0 repeat-x;position:absolute;top:0;left:0;width:100%;}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.navBar{width:100%;position:absolute; top:0px; z-index:1; background: -webkit-linear-gradient( top, rgba(0,0,0,0.8), rgba(0,0,0,0));}
	.nav{width:1350px;margin:0 auto;  top:0px; font-size:14px;  border-radius:50px;}
	.nav a{ color:#fff;   }
	.nav h3{ font-size:100%; font-weight:normal;   }
	.nav .m{ float:left;   z-index:1;position:relative; }
	.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
	.nav h3 a{ display:block;padding:0 33px; text-align:center;   font-weight:normal; line-height:90px;color:#fff; font-size:16px;}
    .nav h3 a:hover{border-bottom:2px solid #edc9c6;color:#fff;}
	.nav .sub{ display:none; /*默认隐藏*/width:100%;  position:absolute; left:0px; top:90px; z-index:1;   border-top:0; background:#f5f5f5;  }
	.nav .sub ul{margin:0 auto; }
	.nav .sub li{ text-align:center; padding:0 10px;   }
	.nav .sub li a{ display:block; font-size:14px; padding:6px 0; height:25px; line-height:25px; color:#3a3a3a;   }
	.nav .sub li a:hover{ color:#edc9c6;   }
	.nav .block{ height:3px; width:130px; background:#edc9c6; position:absolute; left:0; top:57px; overflow:hidden;  }
.nav .logo{width:588px; border-radius:5px; margin-top:5px;} 
.nav .logo img{margin-top:10px;height:75px;}
#topjt{background:url(../images/topjt.png) center no-repeat; height:7px;}
#fwptfd{width:156px; left:-14px;}

.main-im{ position:fixed; right:0;top:22%; margin-top:-35px; z-index: 100;  height: 172px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;padding-bottom:10px;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; padding:10px 0;border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .go-top {display:none; width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background:url(../images/totop-icon.png) no-repeat center center; margin:0 auto;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer;  width: 25px; height: 100px; background:url(../images/qq_1.png) no-repeat left top; display:none;}



.app{ width:100%;  position:relative;  height:946px;top:0;left:0;  }
	.app .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.app .bd ul{ width:100% !important;  }
	.app .bd li{ width:100% !important;  height:946px; overflow:hidden; background-size:auto 100%;transition-duration: 300ms;}
	.app .bd li .appnrkd{ display:block; max-width:1440px;  }

	.app .hd{ z-index:1; height:30px; line-height:30px;


    position: absolute;
    left: 5%;
    top: 48%;
    display: flex;
    flex-flow: column;	}
	.app .hd ul{ text-align:center; }
	.app .hd ul li{ cursor:pointer;  zoom:1; width:15px; height:15px; border-radius:50%; margin-bottom:10px; overflow:hidden; background:#333333;
		filter:alpha(opacity=50);opacity:0.8;  line-height:999px; 
	}
	.app .hd ul .on{ background:#edc9c6;  }

	.app .prev,
	.app .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
	.app .next{ left:auto; right:15%; background-position:-6px -137px; }

	
	
	
	
	.banner img {
  width: 100%;

  display: block;
}
.banner .pic2 {
  display: none;
}
.banner .swiper-pagination {
	width:auto;
  top:48%; left:5%;
}
.banner .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #ddd;
  opacity: 1;display:block;
  border-radius: 6px;
 
  margin-bottom:15px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 50px;
  background: #edc9c6;
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
  width: 58px;
  height: 58px;
  margin: 0;
  background: url(../images/arrow3.png) no-repeat;
  background-size: 100% 100%;
  left: 100px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.banner .swiper-button-next {
  background-image: url(../images/arrow2.png);
  left: auto;
  right: 100px;
}
.banner .swiper-slide {background:url(../images/syjb.jpg) top center no-repeat;
  position: relative;
}
.banner .swiper-slide .wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 2;
}
.banner .swiper-slide .pic1{position: absolute; top:0px; left:0px;}
.banner .swiper-slide .pic2{position: absolute; top:0px; left:0px;}
.banner .swiper-slide .p1 {
  line-height: 60px;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}
.banner .swiper-slide .p2 {
  line-height: 30px;
  font-size: 24px;
  color: #fff;
  margin-top: 26px;
}
.banner .swiper-slide .btn {
  margin-top: 134px;
}
.banner .swiper-slide .btn:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.banner .swiper-slide .btn a {
  float: left;
  width: 178px;
  height: 46px;
  line-height: 44px;
  box-sizing: border-box;
  border: solid 1px #fff;
  text-indent: 28px;
  font-size: 16px;
  color: #fff;
  background: url(../images/arrow4.png) no-repeat right 25px center;
  margin-right: 20px;
  position: relative;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.banner .swiper-slide .btn a::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #edc9c6;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.banner .swiper-slide .btn a span {
  position: relative;
  z-index: 5;
}
.banner .swiper-slide .btn a:hover {
  border: solid 1px #edc9c6;
}
.banner .swiper-slide .btn a:hover::after {
  width: 100%;
}
	
	
	
	
	
.appnrkd{    position: relative;
    width: 1440px;
    margin: 0 auto;height:946px;
	overflow:hidden;
	}
	
.body-wrap {
	overflow:hidden
}
.phone-mode-wrapper {
	display:none
}
.pc-mode-wrapper {
	display:block
}
.wrap-inner {
	overflow:hidden;
	position:relative;
	height:100vh;
	min-height:600px;
	width:100%;
	box-sizing:border-box
}
.paragraph {
	margin:16vh 0 0 80px;
	color:#747373;
}
.paragraph .para-title {
	font-size:56px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:600;
	line-height:68px
}
.paragraph .para-text {
	margin-top:28px;
	max-width:520px;
	font-size:20px;
	color:#bfbfbf;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	line-height:34px
}
.paragraph .app-animate-page {
	position:absolute;
	left:25px;
	top:50%;
	display:flex;
	flex-flow:column;
}
.paragraph .app-animate-page .page-item {
	display:inline-block;
	width:6px;
	height:6px;
	background-color:#999;
	border-radius:3px;
	overflow:hidden;
	margin-bottom:24px
}
.paragraph .app-animate-page .current-animate {
	background-color:#fff
}
.paragraph .para-link {
	color:#e7def4;
	display:flex;
	align-items:center;
	margin-top:72px;
	font-size:20px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	line-height:28px;
}
.paragraph .para-link i {
	display:inline-block;
	height:24px;
	width:24px;
	background:url("../images/icon_arrow_purple-8f642ad9ab.png") no-repeat center/cover
}
.video-bg {
	width:100%;
	padding-bottom:50%;
	position:relative;
}
.video-bg video {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.img-bg {
	display:none;
	background:url("../images/homepage_banner02-0f09289427.png") no-repeat center/cover
}
.video-mask {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background:rgba(0,0,0,0.3);
}
.video-mask img {
	width:413px;
	display:block;
	margin:0 auto
}
.intro {
	position:absolute;
	left:80px;
	bottom:48px;
	font-size:12px;
	color:#fff;
	line-height:17px
}
.social-media {
	position:absolute;
	right:80px;
	bottom:49px;
}
.social-media a {
	margin-left:20px;
	position:relative;
	display:inline-block;
	width:24px;
	height:24px;
	line-height:24px;
	border-radius:24px 24px;
	background:rgba(255,255,255,0.4);
	text-align:center;
}
.social-media a i {
	font-size:22px;
	color:#252525
}
.social-media .wechat-qr {
	display:none;
	position:absolute;
	left:50%;
	margin-left:-75px;
	top:-170px;
	border:1px solid #584f60;
}
.social-media .wechat-qr img {
	display:block;
	width:150px
}
.social-media .wechat-qr:before {
	bottom:-5px;
	left:69px;
	background:#fff;
	content:'\0020';
	height:8px;
	width:8px;
	position:absolute;
	pointer-events:none;
	border-color:#fff;
	border-top:1px solid #584f60;
	border-right:1px solid #584f60;
	transform:rotate(135deg)
}
.social-media .wechat-link:hover .wechat-qr {
	display:block
}
#home-keep-app {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
#home-keep-app .download {
	position:absolute;
	left:80px;
	bottom:64px;
	width:26.833333333333336%;
	display:flex;
	align-items:flex-end;
}
#home-keep-app .download img {
	width:100%;
	display:block;
	margin-top:16px
}
#home-keep-app .download .qrcode {
	width:116px;
	margin-left:20px;
	height:auto;
	border-radius:10px
}
#home-keep-app .download .qrcode img{margin-top:0px;}
#home-keep-app .training-info {
	position:absolute;
	bottom:78px;
	left:27.77777777777778%;
	color:#747373;
}
#home-keep-app .training-info video {
	width:180px
}
#home-keep-app .training-info .content {
	margin-top:74px;
	display:flex;
	align-items:center;
}
#home-keep-app .training-info .content .title {
	font-size:14px;
	font-weight:500;
	line-height:20px;
}
#home-keep-app .training-info .content .title i {
	display:inline-block;
	margin-right:6px;
	width:4px;
	height:10px;
	border-radius:2px
}
#home-keep-app .training-info .content .data {
	margin-top:10px;
	font-size:28px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:bold;
	color:#747373;
	line-height:28px;
	position:relative;
}
#home-keep-app .training-info .content .data span {
	margin-left:6px;
	font-size:12px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:#bfbfbf;
	line-height:28px
}
#home-keep-app .training-info .content .diet {
	margin-left:48px;
}
#home-keep-app .training-info .content .diet i {
	background:#d2ffb5
}
#home-keep-app .training-info .content .training i {
	background:#e6dcf3
}
#home-keep-app .phone {
	position:absolute;
	width:27.77777777777778%;
	padding-bottom:56.7%;
	left:54.09722222222222%;
	bottom:40px;
}
#home-keep-app .phone .phone-mask {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:url("../images/phone-848d0effca.png") no-repeat center/cover;    z-index: 3;
}
#home-keep-app .phone .screen {
	position:absolute;
	top:18px;
	left:21px;
	right:21px;
	bottom:0;
	overflow:hidden;
	border-radius:8px 8px 0 0
}
#home-keep-app .phone .screen_1,#home-keep-app .phone .screen_2,#home-keep-app .phone .screen_3 {
	height:97.2%;
	width:100%;
	position:absolute;
	border-radius:8px 8px 0 0
}
#home-keep-app .phone .screen_2 {
	opacity:0
}
#home-keep-app .phone .screen_3 {
	opacity:0
}
#home-keep-app .course {
	width:324px;
	height:182px;
	border-radius:12px;
	position:absolute;
	color:#fff;

	padding:18px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	box-sizing:border-box;
}
#home-keep-app .course .class-name {
	font-size:20px;
	font-weight:500;
	line-height:28px;
	margin-bottom:3px
}
#home-keep-app .course .class-info {
	font-size:12px;
	line-height:17px
}
#home-keep-app .course_1 {
	bottom:400px;
	left:-83.5%;
	
}
#home-keep-app .course_2 {
	left:-83.5%;
	bottom:200px;
	
}
#home-keep-app .course_3 {
	bottom:0px;
	left:-83.5%;
	
}
#home-keep-app .route {
	opacity:0;
	position:absolute;
	left:27.77777777777778%;
	bottom:71px;
}
#home-keep-app .route .route_img {
	width:32.361111111111114%
}
#home-keep-app .route .route_data {
	margin:24px 0 0 21px
}
#home-keep-app .route .title {
	font-size:11px;
	font-family:SFProDisplay;
	color:#fff;
	line-height:13px
}
#home-keep-app .route .tag {
	width:48px;
	margin:8px 0 2px;
	display:flex;
	justify-content:space-between;
	font-size:10px;
	color:#ccc;
	line-height:14px
}
#home-keep-app .route .progress-wrap {
	height:18px;
	background:rgba(36,199,175,0.2);
	border-radius:50px;
	margin-top:8px
}
#home-keep-app .route .progress-bar {
	height:18px;
	display:flex;
	align-items:center;
	border-radius:50px;
	width:0;
}
#home-keep-app .route .progress-bar span {
	display:none;
	margin-left:10px
}
#home-keep-app .route .progress_1 {
	width:130px
}
#home-keep-app .route .progress_2 {
	width:220px
}
#home-keep-app .route .progress_3 {
	width:115px
}
#home-keep-app .route .progress_1 .progress-bar,#home-keep-app .route .progress_3 .progress-bar {
	background:#24c789
}
#home-keep-app .route .progress_2 .progress-bar {
	background:#24c7af;
	font-size:10px;
	font-family:KeepDisplay;
	color:#747373
}
#home-keep-app .phone-mode .training-info,#home-keep-app .phone-mode .phone,#home-keep-app .phone-mode .route {
	opacity:1;
	position:relative;
	bottom:auto;
	left:auto;
	right:auto
}
#home-keep-app .app_2 {
	background:url("../images/app_bg2-f7a530833b.png") no-repeat center/cover
}
#home-keep-app .app_3 {
	background:url("../images/app_bg_3-b45dba0b04.png") no-repeat center/cover
}
#home-keep-shop .shop_link {
	position:absolute;
	left:80px;
	bottom:64px;
}
#home-keep-shop .shop_link .shop_link_item {
	margin-top:10px;
	width:84px;
	height:30px;
	background:#111;
	border-radius:16px;
	border:1px solid #949494;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	color:#fff
}
#home-keep-shop .banner_wrapper {
	position:absolute;
	top:0;
	right:-100vh;
	display:flex;
	justify-content:flex-end;
	overflow:hidden;
	z-index:-1;
}
#home-keep-shop .banner_wrapper .banner {
	width:42.8vh;
	height:100vh;
	margin-left:2px;
	position:relative
}
#home-keep-shop .banner_wrapper .mask {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:.7
}
#home-keep-shop .banner_wrapper .banner_1 {
	background:url("../images/shop_1-4f7f0a2d65.png") no-repeat center/cover;
}
#home-keep-shop .banner_wrapper .banner_1 .mask {
	opacity:0
}
#home-keep-shop .banner_wrapper .banner_2 {
	background:url("../images/shop_2-8a038e609a.png") no-repeat center/cover
}
#home-keep-shop .banner_wrapper .banner_3 {
	background:url("../images/shop_3-6cbcde8a24.png") no-repeat center/cover
}
#home-keep-shop .banner_wrapper .banner_4 {
	background:url("../images/shop_4-80d62be330.png") no-repeat center/cover
}
#home-keep-shop .banner_wrapper .banner_5 {
	background:url("../images/shop_5-d63e0a7ddb.png") no-repeat center/cover
}
#home-keep-aiot {
	background-image:url("../images/light-f23f9e1a5e.png");
	background-size:720px 720px;
	background-repeat:no-repeat;
	background-position:top -360px right -360px
}
#bracelet {
	position:absolute;
	width:12.666666666666668%;
	padding-bottom:40.833333333333336%;
	left:65.83333333333333%;
	bottom:105px;
	transform-origin:left bottom;
	background:url("../images/bracelets-1dcf95e00f.png") no-repeat center/cover;
}
#bracelet .screen {
	width:65.78947368421053%;
	position:absolute;
	top:26.122448979591837%;
	left:17.105263157894736%
}
#exercycle {
	opacity:0;
	position:absolute;
	width:48.05555555555556%;
	padding-bottom:52.56944444444444%;
	left:61.111111111111114%;
	bottom:-107px;
	transform-origin:left bottom;
	background:url("../images/exercycle-9a2497b9dd.png") no-repeat center/cover;
}
#exercycle .screen {
	width:84.39306358381504%;
	position:absolute;
	top:5.538461538461538%;
	left:7.803468208092486%
}
#treadmill {
	opacity:0;
	transform-origin:left bottom;
	position:absolute;
	width:33.33333333333333%;
	padding-bottom:32.29166666666667%;
	left:78.47222222222221%;
	bottom:0;
	background:url("../images/treadmill-84a11b57b3.png") no-repeat center/cover
}
.phone-mode-aiot {
	height:520px;
	margin-top:40px;
	display:flex;
	align-items:flex-end;
	overflow:hidden;
}
.phone-mode-aiot .aiot-wrap {
	display:flex;
	align-items:flex-end;
	overflow:hidden;
	flex-shrink:0
}
.phone-mode-aiot .bracelet {
	flex-shrink:0;
	position:relative;
	height:274.4px;
	width:85px;
	margin:0 40px 81px 8%;
	background:url("../images/bracelets-1dcf95e00f.png") no-repeat center/cover;
}
.phone-mode-aiot .bracelet .screen {
	width:59px;
	position:absolute;
	top:72px;
	left:13px
}
.phone-mode-aiot .exercycle {
	flex-shrink:0;
	position:relative;
	height:424px;
	width:387.5px;
	background:url("../images/exercycle-9a2497b9dd.png") no-repeat center/cover;
}
.phone-mode-aiot .exercycle .screen {
	width:330px;
	position:absolute;
	top:22px;
	left:30px
}
.phone-mode-aiot .treadmill {
	flex-shrink:0;
	position:relative;
	height:372px;
	width:384px;
	background:url("../images/treadmill-84a11b57b3.png") no-repeat left/cover
}
#home-keep-charity .video-inner {
	width:100%;
	height:160px;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	right:0
}
#home-keep-charity .paragraph {
	position:absolute;
	margin:0;
	top:16vh;
	left:80px
}
#home-keep-charity .video-mask {
	background:rgba(16,9,31,0.8);
}
#home-keep-charity .video-mask img {
	margin:6% auto 0
}
#home-keep-charity .content-wrap {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:100%;
}
#home-keep-charity .content-wrap img {
	width:372px
}
#home-keep-charity .more-btn {
	margin-top:24px;
	width:94px;
	height:38px;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:19px;
	font-size:14px;
	font-weight:500;
	color:rgba(0,0,0,0.87);
	line-height:38px
}
.home-keep-about {
	background:url("../images/dot-f9f08d552d.png") no-repeat bottom right/contain;
	background-color:#fff;
}
.home-keep-about .wrap-inner {
	height:360px;
	min-height:0;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600
}
.home-keep-about .title {
	color:#333;
	font-size:56px;
	line-height:68px;
	margin:114px 0 36px 80px
}
.home-keep-about .link {
	color:#6d51f4;
	display:flex;
	align-items:center;
	font-size:20px;
	line-height:28px;
	margin-left:80px;
}
.home-keep-about .link i {
	display:inline-block;
	height:24px;
	width:24px;
	background:url("../images/icon_arrow_purple-8f642ad9ab.png") no-repeat center/cover
}
@media screen and (min-width:1025px) {
	#home-keep-app .download {
	height:100px;
	align-items:flex-start;
}
#home-keep-app .download .btns {
	width:38%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}
#home-keep-app .download .btns img {
	margin-top:0
}
#home-keep-app .download .qrcode {
	width:auto;
	max-width:50%;
	height:100%;
	margin-top:0
}
#home-keep-app .route {
	left:31.25%
}
#home-keep-app .training-info {
	left:35.25%
}
#home-keep-app .phone {
	left:68%
}
}@media screen and (min-width:1440px) {
	.wrap-inner {
	position:relative;
	width:1440px;
	margin:0 auto
}
.video-inner {
	width:1440px !important;
	left:50% !important;
	margin-left:-720px
}
}@media screen and (min-width:768px) and (max-width:1024px) {
	.wrap-inner {
	height:fit-content;
	min-height:0
}
.img-bg {
	display:block;
	height:576px
}
.video-bg {
	display:none
}
.phone-mode-wrapper {
	display:block
}

.intro {
	left:24px
}
.social-media {
	right:24px
}
.paragraph {
	margin:60px 0 0 0;
	text-align:center;
}
.paragraph .para-title {
	font-size:40px;
	line-height:68px
}
.paragraph .para-text {
	margin:24px auto 0 auto
}
.paragraph .app-animate-page {
	display:none
}
.paragraph .para-link {
	margin:32px auto 0 auto;
	justify-content:center
}
#home-keep-charity .video-bg {
	display:block;
	width:100%;
	padding-bottom:0;
	height:600px
}
#home-keep-charity .paragraph {
	top:0;
	margin:60px 0 0 0;
	left:0;
	right:0
}
.home-keep-about {
	background:url("../images/dot-f9f08d552d.png") no-repeat -100px 120px/contain
}
.title {
	margin:60px auto 0 auto;
	text-align:center;
	font-size:40px;
	line-height:68px
}
.link {
	margin:32px auto 0 auto;
	justify-content:center
}
.link-style {
	margin:32px auto 0 auto;
	justify-content:center
}
#home-keep-app .wrap-inner {
	background:#000
}
#home-keep-app .download {
	position:relative;
	left:0;
	bottom:0;
	margin:40px auto 0 auto;
	text-align:center;
	width:fit-content;
}
#home-keep-app .download .btns {
	height:116px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
#home-keep-app .download .btns img {
	width:162px;
	display:inline-block;
	margin:0 8px
}
#home-keep-app .download .qrcode {
	transform:scale(1.14);
	position:absolute;
	left:100%;
	bottom:8px
}
#home-keep-app .phone-mode {
	height:600px;
	display:flex;
	align-items:flex-end;
	justify-content:center;
}
#home-keep-app .phone-mode .phone {
	width:306px !important;
	height:478px;
	padding:0;
}
#home-keep-app .phone-mode .phone .screen {
	top:15px;
	left:13px;
	right:13px;
	bottom:0;
	overflow:hidden;
	border-radius:20px 20px 0 0
}
#home-keep-app .phone-mode .course {
	opacity:1;
	width:260px;
	height:146px
}
#home-keep-app .phone-mode .course_1 {
	left:-166px;
	top:97px
}
#home-keep-app .phone-mode .course_2 {
	left:-198px;
	top:267px
}
#home-keep-app .phone-mode .course_3 {
	left:230px;
	bottom:40px
}
#home-keep-app .phone-mode .training-info {
	transform:scale(.8);
	transform-origin:center bottom
}
#home-keep-app .phone-mode .training-info {
	margin-bottom:54px
}
#home-keep-app .phone-mode .route .route_img {
	width:372.8px;
	height:212.8px
}
#home-keep-app .phone-mode .route .route_data {
	margin:19px -20px 49px 17px
}
#home-keep-app .phone-mode .route .title {
	font-size:9px;
	line-height:10px
}
#home-keep-app .phone-mode .route .tag {
	width:54px;
	margin:7px 0 8px;
	font-size:8px;
	line-height:11px
}
#home-keep-app .phone-mode .route .progress-wrap {
	height:14.4px;
	border-radius:40px;
	margin-top:7px
}
#home-keep-app .phone-mode .route .progress-bar {
	height:14.4px;
	border-radius:40px;
}
#home-keep-app .phone-mode .route .progress-bar span {
	margin-left:8px
}
#home-keep-shop .banner_wrapper {
	position:relative;
	top:0;
	bottom:auto;
	left:auto;
	right:auto;
	justify-content:flex-start;
}
#home-keep-shop .banner_wrapper .banner {
	width:246px;
	height:576px;
	margin-left:2px;
	position:relative;
	flex-shrink:0
}
#home-keep-shop .shop_link {
	position:relative;
	left:0;
	bottom:0;
	margin:40px 0 51px;
	text-align:center;
}
#home-keep-shop .shop_link .shop_link_item {
	display:inline-block;
	line-height:30px;
	margin:0 8px
}
}@media screen and (max-width:1200px) {
#home-keep-app .training-info{position: relative;top:10px;
    left:0px;
    color: #747373;}	
#home-keep-app .phone{ width: 17rem !important;
    height: 35.2rem;   position: relative;
    bottom: auto;
    left: auto;
    right: auto;
	margin:1rem auto 0px auto;
    padding: 0;
	}	
	.banner .swiper-slide{background-size:auto 100%;}
	#home-keep-app .phone .screen_1, #home-keep-app .phone .screen_2, #home-keep-app .phone .screen_3{height:100%;}
#home-keep-app .phone .screen{top: 0px;
    left: 13px;
    right: 13px;
    z-index: 3;
    bottom: 0;
    overflow: hidden;
    border-radius: 20px 20px 0 0;}	
.banner .swiper-pagination{top:auto;bottom:0px;
    left: 5%;}
#home-keep-app .phone .course{display:none;}
.sjdkc{overflow:hidden;}
#home-keep-app .course{width:48%;float:left;position: relative;margin:10px 1% 0px 1%; height:120px;}
#home-keep-app .course_1{bottom:auto; left:auto;float:none; margin:10px auto 0px auto; }
#home-keep-app .course_2{bottom:auto; left:auto;}
#home-keep-app .course_3{bottom:auto; left:auto;}
	.pc-mode-wrapper{margin-top:38px;}
	.wrap-inner {
	height:fit-content;
	min-height:0
}
.img-bg {
	display:block;
	height:56.3rem
}
.phone-mode-wrapper {
	display:block
}

.video-bg {
	display:none
}
.video-mask img {
	width:28.1rem
}
.intro,.social-media {
	display:none
}
.paragraph {
	margin:2.6rem 0 0 0;
	text-align:center;
}
.paragraph .para-title {
	font-size:1.8rem;
	line-height:3rem
}
.paragraph .para-text {
	margin:1rem 1rem 0;
	font-size:1rem;
	line-height:2rem
}
.paragraph .app-animate-page {
	display:none
}
.paragraph .para-link {
	margin:1.9rem auto 0 auto;
	justify-content:center;
	font-size:1.6rem;
	line-height:2.8rem;
}
.paragraph .para-link i {
	height:1.9rem;
	width:1.9rem
}
#home-keep-charity .video-bg {
	display:block;
	width:100%;
	padding-bottom:0;
	height:56.3rem
}
#home-keep-charity .paragraph {
	top:0;
	margin:5.6rem 0 0 0;
	left:0;
	right:0
}
#home-keep-aiot {
	background-size:42.2rem 42.2rem;
	background-repeat:no-repeat;
	background-position:top -21.1rem right -21.1rem
}
.home-keep-about {
	background-size:150%;
}
.home-keep-about .title {
	margin:5.6rem auto 0 auto;
	text-align:center
}
.home-keep-about .link {
	margin:1.9rem auto 24.1rem auto;
	justify-content:center
}
#home-keep-app .wrap-inner {
	background:#000
}
#home-keep-app .download {
	position:relative;
	left:0;
	bottom:0;
	margin:1rem auto 0 auto;
	display:flex;
	
	text-align:center;
	width:fit-content;
}
#home-keep-app .download img {
	width:150px;
	display:block;
	margin:0.5rem 0 0
}
#home-keep-app .download .qrcode {
	margin:1rem 0 0 0.5rem;
}
#home-keep-app .download .qrcode img{width:100px;}
#home-keep-app .training-info {
	margin-top:1rem;
	display:flex;
	flex-direction:column;
	align-items:center;
}
#home-keep-app .training-info video {
	height:6.5rem;
	width:6.5rem
}
#home-keep-app .training-info .content {
	margin-top:1rem;width:auto;
}
#home-keep-app .training-info .content .title {
	font-size:1rem;
	line-height:1rem;
}
#home-keep-app .training-info .content .title i {
	display:inline-block;
	margin-right:.6rem;
	width:.4rem;
	height:.9rem
}
#home-keep-app .training-info .content .data {
	margin-top:.3rem;
	font-size:1.3rem;
	line-height:1.3rem;
}
#home-keep-app .training-info .content .data span {
	font-size:1.1rem;
	line-height:2.6rem
}
#home-keep-app .training-info .content .diet {
	margin-left:1.5rem
}
#home-keep-app .phone-mode {
	display:flex;
	align-items:center;
	flex-direction:column;
}
#home-keep-app .phone-mode .phone {
	width:23.5rem !important;
	height:35.2rem;
	padding:0;
}
#home-keep-app .phone-mode .phone .screen {
	top:15px;
	left:13px;
	right:13px;
	z-index:3;
	bottom:0;
	overflow:hidden;
	border-radius:20px 20px 0 0
}
#home-keep-app .phone-mode .phone .phone-mask {
	z-index:3
}
#home-keep-app .phone-mode .course {
	opacity:1;
	width:19rem;
	height:10.7rem;
	padding:1.1rem;
	transform:scale(.74);
}
#home-keep-app .phone-mode .course .class-name {
	font-size:1.2rem;
	line-height:1.6rem;
	margin-bottom:.2rem
}
#home-keep-app .phone-mode .course .class-info {
	font-size:.7rem;
	line-height:.9rem
}
#home-keep-app .phone-mode .course_1 {
	left:.1rem;
	top:-18.7rem
}
#home-keep-app .phone-mode .course_2 {
	z-index:2;
	left:-5.3rem;
	top:-8.5rem
}
#home-keep-app .phone-mode .course_3 {
	z-index:4;
	left:9.6rem;
	top:-10rem
}
#home-keep-app .phone-mode .route_data {
	display:none
}
#home-keep-app .phone-mode .route_img {
	width:28rem;
	display:block;
	margin:6rem 0 3rem
}
#home-keep-app .app_1 .phone {
	margin-top:3.4rem
}
#home-keep-app .app_2 .phone {
	margin-top:25.8rem
}
#home-keep-shop .banner_wrapper {
	position:relative;
	bottom:auto;
	top:0;
	left:auto;
	right:auto;
	justify-content:flex-start;
	margin-top:3.8rem;
}
#home-keep-shop .banner_wrapper .banner {
	width:18rem;
	height:42.2rem;
	margin-left:2px;
	position:relative;
	flex-shrink:0;
	left:-5rem
}
#home-keep-shop .shop_link {
	position:relative;
	left:0;
	bottom:0;
	display:flex;
	align-items:center;
	flex-direction:column;
	margin:3.8rem 0 0;
}
#home-keep-shop .shop_link .shop_link_item {
	margin:0 0 .9rem 0;
	width:10rem;
	height:3.5rem;
	font-size:1.4rem;
	border-radius:1.9rem
}
.phone-mode-aiot {
	flex-direction:column;
	align-items:center;
	margin-top:0;
}
.phone-mode-aiot .bracelet {
	height:20.1rem;
	width:6.2rem;
	margin:1.9rem 0;
}
.phone-mode-aiot .bracelet .screen {
	width:4.3rem;
	top:5.2rem;
	left:.9rem
}
.phone-mode-aiot .exercycle {
	width:28.3rem;
	height:31rem;
	background-position:right top;
}
.phone-mode-aiot .exercycle .screen {
	height:12.8rem;
	width:24.25rem;
	top:1.6rem;
	left:2.1rem
}
.phone-mode-aiot .treadmill {
	height:27.3rem;
	width:28.2rem
}
#home-keep-charity img {
	width:28rem
}
#home-keep-charity .more-btn {
	width:8.4rem;
	height:3.3rem;
	border-radius:1.6rem;
	line-height:3.3rem
}
.home-keep-about .title {
	margin:5.6rem auto 0 auto;
	text-align:center;
	font-size:2.8rem;
	line-height:3.5rem
}
.home-keep-about .link {
	margin:1.9rem auto 0 auto;
	font-size:1.6rem;
	line-height:2.3rem;
}
.home-keep-about .link i {
	width:1.9rem;
	height:1.9rem
}
}


.gymld{box-shadow:0px 1px 4px #999;  position: relative;}
.gymld .gymldbj{width:100%;}
.gymldwz{width:100%; position: absolute; top:26%; text-align:center;}
.gymldwz img{height:130px;}
.gymldwz p{font-size:16px;color:999; line-height:26px; margin-top:20px;}
.gymldwz .more{margin-top:30px;}
#sjsjpkc{margin-top:40px;}
.ljcgcpzx{ overflow: hidden; width: 100%;     min-width:1350px;padding-bottom:40px;}
.ljcgcpzx .list{ width: 100%; padding: 42px 0; overflow: hidden;}
.ljcgcpzx .list li{ float: left; background:#fff; width: 269px; height: 269px;  margin-left: 41px; text-align: center; position: relative; border-radius:50%;}
.ljcgcpzx .list li h3{ margin-top: 95px; font-size:20px; color: #edc9c6}
.ljcgcpzx .list li h3 span{ font-weight: normal}
.ljcgcpzx .list li p{ font-size: 12px; color: #999999;}
.ljcgcpzx .list li i{ display: block; width: 75px; height: 75px; margin: 10px auto 0; overflow: hidden}
.ljcgcpzx .list li img{ display: block}
.ljcgcpzx .list li em{ display: block;  background: url("../images/course_li_shadow.png") no-repeat center; width: 100%; height: 8px; position: absolute; left:0; bottom: -20px;}
.ljcgcpzx .list li:first-child{ margin-left: 0}
.ljcgcpzx .list li:hover{ background:#edc9c6;}
.ljcgcpzx .list li:hover h3 ,.ljcgcpzx .list li:hover p{ color: #fff}
.ljcgcpzx .list li:hover i img{ margin-top: -75px;}
.ljcgcpzx .list li a{ text-decoration: none}

.ljcg-title{ margin-bottom:40px; text-align:center; }
.ljcg-title h2 {  line-height:normal; font-weight:normal; font-size:32px;padding-bottom:20px; color:#333;  }
.ljcg-title span{display:block;width:58px; margin:0 auto; height:2px; background:#f5f5f5;}
.ljcg-title p{font-size:15px; color:#555;}
.more{box-shadow:0 2px 6px #ddd;margin:50px auto 0px auto;display:block;width:188px; height:48px; line-height:46px; color:#999; font-size:16px; background:#f5f5f5; border-radius:54px; text-transform:uppercase; text-align:center;}
.more img{ display:inline-block; vertical-align:top; position:relative; width:17px; height:9px; margin:19px 0 0 19px;}
.more:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}	



.down_banq{width:100%; position:relative; z-index:6; border-top:1px solid #d1d1d1; padding-top:30px; padding-bottom:30px;}
.w_width{width:1350px; margin:0px auto; overflow:hidden;}
.down_banq .Copyright{ float: left; color:#333333; font-size:16px; line-height:calc(20px + 0.06rem);}
.down_banq .Copyright a{ color:#333333; }
.down_banq .Copyright a:hover{ color:#edc9c6;}
.down_banq .daohang{ float: right; color:#333333; font-size:16px; line-height:calc(20px + 0.06rem);}
.down_banq .daohang a{ color:#333333; position:relative; }
.down_banq .daohang a:hover{ color:#edc9c6; }
.down_banq .Links{ display:inline-flex; position:relative; padding-right:22px; cursor:pointer;}
.down_banq .Links:after{float:left; position:absolute; right:3px; top:50%;  content:''; width:8px; height:8px; border-bottom:1px solid #333333; border-right:1px solid #333333; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); margin-top:-1px; }
.down_banq .Links ul{ display:none; float:left; position:absolute; left:50%; bottom:120%; width:160px;  transform:translateX(-50%); -ms-transform:translateX(-50%); background:#f5f5f5; padding:8px 0; border-radius:4px;}
.down_banq .Links ul:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:100%; margin-left:-6px; border-left:6px solid transparent; border-right:6px solid transparent;border-top:5px solid #fff; }
.down_banq .Links ul li a{ float:left; width:100%; color:#333333 !important; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.04rem); padding:0 10px;}
.down_banq .Links ul li a:hover{ color:#edc9c6 !important; text-decoration:none !important; }


.solution-cardlist  .col-sm-4{width:254px;position: relative;margin:10px 8px; border-radius:5px; overflow:hidden;box-shadow: 0px 1px 4px #ddd;}

.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:25px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#cf000d;box-sizing:border-box}
.solution-cardlist .col-sm-4 span{display: none;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(237, 201, 198, .9);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-cardlist .col-sm-4:hover span{display:block;}
.solution-cardlist .col-sm-4:nth-child(2) span,
.solution-cardlist .col-sm-4:nth-child(4) span{background: rgba(237, 201, 198, .9);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-cardlist .col-sm-4 i{position: absolute;width: 60px; height:60px;left: 118px;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-cardlist .col-sm-4 hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-cardlist .col-sm-4 h3{font-size: 24px;position: absolute;width: 100%;left: 0;top: 40%;transition: .3s; color:#fff; text-align:center;}
.solution-cardlist .col-sm-4 p{width: 80%;position: absolute;font-size: 14px;left: 10%;top: 60%;opacity: 0;transition: .3s; color:#fff;}
.solution-cardlist .col-sm-4 a{position: absolute;top:56%; left:30%; margin:0 auto; text-align:center;font-size: 14px;line-height: 32px;width: 100px;/*margin: 0 0 0 -60px;*/color: #fff;border: 2px solid #fff;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-cardlist .col-sm-4 a:hover{background: #fff;color: #373d41;}
.solution-cardlist .col-sm-4 img{display: block;width: 100%;}



.ljcggywm{ width:100%; background:url(../images/wccjbanner.jpg) 50% 50% no-repeat;background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    transform: translateZ(0); padding-top:100px;padding-bottom:100px;overflow:hidden;}
.ljcggywm-nr{width:1100px; margin:0 auto;}
.about-l{ width:500px; padding-top:80px; float:left;}
.about-l .about-logo{ display:block; margin-bottom:40px;width:315px;}
.about-l h4{ font-size:40px; color:#fff; margin-bottom:20px;}
.about-l p{ font-size:18px; color:#fff; line-height:40px; letter-spacing:1.5px;}
.about-r{ width:448px; float:right;}
.about-r li:first-child{ margin-bottom:22px;}
.index-about-m{ display:none;}



.slideBox{width:1350px; position:relative;  margin:0 auto;max-width:100%;/* 设置焦点图最大宽度 */ }
	.slideBox .hd{ width:104px; height:8px; line-height:28px;  z-index:1;  margin:20px auto 0 auto;}
	.slideBox .hd li{cursor: pointer; display:inline-block; width:30px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:10px; background:#ddd; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{width:50px; background:#edc9c6;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd ul{}
	
	.slideBox .bd li .swiper-slide{width:25%;}
	.slideBox .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusbg.png) repeat-x; color:#fff;  text-align:left;  }
	





.ljcgyyly{ overflow: hidden; width: 100%; background:#ffffff; padding:100px 0;}


.ljcgyyly .xlBox{ width: 1350px; position: relative; margin:0 auto;  margin-top: 65px;}
.ljcgyyly .xlCon{ width: 1350px; margin: 0 auto; height: 400px; position: relative; overflow: hidden}
.ljcgyyly .list{ position: absolute}
.ljcgyyly .list li{ text-align:center; position: relative; width: 280px; height: 400px; margin:0 10px; float: left; background-color: #fff; border-radius: 3px;}
.ljcgyyly .list li a.more{ width: 222px; height: 222px; margin: 20px auto 0; position: relative; display: block;}
.ljcgyyly .list li a.more em{ display: block; width: 222px; height: 222px; position: absolute; top:0; left:0;  background: url("../images/xl_imgbg.png") no-repeat center;}
.ljcgyyly .list li h3{ font-weight: normal; color: #edc9c6; line-height: 30px;}
.ljcgyyly .list li p{ font-size: 14px; color: #666666; line-height: 20px; overflow: hidden;  padding: 0 25px; margin-top: 5px;}
.ljcgyyly .list li a.more_a{ width: 26px; height: 26px; margin: 0 auto; margin-top: 20px; display: block; overflow: hidden}
.ljcgyyly .list li i{display: block;background: url("../images/sanjiao.png") no-repeat center top;right: 0;bottom: 0;width: 35px;height: 35px;position: absolute;}
.ljcgyyly .list li:hover i{ background-position: bottom}
.ljcgyyly .list li:hover  a.more_a img{ margin-top: -26px;}
.ljcgyyly .xlBox span{ display: block; width: 40px; height: 40px; position: absolute; top:180px; cursor: pointer; background:#cf7a00; border-radius: 100%;
    font-family: "宋体";
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 20px;}
.ljcgyyly .xlLt{ display: block; background: url("../images/xllt.png") no-repeat center top;  left: 0}
.ljcgyyly .xlRt{ display: block; background: url("../images/xlrt.png") no-repeat center top; right: 0}
.ljcgyyly .xlBox span:hover{ background-position: bottom;}






#gengduo{
	display:block;

	width:114px;
	text-align:center;
	border: 1px solid #2c70b3;
    background: #e43e1d;
    border-radius: 3px;
    padding: 12px 0px;
    margin: 0 auto;
    color: #fff;
    transition: all 1.5s;
	font-size:14px;
	}


.xygs{  width: 100%; background:url(../images/rwbjqbj.jpg) no-repeat center top; padding:0 0 50px; min-width:1350px; height:610px;}
.xygs .title h2{ color:#edc9c6;}
.xygs .title p{color:#fff;}
.xygs .newNav{ width: 100%; padding: 7px 0; border-bottom: 2px solid #dadada; overflow: hidden; background-color: #fff}
.xygs .newNav li{ float: left; text-align: center; font-size: 18px; border-left: 1px dotted  #666666; width:199px; }
.xygs .newNav li:first-child{ border-left:none}
.xygs .newNav li a{ color: #666}
.xygs .newNav li:hover a,.xygs .newNav li.cur a{ color: #edc9c6; font-weight: bold;  text-decoration: none}
.xygs .newBox{ overflow: hidden; width: 100%; margin-top: 40px; position: relative; height: 435px;}
.xygs .newCon{width:1350px; margin:0 auto; padding-top:42px;}
.xygs .newCon:first-child{ display: block}
.xygs .newDl{ float: left; width:280px; margin-right: 27px; }
.xygs .newDl dt img{ display: block;}
.xygs .newDl dt,.xygs .newDl dt img{ overflow: hidden; width: 280px; height:160px; }
.xygs .newDl dd h3{ margin-top: 28px; margin-bottom: 20px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal}
.xygs .newDl dd h3 a{ color: #333}
.xygs .newDl dd p{ line-height: 24px; height: 72px; overflow:hidden; font-size: 13px; color:#666}
.xygs .newDl dd span{display: block;margin: 26px 0;color: #999;font-size: 12px;}
.xygs .newDl dd a.more{ display: block; background: url("../images/new_a.png") no-repeat center top; width: 40px; height: 40px;}
.xygs .newDl:hover a.more{ background-position: bottom;}
.xygs .NewRt{ float: left; width:838px; background:#fff; border-radius:10px; padding:12px 10px;}
.xygs .newUl{ overflow: hidden; }
.xygs .newUl li{width:250px; float:left; margin:5px 17px; }
.xygs .newUl li img{width:250px;}
.xygs .newUl li h4{ font-size: 16px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 295px; }
.xygs .newUl li h4 a{ color: #333}
.xygs .newUl li p{ line-height: 24px; height: 72px; overflow:hidden; font-size: 13px; color:#666;width: 295px; margin-top: 15px}
.xygs .newUl li:first-child{ padding-top: 0;}
.xygs .newUl li a.more{display: block; background: url("../images/new_a.png") no-repeat center top; width: 40px; height: 40px; position:absolute; right: 0; bottom:25px;}
.xygs .newUl li span{ font-size: 13px; color: #999; right: 0; top:22px; position: absolute}
.xygs .newUl li:first-child span{ top:0}
.xygs .newUl li:hover a.more{ background-position: bottom;}
.xygs .newUl li:last-of-type{ border-bottom: none}


.hp-kbzr{padding:0 0 70px 0; overflow:hidden; background:#fff; min-width:1350px;}
 
 .HomeTile{ position:relative; text-align:center; z-index:2; line-height:40px; margin-bottom:30px;}
.HomeTile .cn{ display:block; font-size:2.667em; color:#0a0a0a;}
.HomeTile .cn .red{ color:#03539c;}
.HomeTile .en{ display:block;  width:100%; text-align:center; position:absolute; top:0px; font-family:"Arial"; font-size:3.33em; color:#ebebeb; z-index:-1; text-transform:uppercase;}
.hp-kbzr .HomeTile .cn{ color:#fff;}
.hp-kbzr .HomeTile .en{color:#0965B9;}
 .ytc-wmdys1{padding:70px 0; overflow:hidden;}
 .yslist{ overflow:hidden; }
.yslist li{ width:32%; float:left; margin-right:2%; position:relative; margin-bottom:30px;}
.ysimg{ width:370px; height:300px; float:right;}
.ysimg img{ width:370px; height:300px;}
.ystxt{ position:absolute; width:239px; padding:0 20px 0 40px; height:110px; left:0; bottom:30px; background:url(../images/ysbj.png);}
.ystxt h3{ color:#212121; font-size:18px; font-weight:normal; line-height:28px; margin-top:15px;}
.ystxt p{ font-size:14px; color:#4e4e4e; line-height:24px;}
.ystxt span{ display:block; width:36px; height:36px; position:absolute; right:0; bottom:0; background:url(../images/more.png);}

.zezhao{ background:url(../images/zzbj.png); width:330px; display:none; padding:0 20px; height:100%; position:absolute; right:0; top:0;}
.zezhao h3{ color:#ffffff; font-size:18px; font-weight:normal; line-height:36px; margin-top:35px;}
.zezhao p{ font-size:14px; color:#ffffff; line-height:24px; margin-top:20px;}
.zezhao span{ display:block; width:36px; height:36px; position:absolute; right:1px; bottom:1px; background:url(../images/more2.png);}
.yslist li:hover .ystxt{ display:none;}
.yslist li:hover .zezhao{ display:block;}
.ytc-wmdys{width:1350px;
    margin:45px auto 0;
    overflow:hidden;}
 .ytc-czsp{width:1350px;
    margin:0 auto;
    overflow:hidden;
	}

/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:660px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
.btn{ z-index: 9999;}

/*视频*/
.videoBg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-image: url(../images/xialabg.png);
    display: none;
}
.videoBox {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
    margin-left: -430px;
    margin-top: -260px;
    width: 860px;
    height: 520px;
    background-color: #fff;
    display: none;
}
.videoBox>i {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    background: url(../images/videocloes.png) no-repeat center;
    cursor: pointer;
}
.titxbt{font-size:20px; color:#edc9c6; line-height:40px; text-align:center;  border-radius:10px; margin-bottom:10px; font-weight:bold; border-bottom:1px dashed #ccc;}
#videoBtn {
    cursor: pointer;
}



.ms_part1{
    margin-top:30px;
   /* margin-bottom: 100px;*/

}

.ms_part1 .device {
    width: 1000px;
    position: relative;
    height: 330px;
}
.ms_part1 .swiper-container {
    width: 1000px;
    height: 330px;
    padding-top: 10px;
}
.ms_part1 .swiper-slide {
   background:#fff;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
   /* -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);*/
}
.ms_part1 .swiper-slide-visible {
    opacity: 0.6;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.ms_part1 .swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ms_part1 .device .arrow-left {
    position: absolute;
    left: -76px;
    top: 105px;
    width: 40px;
    height: 40px;
    z-index: 10;
    background: #edc9c6;
    border-radius: 100%;
    font-family:"宋体";
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
}
.ms_part1 .device .arrow_active{
    background: #ebebeb !important;
}
.ms_part1 .device .arrow-right {
    position: absolute;
    right: -76px;
    top: 105px;
    width: 40px;
    height: 40px;
    z-index: 10;
    background: #edc9c6;
    border-radius: 100%;
    font-family:"宋体";
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
}











.ms_main{
    
    color: #999;
    cursor: pointer;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
    z-index: 1;

text-align:center;
border:1px solid #f5f5f5;overflow:hidden;
}


.ms_main:hover{
    z-index: 2;
    
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -10px, 0)

}
.ms_main:hover .ms_link{
    display: block;
}

.ms_img >img{
    display: block;
    width:100%;
	height:190px;
	margin:0 auto;
}
.ms_h{
    font-size: 14px;
    color:#fff;
   background:#edc9c6;
    padding:10px 10px;
}
.ms_text{
    font-size: 14px;
    color: #333;
    padding:10px 10px 0px 10px;
	overflow:hidden;
	height:48px;
}
.ms_link{
    padding:10px 10px 15px 10px;
   
}
.ms_link a{
    font-size: 14px;
    color: #fff;
}

.global_link{
	margin-top:30px;
    text-align: center;
}
.global_link >a{
    display: inline-block;
    width: 190px;
    height: 46px;
    border-radius: 23px;
    border:1px solid #edc9c6;
    line-height: 44px;
    color: #edc9c6;
    font-size: 20px;

    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.global_link >a:hover{
    background: #edc9c6;
    color: #fff;

    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}



.yyqzkc{
	margin-top:20px;
    text-align: center;
}
.yyqzkc >a{
    display: inline-block;
    width: 190px;
    height: 46px;
    border-radius: 23px;
    border:1px solid #edc9c6;
    line-height: 44px;
    color:#edc9c6;
    font-size: 20px;

    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.yyqzkc >a:hover{
    background: #edc9c6;
    color: #fff;

    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}




.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-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:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	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;
}

.img_wrap>img {
	width: 100%;
	display: block;
}

.div_wrap {
	width: 100%;
}

.inline_block {
	display: inline-block;
}

.block_block {
	display: block;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}
.fl{float:left;}
.text_overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.position_rel {
	position: relative
}

.clear_fix:after,
.clear_fix:before {
	content: "";
	display: block;
	clear: both;
}
.w-container {
	max-width: 1000px;
	margin: auto;
}

.w-silde {
	padding-left: 1rem;
	padding-right: 1rem;
}
.w-center{
	text-align: center;
}
.last_border{
	border-right: none;
}
ul:after, ul:before{
	content: "";
	display: block;
	clear: both;
}
.global_ul li{
	display: inline-block;
	float: left;
}
.part{
	margin-top: 50px;
	/*margin-bottom: 100px;*/
	padding-bottom: 50px;
}
.global_link_top{
	margin-top: 30px;
}
.part_bg{
	background: #fff;
}


.hz_part10{
    padding-top: 1px;
    margin-top: 0;
}

.company .box{
    width:100%;
    height:425px;
    background:#ffffff;
}
.company{
    width: 1000px;
    height: 430px;
    margin: 50px auto 0;
    background: #fff;
}
.company .btn{
    width: 1000px;
    margin: 0 auto;
}
.company .btn li{
    display: inline-block;
    float: left;
    width: 50%;
    height: 44px;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    margin-top: 18px;
    cursor: pointer;
}
.company .btn li p{
    font-size: 18px;
    color: #333;
    background: url(../images/pic01.png) no-repeat 133px 0px;
    padding-left: 176px;
    padding-bottom:20px;
    transition: 0.2s;
}
.company .btn li p.sec{
border-bottom-color:#edc9c6!important;
}
.company .btn li .fir{

    border-bottom: 3px solid #edc9c6;
	border-bottom-color:#edc9c6!important;
}
.company .imgBox{
    width: 1000px;
    margin: 18px auto 0;
    position: relative;
}
.company .imgBox ul{
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.2s;
    opacity: 0;
}
.company .imgBox ul li{
    float: left;
    width: 12.5%;
    border: 1px solid #f0f0f0;
    border-left:none;
    border-top: none;
    text-align: center;
}
.company .imgBox ul .li_right{
    border-right:none;
}
.company .imgBox img{


}
.company .imgBox ul .borN{
    border-right: none;
}
.company .imgBox .opa{
    opacity:1;
}

.company .imgBox .hz_yx{
z-index: 2;
}
.company .imgBox .hz_yx li{
    position: relative;
    width: 12.4%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.company .imgBox .hz_yx li > div{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    padding-top: 24%;
    text-align: center;
    opacity: 0;
}
.company .imgBox .hz_yx li > div span{display:block;font-size: 20px; font-weight: 700;}
.company .imgBox .hz_yx li:before{
    background-color: rgba(1, 87, 155, 0.75);
    position: absolute;
    content: '';
    top: 50%;
    bottom: 50%;
    left: -18%;
    right: -28%;

    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
/*.company .imgBox .hz_yx li:hover:before{
    top: -28%;
    bottom: -20%;

    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}*/
.company .imgBox .hz_yx li:hover div{
    opacity: 1;
}
.last_hz{
    padding-top: 32% !important;
}
.hz_del{
    text-align: center;
    font-size: 12px;
    color: #aaa;
    padding-top: 20px;
}






.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-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:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	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: */	
	
}

.czdl{
    width:100%;
    height:500px;
    overflow:hidden;
    background:url(../images/qiangzuobanne.jpg) no-repeat center;
}
.w-container h2{
    margin-top:80px;
    font-size:34px;
    line-height:34px;
    color:#ffffff;
    text-align:center;
}
.w-container h2 span{
    color:#edc9c6;
}
.w-container h3{
    margin-top:26px;
    font-size:20px;
    line-height:20px;
    text-align:center;
    color:#cccccc;
}


.part13{
    margin-top:36px;
}
.part13 img{
    margin:0 auto;
    width:320px;
    height:320px;
    display:block;
}
.hp-c{overflow:hidden;padding-top:60px; width:1350px; margin:0 auto;}
.hp-c h2{text-align:center;line-height:50px;height:50px;background:url(../images/hw-t.png) center no-repeat;color:#0093dd;font-size:35px;font-weight:normal;margin:10px 0;}
.hp-c ul{overflow:hidden;}
.hp-c ul li{float:left;width:285px;margin:3px;position:relative; overflow:hidden;}
.hp-c ul li a img{width:285px;height:290px;}
.hp-c ul li p{color:#fff;font-size:20px;position:absolute;width:90%;padding:0 5%;left:0;bottom:3px;line-height:60px;height:60px;background:url(../images/box4-p.png) center;;}
.hp-c ul .hp-cs{width:612px;}
.hp-c ul .hp-cs a img{width:612px;}
.hp-c ul li:hover p{color:#fedc9c600;}


 .picMarquee-top{ margin:0 auto;  width:838px; height:422px;  overflow:hidden; position:relative;     }
		.picMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-top .hd .prev,.picMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
		.picMarquee-top .hd .next{ background-position:0 -140px;  }
		.picMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
		.picMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
		.picMarquee-top .bd{ padding-top:0px;   }
		.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-top .bd ul li{ overflow:hidden; zoom:1; padding:5px 0;}
		.picMarquee-top .bd ul li .pic{float:left; width:170px; text-align:center; overflow:hidden;}
		.picMarquee-top .bd ul li .pic img{ width:164px; height:164px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-top .bd ul li a{text-decoration: none;}
		.picMarquee-top .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-top .bd ul li .biaoti{text-align:left; line-height:24px;   float:left; width:656px; margin-left:10px; font-size:14px; padding-top:6px;}
		
#mart4{margin-left:4px;}	
.hp-jxbz{    padding: 0 0 40px 0;
    overflow: hidden;
    background: #eee;
    min-width: 1350px;}
.hp-jxbztd{width:1350px; margin:0 auto; }
	

.fc_9{color:#fff;}

.qmjx{padding-bottom:20px; background:#eeeeee;}
.effect-5{max-height: 382px; min-height: 382px; overflow: hidden;}
.effect-5 .member-info {background-color: #fff; position: absolute; width: 100%; top: 0; left: 0; height: 124px; transition: 0.3s; z-index: 2;}
.effect-5 .member-image{margin-top: 124px; float: left; width: 100%; position: relative; transition: 0.3s; z-index: 4;}
.effect-5 .member-image img{width: 100%;}
.effect-5 .member-info:before{border-left: 184px solid transparent; border-right: 184px solid transparent; border-top: 15px solid #fff; bottom: -15px; content: ""; left: 0; position: absolute; z-index: 9;}
.effect-5:hover .member-info{height: 215px; transition: 0.3s; z-index: 6;}
.effect-5:hover .member-image{margin-top: 200px; transition: 0.3s;}
.qmjx_list{margin-top:30px;}
.width1{width:1350px; margin:0 auto;}
.qmjx_list li .single-member{width:362px; float: left; margin: 30px 19px; background-color: #fff; text-align: center; position: relative; box-shadow: 1px 0px 11px rgba(0,0,0,.3);}
.member-image img{max-width: 100%; vertical-align: middle;}
.member-info h3 {font-size: 17px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase; color:#333; background:url(../images/s_bt.png) bottom no-repeat; padding: 15px 0px;}
.member-info h5 {font-size: 14px; font-weight: 300; margin: 0 0 15px; line-height: 22px; color:#525252; margin-top:9px;}
.member-info p {font-size: 14px; font-weight: 300; line-height: 25px; padding: 0 30px; margin-bottom: 10px; margin-top:26px; overflow: hidden;height: 69px; color:#666;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.bian{width:185px;height:185px;background:url('../images/html5icon.png') center center no-repeat; float: left;width: 100%; text-align: center;}
.bian img{cursor:pointer;-webkit-animation: scaleout 1.8s infinite ease-in-out;animation: scaleout 1.8s infinite ease-in-out;}


#hpjjckxq{float:right; font-size:14px; color:#fedc9c600; margin-right:6px;}
.txtMarquee-top{ width:410px; height:400px;  overflow:hidden; position:relative;     }
		.txtMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
		.txtMarquee-top .hd .next{ background-position:0 -140px;  }
		.txtMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
		.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
		.txtMarquee-top .infoList li{ height:191px; margin-bottom:10px;}
		.txtMarquee-top .infoList li img{width:192px; height:191px; border-radius:5px; margin:0 10px 10px 0;}
		.txtMarquee-top .infoList li .date{ float:right; color:#999;  }

.hpwxewm{width:120px; border-radius:5px; margin-left:20px;}









.tBox{
    width: 1350px;
    height:340px;
    margin: 60px auto 0;
}
.tBox .top{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.tBox .top em{
    width: 8px;
    height: 13px;
    position: absolute;
    top: 5px;
    cursor: pointer;
    transition: 0.2s;
}
.tBox .top em.fir{
    background: url(../images/pre01_1.png) no-repeat;
    left: 0;
}
.tBox .top em.sec{
    background: url(../images/next02_1.png) no-repeat;
    right: 0;
}
.tBox .top em.fir:hover{
    background: url(../images/pre1_1.png) no-repeat;
}
.tBox .top em.sec:hover{
    background: url(../images/next2_1.png) no-repeat;
}
.tBox .top .rollBox{
    width: 922px;
    height: 36px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.tBox .top .rollBox .rollW{
    width:1844px;
    position: absolute;
    left: 0;
    top: 0;
}
.tBox .top .rollBox .rollW li{
    width: 60px;
    height: 30px;
    text-align:center;
    margin-right: 26px;
    position: relative;
    float: left;
}
.tBox .top .rollBox .rollW a{
    font-size: 14px;
    color: #74777b;
    display: block;
    width: 100%;
    height: 100%;
}
.tBox .top .rollBox .rollW li i{
    width: 100%;
    height: 4px;
    background: #edc9c6;
    position: absolute;
    left: 0;
    bottom: -5px;
    opacity: 0;
    transition: 0.2s;
}
.tBox .top .rollBox .rollW li i.opa{
    opacity: 1;
}
.tBox .bottom{
    width: 1350px;
    margin: 26px auto 0;
    height:340px;
    position: relative;
}
.tBox .bottom ul{
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s;
}
.tBox .bottom ul.opa{
    display: block;
}
.tBox .bottom ul li{
    width: 232px;
    height: 338px;
    margin-right: 13px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
}
.tBox .bottom ul li img{width:232px; height:338px;}
.tBox .bottom ul li.last{
    margin-right: -13px;
}
.tBox .bottom ul li h3{
    width: 100%;
    height:80px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    transition:0.3s;
}
.tBox .bottom ul li:hover h3{
    height:100%;
}
.tBox .bottom ul li:hover h3 p{
   
}
.tBox .bottom ul .topC2:hover h3 p{
    padding-top: 10%;
}


.tBox .bottom ul li h3 strong{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top:0;
}
.tBox .bottom ul li h3 p{
    color: #fff;
    font-size: 15px;
    width: 200px;
    position: absolute;
    left: 15px;
    top: 16px;
    padding-right: 10px;
    line-height: 29px;
}
.tBox .bottom ul li h3 p span{
    font-size: 18px;
}
.tBox .bottom ul li h3 p em{
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    display: inline-block;
    margin-top: 10px;
}
.tBox .bottom ul li.topC h3{
    height: 250px;
}
.tBox .bottom ul li.topC:hover h3{
    top: 100px;
}
/*.tBox .bottom ul li.topC2 h3{
    height: 300px;
}*/
/*.tBox .bottom ul li.topC2:hover h3{
    top: 50px;
}*/
.tBox .bottom ul li.topC3 h3{
    height: 330px;
}
.tBox .bottom ul li.topC3:hover h3{
    top: 20px;
}

.inner{
	width: 1350px;

	margin:42px auto 0;
}

.hpjj{
min-width:1350px;
	
	background:#eee;
	overflow:hidden;
	padding-bottom:40px;
}

.hpjj ul li{
margin-bottom:3px;

	overflow:hidden;
}
.hpjj ul li a{
	font-size: 14px;
	color: #333;
	line-height: 36px;
}
.hpjj ul li a span{
	float: right;
	font-size: 14px;
	color: #9b9999;
}
.hpjj ul li a:hover{
	color: #edc9c6;
}

.hpdsj ul li div{
	float: left;
	width: 92px;
	height: 26px;
	background: #edc9c6;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 26px;
	margin-right: 14px;
	margin-top: 5px;
}
.hpdsj ul li a{
	float: left;
	width: 532px;
}
.ind_left{
	padding:20px 20px 15px 20px;
	background:#fff;
	width: 638px;
	
	float: left;
	border-radius:10px;
}
.ind_right{
	width: 481px;
	float: right;
	border-radius:10px;
	overflow:hidden;

    
}
.ind_right video{
	border: 3px solid #f0f0f0;
	background:#000;
	height:260px;
}
.ind_right div{
	width: 100%;
	height: 34px;
	background: #edc9c6;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	margin-top: 8px;
}
.ind_right div a{display: block;width: 100%;height: 100%;color: #fff;}








.scrollBox1{ width:1200px;padding-left:10px; float:right; border-left:1px solid #ddd; position:relative; }
	.scrollBox1 .piclist{ overflow:hidden; zoom:1; }
	.scrollBox1 .ohbox{overflow:hidden; position:relative;width:1086px;left:60px ;}
	.scrollBox1 {position:relative;zoom:1; }
	.scrollBox1 .piclist li{float:left; display:inline; width:189px;margin:0 14px; overflow:hidden;  padding-top:10px;  }
	.pageBtn{display:block;}
.scrollBox1 .piclist li .ms_img{padding:10px 10px;overflow:hidden; background:#f5f5f5;}

	.scrollBox1 .pageBtn span{opacity: 0.3; display:block;width:40px;height:40px;position:absolute;top:50%;cursor:pointer;overflow:hidden; }
	.scrollBox1 .pageBtn .prev{
    width:50px;
    height:50px;
    z-index: 10;
  background:url(../images/arrow5.png) no-repeat center;
  background-size:100% auto;
    border-radius: 100%;
    font-family:"宋体";
    text-align: center;
    color:#ccc;
    line-height:80px;
    font-size:80px;
    cursor: pointer; top:50%; margin-top:-25px;display:none; }
	.scrollBox1 .pageBtn .next{width:50px;
    height:50px;
    z-index: 10;
  background:url(../images/arrow6.png) no-repeat center;
   background-size:100% auto;
    border-radius: 100%;
    font-family:"宋体";
    text-align: center;
    color:#ccc;
    line-height:80px;
    font-size:80px;
    cursor: pointer;right:0px; margin-top:-25px; display:none; }
	
	.scrollBox1:hover .pageBtn .prev{display:block;}
	.scrollBox1:hover .pageBtn .next{display:block;}
.scrollBox1 .pageBtn span:hover{opacity: 1;}
	.scrollBox1 .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
	.scrollBox1 .pageBtn .list li{ background:url(../images/bntbg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
	.scrollBox1 .pageBtn .list li.on{background-position:-114px -57px }

.ljcghzhb{width:1201px; margin:0px auto; overflow:hidden;padding:50px 0px 50px 0px;}
.in_hzhbkds{padding:15px 0 15px 0; display: block; overflow: hidden; background: #fff; }
.in_hzhbk_li{overflow: hidden;}
.in_hzhbk_li li{width:23% ; float: left;border:1px solid #f2f2f2; text-align:center; margin-right:2.4%;overflow:hidden;margin-bottom:15px;}

.in_hzhbk_li li img{width:100%;}
.in_hzhbk_li li:nth-child(4n){margin-right:0px;}
.ljcgxwzx-bj{background:#f5f5f5; overflow:hidden;}
.ljcgxwzx{width:1350px; margin:50px auto;}
.slideTxtBox{ width:1350px; margin:0px auto 0 auto;   text-align:left; overflow:hidden; }
		.slideTxtBox .hd{ height:42px; line-height:40px;     position:relative; margin-bottom:20px;}
		.slideTxtBox .hd ul{ width:480px; height:42px; margin:0 auto;  }
		.slideTxtBox .hd ul li{background:#fff;color:#333; float:left; font-size:16px; font-family:微软雅黑;  text-align:center; margin:0 13px; width:132px;  border:1px solid #efefef;  cursor:pointer; border-radius:24px; }
		.slideTxtBox .hd ul li.on{  background:#edc9c6; border:1px solid #edc9c6;  color:#fff; border-radius:24px;}
.slideTxtBox .hd ul li.on a{color:#fff;}
		.sec4box{
    width:  1350px;
    margin:0 auto;
	overflow:hidden;
	padding-top:30px;
}
.in-nelist li{transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
.in-nek {
	display: block;
}

.in-nelist {
	display: block;
	float: left;
	width: 57%;
}

.in-nelist li {
	display: block;
	background: #FFFFFF;
	padding:22px 26px 17px;
	height:93px;
	margin-bottom: 5px;
}

.in-nedak {
	display: block;
	width: 115px;
	height: auto;
	float: right;
	padding-left: 35px;
	border-left: 1px solid #ededed;
}

.in-neda1 {
	display: block;
	margin-bottom: 6px;
	line-height: 32px;
	font-size: 20px;
	color: #8c8c8c;
}

.in-neda2 {
	display: block;
	line-height: 20px;
	font-size: 14px;
	color: #8c8c8c;
}

.in-nej {
	display: block;
	clear: both;
	float: right;
}

.in-nenk {
	display: block;
	margin-right: 130px;
	padding-right: 30px;
}

.in-nen-ti {
	display: block;
	margin-bottom:6px;
	line-height: 34px;
	font-size: 16px;
	color: #333;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.in-nen-j {
	display: block;
	height: 48px;
	overflow: hidden;
	line-height: 24px;
	font-size: 14px;
	color: #8c8c8c;
}
.in-nej img{width:30px;}

.in-netui {
	display: block;
	float: right;
	width: 42%;
	padding-left: 5px;
}

.in-netuik {
	display: block;
	background: #FFFFFF;
	height:405px;
}

.in-netu {
	display: block;
	position: relative;
	overflow: hidden;
}

.in-netu img {
	display: block;
	width: 100%;
	height:300px;
}

.in-netui-ti {
	display: block;
	font-size: 16px;
	line-height: 32px;
	color: #000000;
}

.in-netui-j {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #8c8c8c;height:48px;overflow:hidden;
}

.in-netui-da {
	display: block;
	margin-top: -20px;
	margin-bottom:8px;
	line-height: 20px;
	font-size: 14px;
	color: #8c8c8c;
}

.in-netui-dk {
	display: block;
	padding: 0 20px 0px;
	position: relative;
	z-index: 2;
}

.in-netkk {
	display: block;
	width: 301px;
	height: 31px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/bsbjxx.png) left center no-repeat;
}

.in-nelist li:hover .in-nen-ti,
.in-netuik:hover .in-netui-ti {
	text-indent: 6px;
	color: #edc9c6;
}

.in-nelist li:hover .in-nen-j,
.in-netuik:hover .in-netui-j {
	text-indent: 8px;
	color: #222;
}

.in-nelist li:hover .in-nej {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}




.hezuoqiye{width:1350px; position:relative; overflow:hidden; margin:0 auto;max-width:100%;/* 设置焦点图最大宽度 */ }
	.hezuoqiye .hd{ width:66px; height:10px; line-height:28px;  z-index:1;  margin:0px auto 0 auto;}
	.hezuoqiye .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.hezuoqiye .hd li.on{ background:#edc9c6;  }
	.hezuoqiye .bd{ position:relative; z-index:0; }
	.hezuoqiye .bd ul{}
	
	.hezuoqiye .bd li .swiper-slide{width:25%;}
	.hezuoqiye .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:auto; max-width:100%;height:60px;/* 图片宽度100%，达到自适应效果 */}
	.hezuoqiye .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.hezuoqiye .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusbg.png) repeat-x; color:#fff;  text-align:left;  }
	
.boxicon{width:448px; overflow:hidden;  z-index:100;}
.boxtu{width:448px; height:250px; float:left; overflow:hidden;}
.box_o{width:224px; text-align:center; background:rgba(3,36,115,0.8);  text-align:center; float:left;}
.box_o a{ width:224px; display:block; padding:20px 0px;}
.box_o a p{height:30px; line-height:30px; font-size:16px; color:#fff;}
.box_t{width:224px; text-align:center; background:rgba(218,28,45,0.8);  text-align:center; float:left;}
.box_t a{ width:224px; display:block;  padding:20px 0px;}  
.box_t a p{height:30px; line-height:30px; font-size:16px; color:#fff;}
.box_s{width:224px; text-align:center; background:rgba(243,92,21,0.8);  text-align:center; float:left;}
.box_s a{ width:224px;  display:block;  padding:20px 0px;}
.box_s a p{height:30px; line-height:30px; font-size:16px; color:#fff;}
.box_f{width:224px; text-align:center; background:rgba(132,154,28,0.8);  text-align:center; font-size:20px; line-height:44px; color:#fff; float:left;}
.box_f a{ width:224px;  display:block;  padding:20px 0px;}
.box_f a p{height:30px; line-height:30px; font-size:16px; color:#fff;}
.ma{width:224px; height:224px; float:left;}
.box_o img{height:40px;}
.box_t img{height:40px;}
.box_s img{height:40px;}
.box_f img{height:40px;}

.sylxwma{overflow:hidden;position:fixed;width:100%; left:0px; bottom:0px;z-index:10;}
.sylxwm-bj{width:100%;background:rgba(3,36,115,0.8); overflow: hidden;
    border-bottom:3px solid #3f3f3f; padding-top:15px;}
.sylxwm{width:1350px;margin:0 auto 0px auto;color: #fff;overflow:hidden;padding:0px 0 20px 0;}
.sylxwmleft{float:left;overflow:hidden;}
.sylxwmright{float:left;overflow:hidden;margin-left:45px;margin-top:30px;}
.sylxwmbt{font-size:18px;height:30px;line-height:30px; margin-bottom:5px;font-weight:bold;color:#fff;}
.lxdzsy{margin-left:70px;}
.sylxwmlxfs{font-size: 14px;line-height:30px;color:#fff;}
#lxdhtb{padding-left:20px;background:url(../images/tel.png) center left no-repeat;}
#lxdhtb1{padding-left:20px;background:url(../images/cz.png) center left no-repeat;}
#lxdhtb2{padding-left:20px;background:url(../images/yx.png) center left no-repeat;}
#lxdhtb3{padding-left:20px;background:url(../images/dizhi.png) 0px 8px no-repeat;}
#lxdhtb4{padding-left:20px;background:url(../images/shouji.png) center left no-repeat;}
.jgq{font-weight:bold;color:#fff;}
.cgq{margin-left:176px;font-weight:bold;color:#fff;}
.sjhm1{margin-left:20px;}
.sjhm2{margin-left:20px;}
.open-im{display:none;}

.open-im1{display:none;}
#close_im1{position: absolute;top:-10px; right:-10px;border-radius:50%;background:url(../images/cpdfh.png) #ff0000 no-repeat center; background-size:auto 15px; width:15px;height:15px;padding: 3px 3px;cursor: pointer;}
#open_im1{background:rgba(3,36,115,1); font-size:15px; color:#fff; line-height:22px;width:40px;text-align: center; padding:5px 0px;cursor: pointer;
z-index:10;}

	.footbg{ width:100%; height:auto; background:#343434; background-size:cover; overflow:hidden; padding-bottom:38px;}
.footer{ padding-top:30px; width:1350px;margin:0 auto;}

.footer .botmsg{width:1350px; overflow:hidden; padding:0;margin-bottom:10px;}
.footer .botmsg .bleft{ width:405px; height:182px; float:left; overflow:hidden; padding:0;}
.footer .botmsg .bleft .box{width:100%; float:left;}
.footer .botmsg .bleft .box.s{ margin-top:30px;}
.footer .botmsg .bleft .box .icon{ width:54px; height:54px; float:left; padding:0; margin:0;}
.footer .botmsg .bleft .box .msg{ float:left; margin-left:16px;}
.footer .botmsg .bleft .box .msg .tit{ font-size:14px; color:#dadada;}
.footer .botmsg .bleft .box .msg .con{font-size:16px; margin-top:13px; color:#fff;}
.footer .botmsg .bleft .box .msg .con.f{font-size:24px; margin-top:5px; color:#fff;}
.footer .botmsg .bcenter{ width:500px; height:195px; float:left; overflow:hidden; padding:0;}
.footer .botmsg .bcenter .smenu{ width:166px; height:182px; float:left; background:url(../images/ul_bg.png) no-repeat left top;}
.footer .botmsg .bcenter .smenu dl{ width:100%; padding:0; margin:0; overflow:hidden; float:left;}
.footer .botmsg .bcenter .smenu dl dt{ width:100%; padding:5px 0; float:left; text-indent:20px; font-size:16px; color:#e7e7e7; }
.footer .botmsg .bcenter .smenu dl dd{ width:100%; padding:5px 0; margin:0; float:left; text-indent:20px;}
.footer .botmsg .bcenter .smenu dl dd a{ font-size:14px; color:#a5a5a5;}
.footer .botmsg .bright{width:120px; overflow:hidden;margin-top:10px;}
.footer .botmsg .bright img{width:120px;}
.footer .botmsg .bright .box{ overflow:hidden; }

.footer .botmsg .bright .box .tit{ font-size:14px; color:#FFF; line-height:30px; width:100%; text-align:center; }

.footbg .link{ width:1350px; overflow:hidden;  padding:15px 0;}
.footbg .link dl{ overflow:hidden; font-size:14px; color:#a5a5a5; line-height:14px;}
.footbg .link a{ font-size:14px; color:#a5a5a5; line-height:15px;}
.footbg .link a:hover{color:#fff;}
.footbg .link dl dt{width:76px; font-size:14px; float:left; margin:7px 0;}
.footbg .link dl dd{font-size:14px; color:#a5a5a5; padding:0 15px; margin:7px 0; border-right:2px solid #a5a5a5; float:left;}

.footbg .copyright{ width:1350px; height:50px; border-top:1px solid #3f3f3f; }
.footbg .copyright .copy{ width:50%; float:left; line-height:50px; text-align:left; font-size:14px; color:#e7e7e7;}
.footbg .copyright .support{ width:50%; float:left; line-height:50px; text-align:right; font-size:14px; color:#e7e7e7;}
.footer_menu { width:1350px; overflow:hidden; margin-bottom:0px;}
.footer_menu .footer_menu_ul{ float:left; width:auto; margin-right:92px;}
.footer_menu .footer_menu_ul:last-child{ margin-right:0px;}
.footer_menu .footer_menu_ul a{ font-size:14px; color:#a5a5a5;}
.footer_menu .footer_menu_ul a:hover{ color:#fff;}
.footer_menu ul li { line-height:28px;}
.footer_menu ul .first{ margin-bottom:15px; font-weight:bold; font-size:18px; color:#e7e7e7;}
.footer_menu .footer_menu_ul .dh{ background:url(../images/footer-dh.png) 0 4px no-repeat; }
.footer_menu .footer_menu_ul .cz{ background:url(../images/footer-cz.png) 0 4px no-repeat; }
.footer_menu .footer_menu_ul .yb{ background:url(../images/footer-yb.png) 0 6px no-repeat; }
.footer_menu .footer_menu_ul .wz{ background:url(../images/footer-wz.png) 0 5px no-repeat; }
.footer_menu .footer_menu_ul .yx{ background:url(../images/footer-yx.png) 0 6px no-repeat; }
.footer_menu .footer_menu_ul .dz{ background:url(../images/footer-dz.png) 0 4px no-repeat; }
.footer_menu .footer_link_ul li{ padding-left:22px; color:#ccc;}
.footer_menu .footer_link_ul li:first-child{ padding-left:0px;}
.footer_menu .dp .dp-img{ overflow:hidden; margin-bottom:0px;}
/*.footer_menu .dp li{ float:left; color:#9fa5b3;}
.footer_menu .dp li p{ color:inherit; margin-top:10px;}
.footer_menu .dp li:first-child{ margin-right:35px;}*/
.footer_menu .dp li{ display: inline-block; width: 100px; color:#e7e7e7; margin-right: 20px; overflow: hidden;}
.footer_menu .dp li:last-of-type{ margin-right:0px;}
.footer_menu .dp li a{display: block; width: 100%;}
.footer_menu .dp li a div{width: 100px; height: 100px; border-radius: 16px;overflow: hidden;}
.footer_menu .dp li a img{width: 100%; height: auto; transition: transform .5s;}
.footer_menu .dp li a:hover img{ transform: scale(1.15);}
.footer_menu .dp li a p{ color:inherit; margin-top:10px; text-align: center;}
.footer_menu .dp .footer-contact p{ font-size:14px;color:#a5a5a5; line-height:28px; }






#yylymarg{margin-right:10px;}
#yylymarg1{width:72px;margin-right:10px;}
#yylymarg1 .first{height:28px;}
#yylyysts .first{height:28px;}
.suspension{position:fixed;z-index:555;right:10px;bottom:120px;width:84px;height:288px;}
.suspension-box{position:relative;float:right;}
.suspension .a-link{display:block;width:44px;height:44px;background-color:#edc9c6;cursor:pointer;outline:none;border-top: 1px #0a4990 solid;border-bottom: 1px #041d3a solid;transition:all 0.5s ease 0s;}
.suspension .a-link.active,.suspension .a-link:hover{background:#ff0000;border-top: 1px #ff0000 solid;border-bottom: 1px #ff0000 solid;}
.suspension .a-link .i-icon{float:left;width:44px;height:44px;background:url(../images/side_icon.png) no-repeat;}
.suspension .a-link .showFont {font-size:14px;display:none;width:30px;height:30px;line-height:20px;color:#fff;text-align:center; box-sizing:content-box; padding:1px 7px 0 7px;}
.suspension .a-link:hover .showFont {display:block;}
.suspension .a-link:hover .i-icon {display:none;}
.suspension .a-online .i-icon,.suspension .a-service .i-icon,.suspension .a-service-phone .i-icon,
.suspension .a-qrcode .i-icon,.suspension .a-cart .i-icon,.suspension .a-top .i-icon{width:28px;height:28px;margin-top:8px;margin-left:8px;background:url(../images/side_icon.png) no-repeat;}
.suspension .a-online .i-icon{background-position:0 0;}
.suspension .a-service .i-icon{background-position:0 -53px;}
.suspension .a-service-phone .i-icon{background-position:0 -104px;}
.suspension .a-qrcode .i-icon{background-position:0 -155px;}
.suspension .a-cart .i-icon{background-position:0 -206px;}
.suspension .a-top .i-icon{background-position:0 -257px;}
.suspension .a-top{background:#666;border-top:none;border-bottom:none;margin-top:4px;}
.suspension .a-top:hover{background:#ff0000;}
.suspension .d{display:none;width:220px;background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #dedede;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.25);}
.suspension .d-online{top:0;}
.suspension .d-service{top:8px;}
.suspension .d-service-phone{top:78px;}
.suspension .d-qrcode{top:8px;}
.suspension .d-qrcode .arrow {top:260px;}
.suspension .d .inner-box{padding:8px 18px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service-item {border-bottom:none;}
.suspension .d-service-item a {color: #333;}
.suspension .d-service-item a:hover {color: #ff0000;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#eee;display:block;float:left;}
.suspension .d-service-item .i-kefu{width:44px;height:44px;background:url(../images/side_con_kf.png) no-repeat center 20px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-kefu{background-position:center center;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_qq.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_tel.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{color: #ff0000;font-weight:bold;}
.suspension .d-service-intro{padding-top:10px;border-top:1px solid #eee;}
.suspension .d-qrcode{text-align:center;width:200px;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode .qrcode-img {width:150px;margin:20px auto 0;}
.suspension .d-qrcode .qrcode-img:first-child {margin-top:0;}
.suspension .d-qrcode .qrcode-img img {display:block;width:100%;}
.suspension .d-qrcode p{font-size:14px;color:#999;padding:10px 10px 0;}

.suspension .d-service .qrcode-img {width:150px;margin:20px auto 0;}
.suspension .d-service .qrcode-img:first-child {margin-top:0;}
.suspension .d-service{width:200px;}
.suspension .d-service .inner-box{padding:20px 0;}
.suspension .d-service .qrcode-img img{display:block;width:100%;}
.suspension .d-service p{font-size:14px;color:#999;padding:10px 10px 0;text-align:center;}






.smbj{overflow:hidden;box-shadow: 0px 1px 4px #999;}
.neiyebanner{overflow:hidden;box-shadow: 0px 1px 4px #999;}
.neiyebanner img{width:100%;}
.nygywm{padding:50px 0px;}
.nygywm{ width: 1350px; margin:0 auto; overflow:hidden;}
.shiming{overflow:hidden; padding:50px 0px;}
.shiming h3{width:180px; text-align:center; font-size:28px; color:#333; float:left;}
.shiming p{width:1100px;font-size:16px; float:right; color:#333; line-height:40px; padding-left:45px; border-left:1px solid #ddd;}
.shiming1{overflow:hidden; padding:50px 0px;}
.shiming1 h3{width:180px; text-align:center;font-size:28px; color:#333; float:left; line-height:120px;}
.shiming1 p{width:1100px;font-size:16px; float:right; color:#333; line-height:30px; padding-left:45px; border-left:1px solid #ddd;}

.lxwm-bj{box-shadow: 0px 1px 4px #999;padding:84px 0px; background:url(../images/lxwmbj.png) no-repeat center; overflow:hidden;}
.nylxwm{width: 1350px; margin:0 auto; overflow:hidden; background:#fff;}
.mlddz{width:386px; float:left;padding:30px 40px;}
.mlddz h4{border-bottom: 1px solid #e4e4e4;
    padding-bottom: 28px;
    line-height: 40px;
    font-size: 28px;
    color: #333;}
.lxdz{    display: block;
    padding: 30px 0;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e4e4e4;}
.lxdz img{display: block;
    float: left;vertical-align: top; margin-top:3px;}
.dzwz{    display: block;
    margin-left: 34px;
    overflow: hidden;}
.dzwz h5{    font-weight: bold;
    line-height: 32px;
    font-size: 16px;
    color: #333;}
.dzwz p{    line-height: 28px;
    font-size: 16px;
    color: #5c5c5c;}


.cpxltp img{width:100%;}



.picMarquee-left{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }

.mldssjs{background:#f9f9f9;width:1290px;  margin:0px auto; margin-top:50px; padding:30px 30px; font-size:16px; line-height:40px; color:#333;    box-shadow: 0px 1px 4px #ededed;}
.xlyjs{width:1350px; margin:0px auto; padding:50px 0px; overflow:hidden;}
.xlyjs li{background:#f9f9f9;box-shadow: 0px 1px 4px #ededed;width:31.6%;margin-right:26px;float:left;position: relative; overflow:hidden;}
.xlyjs li img{width:100%;display:block;transform: scale(1.0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.xlyjs li div{overflow:hidden;}
.xlyjs li:hover img{transform: scale(1.2);}	

.xlyjs li b{display:block;width:80%;margin:0 auto;position:absolute;left:10%;bottom:146px;background:rgba(232,126,91,0.6);font-size:16px;line-height:36px;color:#fff;text-indent:0em;text-align:center; font-weight:normal;}
.xlyjs li p{font-size:14px; color:#333; line-height:26px; padding:15px 15px; min-height:104px;}



.xlyjs h3{font-size:28px; float:left; color:#333; line-height:365px;}
.xlyjs .bd{width:1150px;float:right;  padding-left:42px;   border-left: 1px solid #ddd;}