/* css reset */



* {
	margin: 0;
	padding: 0;
}
/****************************************/



/**************    公共    **************/



/***************************************/



/*分栏*/



.banner .row {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1605px;
	width: 100%;
}
/*按钮：白色透明*/

/*视频播放*/
#home .menus{
	background: none;
	position: fixed;
}
#home .menus #WebLink li a{
	color: #fff;
}
#home .fixedbg{
	  background: rgba(255,255,255,.8);
}
#home .fixedbg #WebLink li a{
	color: #000;
}
#home .fixedbg #WebLink li.on a,
#home .fixedbg #WebLink li:hover a{
	color: #fff;
}
#home  #WebLink .sub-menu .info-a .alink a{
	color: #565656;
}
#home #WebLink .sub-menu .info-a .alink a:hover{
	color: #e3001e;
}
.play {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
 #home .cell-3 text-align: center;
	text-indent: 5px;
	color: #ffffff;
	border: 1px solid rgba(255,255,255,1);
	border-radius: 100%;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;/* Firefox 4 */
	-webkit-transition: all 0.3s ease-out 0s;/* Safari 和 Chrome */
	-o-transition: all 0.3s ease-out 0s;/* Opera */
}
/* 全屏Banner */



#mountains-bg .swiper-container {
}
#mountains-bg .swiper-slide {
	cursor: move;
	cursor: grab;
	background-color: #009FAB;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}
#mountains-bg .cell-1 {
	background: #1e1e1e url("../images/banner-1.jpg");
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}
#mountains-bg .cell-2 {
	background: #1e1e1e url("../images/banner-2.jpg");
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}
#mountains-bg .cell-3 {
	background: #1e1e1e url("../images/banner-3.jpg");
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}
#mountains-bg .swiper-wrapper {
}
#mountains-bg .swiper-slide .text {
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 487px;
	width: 80%;
	margin-left: -82%;
	text-align: left;
	color: #ffffff;
	opacity: 0;
}
#mountains-bg .swiper-slide .banner2{
	width: 30%;
}
#mountains-bg .swiper-slide .text h1 {
	margin-bottom: 10px;
	font-size: 78px;
	font-family: arial;
	font-weight: bold;
	letter-spacing: -7px;
}
#mountains-bg .swiper-slide .sans h1 {
	margin-bottom: 10px;
	font-size: 50px;
	font-family: arial;
	font-weight: bold;
	letter-spacing: -2px;
}
#mountains-bg .swiper-slide .text p {
	margin-top: 45px;
	float: left;
	font-size: 38px;
	font-weight: bold;
	line-height: 1;
}
#mountains-bg .swiper-slide .text h3 {
	margin-top: 45px;
	float: left;
	font-size: 24px;
	font-weight: normal;
	clear: both;
	line-height: 1;
}
#mountains-bg .swiper-slide .text b {
	width: 60px;
	height: 7px;
	background: #fff;
	position: absolute;
	left: -110px;
	top: 110px; display: none;
	z-index: 1;
}
#mountains-bg .swiper-slide .text i {
	margin-top: 45px;
	float: left;
	clear: both;
	font-size: 21px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 7px;
	padding: 8px 30px 8px 40px;
	background: #fff;
	line-height: 1;
	color: #1e2a74;
}
#mountains-bg .swiper-slide .ma {
	display: none;
}
#mountains-bg .swiper-slide .btn-area {
}
#mountains-bg .swiper-slide .bannerlj a {
	background: url("../images/bannerlj.png") no-repeat;
	background-repeat: repeat-x;
	transition: all 0.3s ease-out 0s;
	width: 94px;
	height: 95px;
	float: left;
	margin-top: 62px;
	clear: both;
}
#mountains-bg .swiper-slide .btn-area a {

	background-repeat: repeat-x;
	opacity: 0.8;
	transition: all 0.3s ease-out 0s;
}
#mountains-bg .swiper-slide .btn-area a:hover {
	color: #ffffff;
	opacity: 1;
}
#mountains-bg .swiper-slide .btn-area a:hover::before {
	display: none;
}
#mountains-bg .swiper-slide .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	background: #000000;
	opacity: 0;
}
/* 当前幻灯片设置动画 */



#mountains-bg .swiper-slide-active .text {
	opacity: 1;
	margin-left: -36%;/*默认文字区域偏移量，实现文字动画效果*/
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;/* Safari 5.1 - 6.0 */
}
/**/



#mountains-bg .swiper-button-next, #mountains-bg .swiper-button-prev {
	width: 50px;
	height: 80px;
	margin-top: -40px;
}
#mountains-bg .swiper-button-next:hover,#mountains-bg  .swiper-button-prev:hover {
	background-color: rgba(0,0,0,0.5);
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;/* Firefox 4 */
	-webkit-transition: all 0.3s ease 0s;/* Safari 和 Chrome */
	-o-transition: all 0.3s ease 0s;/* Opera */
}
#mountains-bg .swiper-button-prev, #mountains-bg .swiper-container-rtl .swiper-button-next {
	left: 20px;
	background-image: url("../images/prev.svg");
	background-size: 12px auto;
	background-repeat: no-repeat;
	background-position: center;
}
#mountains-bg .swiper-button-next, #mountains-bg .swiper-container-rtl .swiper-button-prev {
	right: 20px;
	background-image: url("../fonts/next.svg");
	background-size: 12px auto;
	background-repeat: no-repeat;
	background-position: center;
}
/**/



#mountains-bg .swiper-container-horizontal > .swiper-pagination-bullets, #mountains-bg .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 20px;
}
#mountains-bg .swiper-pagination-bullet {
	background: #ffffff;
	opacity: 0.2;
}
#mountains-bg .swiper-pagination-bullet-active {
	opacity: 1;
}
/* video */



.video {
}
.video svg {
	position: absolute;
	left: 50%;
	bottom: 40px;
	z-index: 999996;
	width: 40px;
	height: 40px;
}
.video svg path {
	fill: #ffffff;
}
.video .mask {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 7;
	background: rgba(0,0,0,0.2);
}
.video video {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.video .text {
	position: absolute;
	left: 0;
	z-index: 98;
	color: #ffffff;
	width: 100%;
}
.video .text h1 {
	margin: 2% auto 0;
	font-size: 5em;
	letter-spacing: 4px;
	padding-left: 4px;/*补letter-spacing负值*/
	font-weight: normal;
	line-height: 1.2;
	width: 70%;
}
.video .text p {
	font-size: 3em;
	letter-spacing: 8px;
	text-align: center;
}
.player {
	display: none;
	position: fixed;
	border-radius: 2px;
	z-index: 999999;
	left: 0;
	top: 50%;
	width: 100%;
	height: 100%;
	background: #000000;
	overflow: hidden;
}
.player .inner_player {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.player .close {
	color: #ffffff;
	font-size: 28px;
	position: absolute;
	z-index: 999999;
	right: 0;
	top: 0;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	cursor: pointer;
}
.player .close:hover {
	opacity: 0.5;
	filter: Alpha(opacity=50);/*IE8*/
}
.player video {
	width: 100%;
	height: 100%;
}
.player_bg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999997;
	background: #000000;
	opacity: 0.8;
	filter: Alpha(opacity=80);/*IE8*/
	width: 100%;
	height: 100%;
}
.player iframe {
	width: 100%;
	height: 100%;
}

.icon-group {
  top: 167px;
  position: relative;
  width:860px;
  height: 662px;
  float: right;
  background:url(../images/ig-bg.png) no-repeat top right;
  margin-right: -35px;
}
.icon-group ul {
   
}
.icon-group li {
  position: absolute; 
  z-index: 10;
  text-align: center;
  display: inline-block;
}
.icon-group li .icon {
  position: relative;
  width: 82px;
  height: 82px;
  margin: 0 auto;
}
.icon-group li .icon img {
  position: relative;
  max-width: 100%;
}
.icon-group li .icon:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -10%;
  top: -10%;
  z-index: 10;
  width: 120%;
  height: 120%;
  background: url(../images/bbg.png) no-repeat center center;
  background-size: contain;
  animation: circleTranform 3s linear infinite;
}
 
.icon-group li:nth-child(even) .icon:after {
  animation: circleTranformReverse 3s linear infinite;
}

.icon-group li:nth-child(1) .icon {
  width: 176px;
  height: 176px;
}
.icon-group li:nth-child(2) .icon {
  width: 162px;
  height: 162px;
}
.icon-group li:nth-child(3) .icon {
  width: 178px;
  height: 178px;
}
.icon-group li:nth-child(4) .icon {
  width: 154px;
  height: 154px;
}
.icon-group li:nth-child(5) .icon {
  width: 148px;
  height: 148px;
}
.icon-group li:last-child .icon {
  width: 314px;
  height: 314px;
}
.icon-group li:first-child {
  left: 30px;
  top: -5px;
}
.icon-group li:first-child .icon img {
  top: 25.5px;
}
.icon-group li:nth-child(2) {
  top: 0px;
  right: 190px;
}
.icon-group li:nth-child(3) {
  top: 217px;
  right: 0px;
}
.icon-group li:nth-child(4) {
  top: 300px;
  left: 0px;
}
.icon-group li:nth-child(5) {
  bottom: -10px;
  left: 100px;
}
.icon-group li:nth-child(6) {
  top: 142px;
  left: 238px;
}
.icon-group li:nth-child(2) .icon img {
  top: 29px;
}
.icon-group li:nth-child(3) .icon img {
  top: 48px;
}
.icon-group li:nth-child(4) .icon img {
  top: 36px;
}
.icon-group li:nth-child(5) .icon img {
  top: 35px;
}
.icon-group li:nth-child(6) .icon img {
  top: 57px;
}

@keyframes circleTranform {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes -webkit-circleTranform {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes -moz-circleTranform {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes circleTranformReverse {
  0% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@keyframes -webkit-circleTranformReverse {
  0% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@keyframes -moz-circleTranformReverse {
  0% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}
@keyframes -o-circleTranformReverse {
  0% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
  }
}

/*************************适配***********************/
@media ( max-width:1680px) {
	#mountains-bg .swiper-slide .text h1{
		font-size: 58px;
	}
 .icon-group {
  top: 197px;
  width:660px;
  height: 462px;
  background-size: cover;
  margin-right: 8%;
  
}
.icon-group li .icon {
  width: 62px;
  height: 62px;

}
.icon-group li:nth-child(1) .icon {
  width: 146px;
  height: 146px;
}
.icon-group li:nth-child(2) .icon {
  width: 132px;
  height: 132px;
}
.icon-group li:nth-child(3) .icon {
  width: 148px;
  height: 148px;
}
.icon-group li:nth-child(4) .icon {
  width: 124px;
  height: 124px;
}
.icon-group li:nth-child(5) .icon {
  width: 118px;
  height: 118px;
}
.icon-group li:last-child .icon {
  width: 214px;
  height: 214px;
}
.icon-group li:first-child {
  left: 10px;
  top: -15px;
}

.icon-group li:first-child .icon img {
  top: 2.5px;
}
.icon-group li:nth-child(2) {
  top: -10px;
  right: 120px;
}
.icon-group li:nth-child(3) {
  top: 217px;
  right: 0px;
}
.icon-group li:nth-child(4) {
  top: 240px;
  left: -10px;
}
.icon-group li:nth-child(5) {
  bottom: -80px;
  left: 100px;
}
.icon-group li:nth-child(6) {
  top: 142px;
  left: 218px;
}
.icon-group li:nth-child(2) .icon img {
  top: 14px;
}
.icon-group li:nth-child(3) .icon img {
  top: 33px;
}
.icon-group li:nth-child(4) .icon img {
  top: 21px;
}
.icon-group li:nth-child(5) .icon img {
  top: 20px;
}
.icon-group li:nth-child(6) .icon img {
  top: 15px;
  width: 80%;
}
}
@media ( max-width:1540px) {
	#mountains-bg .swiper-slide .text h1{
		font-size: 40px;
	}
	#mountains-bg .swiper-slide .text p{
		font-size: 28px;
	}
}
@media ( max-width:1440px) {
	#mountains-bg .swiper-slide .text h3{
		font-size: 18px;
	}
	.menus #WebLink .abt-sub-ment{
		width: 500px;
	}
	.menus #WebLink .abt-sub-ment .info-a .sub{
		width: 300px;
	}	
}
@media ( max-width:1366px) {
	#mountains-bg .swiper-slide .text{
		top: 284px;
		left: 42%;
		}
.icon-group {
  top: 147px;
  width:560px;
  height: 362px;
  background-size: cover;
  margin-right: 8%;
  
}
.icon-group li .icon {
  width: 62px;
  height: 62px;

}
.icon-group li:nth-child(1) .icon {
  width: 106px;
  height: 106px;
}
.icon-group li:nth-child(2) .icon {
  width: 102px;
  height: 102px;
}
.icon-group li:nth-child(3) .icon {
  width: 88px;
  height: 88px;
}
.icon-group li:nth-child(4) .icon {
  width: 94px;
  height: 94px;
}
.icon-group li:nth-child(5) .icon {
  width: 88px;
  height: 88px;
}
.icon-group li:last-child .icon {
  width: 154px;
  height: 154px;
}
.icon-group li:first-child {
  left: 20px;
  top: 0px;
}

.icon-group li:first-child .icon img {
  top: 2.5px;
}
.icon-group li:nth-child(2) {
  top: -10px;
  right: 120px;
}
.icon-group li:nth-child(3) {
  top: 180px;
  right: 20px;
}
.icon-group li:nth-child(4) {
  top: 200px;
  left: 0px;
}
.icon-group li:nth-child(5) {
  bottom: -80px;
  left: 80px;
}
.icon-group li:nth-child(6) {
  top: 122px;
  left: 178px;
}
.icon-group li:nth-child(2) .icon img {
  top: 14px;
}
.icon-group li:nth-child(3) .icon img {
  top: 13px;
}
.icon-group li:nth-child(4) .icon img {
  top: 11px;
}
.icon-group li:nth-child(5) .icon img {
  top: 10px;
}
.icon-group li:nth-child(6) .icon img {
  top: 10px;
  width: 80%;
}
.icon-group li  .icon img {
  width: 70%;
}
.icon-group li:nth-child(1) .icon img {
  width: 80%;
}
}
@media ( max-width:1280px) {
	#mountains-bg .swiper-slide .text{
		top: 384px;
		left: 42%;
	}
	.icon-group {
  		top: 247px;
  		margin-right: 5%;
  	}
}

@media ( max-width:767px) {
	.m-banner{
		display: block;
	}
	.banner .row{
		display: none;
	}
	#mountains-bg .cell-1 {
		background: none;
	}
	#mountains-bg .cell-2 {
		background: none;
	}
	#mountains-bg .cell-3 {
		background: none;
	}
	#mountains-bg .swiper-slide .text{
		display: none;
		background-attachment: inherit
	}
	#mountains-bg .swiper-slide .video{
		display: none;
	}
}