body{ background:#000;}
.bold {font-weight: 700;}
.f14 {font-size: 1.4rem;}
.f16 {font-size: 1.6rem;}
.f20 {font-size: 2.0rem;}
.f30 {font-size: 3.0rem;}
.f36 {font-size: 3.6rem;}

.cl-888 {color: #888;}
.w1280 {width: 128rem;    margin-left: auto;    margin-right: auto;}

.pull-right {  float: right !important;}
.pull-left {  float: left !important;}
.hide {  display: none !important;}
.btn{border-radius: 0; box-shadow: 0 0.3rem 1rem rgba(0,0,0,0.8);}

p{font-size:1.6rem}


.project__card {
  position: relative;
  will-change: transform;
  transition: box-shadow .3s ease;
  box-shadow: 0 1rem 3rem transparent;
}
.project__card.hover-in {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out; 
}
.project__card.hover-out {
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}
.project:hover .project__card {box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.4); }
.project:hover .project__image:after {opacity: 1; }

/*标题*/
.h_th{ clear:both;  margin:0 auto 3.5rem ; text-align:center; padding:0.1rem 0 0 0;}
.h_th dt b{ display:inline-block; padding:0 0.1em; line-height:1em; background:#133a85; font-size:4.8rem; text-transform:uppercase; color: #fff;}
.h_th dt p{  line-height:1em; margin-top:-0.5em;}
.h_th dd { clear:both; font-size:3rem; font-weight:400; line-height:1em; padding-top:0.3em;}



/*头文件*/
.header{height: 8rem;position: absolute;top: 0; left:0; z-index:999;width: 100%;}
.logo{ float:left; padding:3.2rem 0 0 9.5rem; margin-right: 150px;}
.logo span{font-size:2rem;color:#fff;font-weight:700}
/*导航*/
div.navs{margin:2rem auto 0; line-height:8rem; height:8rem; font-size:1rem;text-align: center;float: left;}
ul.nav{display: inline-block;}
ul.nav li{ float:left;}
ul.nav li a{ margin:2rem 2rem 2rem; font-size: 1.6rem;display: block; color: #fff;line-height: 3rem;text-decoration:none;position: relative;}
ul.nav li.active a{color:#fff}
ul.nav li.active a:after{
	content:"";position: absolute;height:3px;left:0; bottom:0;border-bottom:.3rem solid #fff;
	box-shadow: 0px 0px 3rem 6px #007bff inset, 0px 0px 1rem 3px #007bff, 0px 0px 3rem 3px #007bff;
	animation:menu_line 0.5s 1 forwards;
	border-radius: 30px;
	z-index:-1
}
@keyframes menu_line {
    0% {
		 width:0%; 
		}
    100% {
		 width:100%; 
    } 
}
.swiper-container-page-pagination span{border: 3px solid #fff; width: 1.5rem; height: 1.5rem;}
.swiper-container-page-pagination .swiper-pagination-bullet{}

.navtel{float: right;
    color: #fff;
    font-size: 2.2rem;
	position:relative;
	top: 35px;
    right: 50px;
	font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
	animation:c180 1s infinite;
}

@-webkit-keyframes c180 {
     0% {
          background-image: linear-gradient(to right, #fff 0%,#d7aa92 50%);
        }
	 50% {
          background-image: linear-gradient(to right, #774f3a 0%,#d7aa92 50%);
        }	
     100% {
         background-image: linear-gradient(to right, #fff 0%,#d7aa92 50%);
      }
 }
 
.navtel:before{
	content: "";
    width: 24px;
    height: 5px;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    left: 5px;
    bottom: 0;
	transition: All 1s ease-in-out;
}
.navtel:hover:before{
	  width: 170px;
	  left:auto;
	  right: 5px;
}
.navtel:after{
	content: "";
    width: 30px;
    height:30px;
    position: absolute;

	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB0PSIxNjE0MzIxMzY5MDgxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIwODAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMzY4LjkzMTg0IDgyNy4wODk5MnYxLjE4MjcyYy02LjQ5NzI4IDAtMTEuMjY5MTIgMC41MTcxMi0xNC4wNTQ0IDAuNTE3MTJoLTMuMjk3MjhjLTY5LjI3MzYgMC0xMjUuMDM1NTItNTUuMzgzMDQtMTI2Ljk5MTM2LTEyNC41NTkzNi0xLjA1NDcyLTMzLjk3MTIgMTEuMjAyNTYtNjYuODQxNiAzNC40NzI5Ni05MS41MiAyMy4yNzU1Mi0yNC42ODM1MiA1NC43NDMwNC0zOS4xNTI2NCA4OC42NzMyOC00MC4xMTUyIDAuMzIyNTYgMCAzLjc0Nzg0LTAuMTk0NTYgNC4wMzQ1Ni0wLjE5NDU2IDI2LjU5ODQgMCA1Mi4wODA2NCA4LjMyNTEyIDc0LjAxNDcyIDI0LjI5OTUyIDMwLjc2MDk2IDEwLjg0OTI4IDYxLjg0NDQ4LTQuMzIxMjggOTIuMjE2MzItNDUuMDQwNjQgMzAuMjE4MjQtNDAuNDMyNjQgMzYuNTkyNjQtNzIuNDc4NzIgMTguODg3NjgtOTUuMjY3ODQtNi4zMDI3Mi00LjU0NjU2LTEyLjM1NDU2LTkuOTIyNTYtMTguMzc1NjgtMTYuMzI3NjhhMzYuNDY5NzYgMzYuNDY5NzYgMCAwIDEtMi45NzQ3Mi0zLjI5NzI4Yy0xOS44NzU4NC0yMi40MzU4NC0zMS4yNzI5Ni01MC44MzEzNi0zMi4xNzQwOC04MC4wOTIxNi0xLjkyLTcwLjIwMDMyIDUzLjM5NjQ4LTEyOC44NDk5MiAxMjMuMjc5MzYtMTMwLjgzMTM2bDMuOTA2NTYtMC4wNjE0NGM1OC44MDgzMiAwIDExMC43OTY4IDQxLjY3NjggMTIzLjU5NjggOTkuMTA3ODQgMTAuMzQ3NTIgMzEuODgyMjQgMzYuNzE1NTIgMTU4LjIzMzYtOTAuMjA0MTYgMzI3Ljk1NjQ4LTExNy40MDY3MiAxNTcuMjUwNTYtMjMxLjQwODY0IDE3NC4yNDM4NC0yNzUuMDEwNTYgMTc0LjI0Mzg0eiBtLTQuMDg1NzYtNjQuMTE3NzZjMTguOTc5ODQgMC40MTk4NCAxMTguNjMwNC0yLjI0MjU2IDIyNy42OTY2NC0xNDguNDY5NzYgMTExLjQwMDk2LTE0OC45ODE3NiA4Ni4wNDY3Mi0yNTMuNDY1NiA3OS44MDAzMi0yNzIuOTMxODQtNy4xMDE0NC0zMS4xNzU2OC0zMi44MDg5Ni01MS43OTM5Mi02MS45MDA4LTUxLjc5MzkyLTM2LjcyMDY0IDEuMDI0LTY0LjEyMjg4IDMwLjE1NjgtNjMuMjAxMjggNjUuMDE4ODggMC41Nzg1NiAxOC41MDM2OCA5LjMxODQgMzEuOTc5NTIgMTYuNTQ3ODQgMzkuOTgyMDggMC4yMzA0IDAuMjYxMTIgMC40ODEyOCAwLjU0Nzg0IDAuNjgwOTYgMC44MDM4NCA0LjAyOTQ0IDQuMzUyIDcuODA4IDcuNjQ5MjggMTEuNTU1ODQgMTAuMDgxMjggMi4zNjU0NCAxLjU2NjcyIDQuNTc3MjggMy40MjUyOCA2LjQzMDcyIDUuNTcwNTYgMTkuNjI0OTYgMjIuMTE4NCA1Ny42MjA0OCA4My44NjU2LTEzLjI4NjQgMTc4LjY4OC00NS44MDg2NCA2MS4zMDY4OC05Mi43Mzg1NiA3NC4xMzc2LTEyNC4wNDIyNCA3NC4xNzM0NC0xNi4xMDc1MiAwLTMyLjEwNzUyLTMuMzAyNC00Ny41MzkyLTkuNzM4MjRhMzIuMDcxNjggMzIuMDcxNjggMCAwIDEtNy40NTk4NC00LjM4MjcyYy03Ljk3MTg0LTYuMjY2ODgtMjEuMDk5NTItMTMuNzYyNTYtMzguNDQ2MDgtMTMuNzYyNTYtMTguOTg0OTYgMC41NDI3Mi0zNC41NzUzNiA3LjUyMTI4LTQ2LjA2OTc2IDE5LjcxNzEyYTYyLjcyIDYyLjcyIDAgMCAwLTE3LjA4NTQ0IDQ1LjEzNzkyIDYyLjY3OTA0IDYyLjY3OTA0IDAgMCAwIDYyLjk5NjQ4IDYxLjI3NjE2YzAuMTYzODQgMCAwLjE5OTY4IDAuMDI1NiAwLjA2NjU2IDAuMDY2NTYgMS4xODI3Mi0wLjE5OTY4IDIuNDkzNDQtMC4zNTMyOCAzLjI2NjU2LTAuNDE5ODQgMy40MjAxNi0wLjAzNTg0IDYuNzc4ODggMC4yMDk5MiA5Ljk4OTEyIDAuOTgzMDR6IG0xNDcuMTQ4OCAxOTcuMTkxNjhjLTYwLjIzNjggMC0xMTguNjY2MjQtMTEuNzQ1MjgtMTczLjY2MDE2LTM0Ljg5MjhhMzIgMzIgMCAwIDEtMTcuMDY0OTYtNDEuOTMyOGM2Ljg1MDU2LTE2LjMyMjU2IDI1LjY0MDk2LTIzLjkxMDQgNDEuOTMyOC0xNy4wOTU2OCA0Ny4wODg2NCAxOS44MTQ0IDk3LjE1MiAyOS45MDU5MiAxNDguODIzMDQgMjkuOTA1OTIgMjExLjgxOTUyIDAgMzg0LjEzODI0LTE3Mi4zMjM4NCAzODQuMTM4MjQtMzg0LjE0ODQ4IDAtMjExLjgxOTUyLTE3Mi4zMTg3Mi0zODQuMTM4MjQtMzg0LjEzODI0LTM4NC4xMzgyNC0yMTEuODI0NjQgMC0zODQuMTQzMzYgMTcyLjMxODcyLTM4NC4xNDMzNiAzODQuMTM4MjQgMCA3Mi40MjI0IDIwLjI2NDk2IDE0Mi45MzUwNCA1OC41ODMwNCAyMDMuOTg1OTIgOS4zNzk4NCAxNC45ODExMiA0Ljg2NCAzNC43MzQwOC0xMC4wODY0IDQ0LjEwODhhMzIgMzIgMCAwIDEtNDQuMTQ0NjQtMTAuMDg2NEM4Ny40NTk4NCA2NzguNzIyNTYgNjMuODMxMDQgNTk2LjQxMzQ0IDYzLjgzMTA0IDUxMS45OTQ4OCA2My44MzEwNCAyNjQuOTAzNjggMjY0Ljg2Nzg0IDYzLjgzNjE2IDUxMS45ODk3NiA2My44MzYxNmMyNDcuMTM3MjggMCA0NDguMTY4OTYgMjAxLjAzNjggNDQ4LjE2ODk2IDQ0OC4xNTg3MiAwLjAwNTEyIDI0Ny4xMDY1Ni0yMDEuMDMxNjggNDQ4LjE2ODk2LTQ0OC4xNjM4NCA0NDguMTY4OTZ6IiBwLWlkPSIyMDgxIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+);
	background-size:100%;
	animation:r720 1s infinite;
}

@-webkit-keyframes r720 {
     0% {
          transform: rotate(0deg);
        }
	 50% {
          transform: rotate(36deg);
        }	
     100% {
          transform: rotate(0deg);
      }
 }




/*----------slide1---------*/
#swiper-slide1{background:#000 url("../images/page01_bg.png") right bottom no-repeat;}
#swiper-slide1:before{
	content:"";
	background:url("../images/page01_lt.png") right top no-repeat;
	width:827px;
	height:1241px;
	position: absolute;
    top: 0;
	left:150px;
	z-index: 0;
}
#swiper-slide1:after{
	content:"";
	background:url("../images/page_01_d.png") right top no-repeat;
	width:629px;
	height:821px;
	position: absolute;
    right: 0;
	background-size: 80%;
}



#swiper-slide1 .tips{
	text-align: center; 
	position: absolute; 
	color: #fff;  
	padding: 1rem 0; 
	font-size: 1.9rem;
    text-align: center;  
	bottom:1rem; 
	left: 48%;
	height: 6rem; 
	background:url("../images/more.gif") no-repeat;
	animation:nextpage 2s infinite;
}


@-webkit-keyframes nextpage {
     0% {
          background-position: center 3.5rem;
        }
	50% {
          background-position: center bottom;
      }	
     100% {
          background-position: center 3.5rem;
      }
 }
 @keyframes slideShine {
      0% {background-position: 0 0; }
     100% {background-position: 100% 100%; }
 }




#swiper-slide1 .tips span{
	 font-weight: bold;
     text-decoration: underline;
	 background-image: linear-gradient(to right, #774f3a 0%,#d7aa92 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

@-webkit-keyframes slideShine {
     0% {
          background-position: 0 0;
        }
     100% {
          background-position: 100% 100%;
      }
 }
 @keyframes slideShine {
      0% {background-position: 0 0; }
     100% {background-position: 100% 100%; }
 }



 @-webkit-keyframes masked-animation {
         0%{ background-position: 0 0;}
         100% { background-position: -100% 0;}
    }
	
#bannar h1{
  font-size: 2.5rem;
  font-family: "YouYuan";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
#bannar h1:before{
	content:"";
	background:url("../images/page01_yuan.png") left top no-repeat;
	width:84px;
	height:84px;
	position: absolute;
    left: 151px;
    top: -16px;
    z-index: -1;
	animation:r360 15s linear infinite;
}


@-webkit-keyframes r360 {
     0% {
          transform: rotate(0deg);
        }
     100% {
          transform: rotate(360deg);
      }
 }

#bannar h1 span{
  font-size: 2.6rem;
  font-family: "Microsoft YaHei";
  color: rgba(247, 214, 59, 0.2);
  text-transform: uppercase;
  line-height: 1.2;
  display:block
}
#bannar big{ font-size: 4.5rem;}
#bannar .swiper-container{}
#bannar .swiper-slide{height: 100vh; background: center center no-repeat; background-size: cover;}
.bannar-info{color: #fff;padding: 0rem 0 0 20rem;position: relative; background:url("../images/page01line.gif") no-repeat 138px 38px;width: 750px}
.bannar-info p{font-size:2.2rem;font-weight: 100;}
.list-xl .img{background: url(../images/12.png) no-repeat; width: 17rem; height: 17rem; display: inline-block;border:3px solid #ffffff00;box-shadow: 0 0 0px 5px rgb(255, 255, 255);}
.list-xl .img1{background-color: #f2eae1;    background-position: -32px 5px;}
.list-xl .img2{background-color: #e1f3fc;    background-position: -280px 10px;}
.list-xl .img3{background-color: #f6e7ed;    background-position: -522px 10px;}
.list-xl .img4{background-color: #f2eae1;    background-position: -765px 5px;}
.list-xl .img5{background-color: #f2eae1;    background-position: -32px 5px;}

/*----------slide2---------*/
#swiper-slide2{background-color:#000}
#swiper-slide2:before {
    position: absolute;right: 0;bottom: 0;left: 0;display: block;height: 13.5rem;
    content: ''; background:#000 url(/sundaycable/images/yinimi-logow.png) center bottom repeat-x;
    opacity: .08;background-size: 120.3rem 13.5rem;
}

.swiper-slide2-bg,.swiper-slide5-bg{height:8rem; position:absolute;top:0; width:100%; background:#000; z-index:999; opacity:0.8}
.abouts-info{ padding:2rem 17rem 12rem 17rem;color: #fff;overflow: hidden; line-height: 3.75rem;}
.abouts .container{	position: relative;overflow: hidden;}
.abouts .container:before{
	content: ''; 
	background: linear-gradient(to bottom,  #98989880 0%,rgb(255 255 255 / 0%) 10%,rgb(0 0 0 / 0%) 100%);
    width: 1021px;
    height: 1021px;
    border-radius: 100%;
	position:absolute;
	left: 3.5rem;
    top: 4.8rem;
}
.abouts .container:after{
	content: ''; 
	border-width: 3px;
    border-color: #fff;
    border-style: solid;
    box-shadow: 0px 0px 3rem 6px #007bff inset, 0px 0px 1rem 3px #007bff, 0px 0px 3rem 3px #007bff;
    width: 1024px;
    height: 1024px;
    border-radius: 100%;
	position:absolute;
    left: 3rem;
    top: 3rem;
}

.abouts .container .h_th dt {
  font-size: 4rem;
  font-family: "Microsoft YaHei";
  line-height: 1;
  font-weight: 100;
    text-decoration: underline;
    background-image: linear-gradient(to right, #774f3a 0%,#d7aa92 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
	padding: 11rem 0 0 0;
}
.abouts .container .h_th dd {
  font-size: 3rem;
  font-family: "Microsoft YaHei";
  line-height: 1;
  padding: 0;
    margin: 0;
  color:#fff;
}

.abouts .container p{
	font-size: 2rem;
    font-weight: 100;
}
.line-left,.line-right{position:absolute;bottom:50px;z-index: 999;}
.line-left{ left:0}
.line-right{right:0}
.line-left:before{content: "";position:absolute; top: -470px;width:13.1rem;height:13.1rem;background:url("/sundaycable/images/xinqiu51.png") no-repeat center center;
	animation:xingqiu 5s infinite;
}
.line-right:before{content: "";position:absolute; top: 8px; z-index: 999; left: 20px;width:8rem;height:8rem;background:url("/sundaycable/images/xinqiu52.png") no-repeat center center;
	animation:r360 15s linear infinite;
}
@keyframes xingqiu {
    0% {
		opacity:0
		}
    50% {
		opacity:1
    } 		
    100% {
		opacity:0
    } 
}


.line-left:after,.line-right:after{content: "";position:absolute; width:15rem;height:41rem;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
animation:star 0.5s infinite;
}
@keyframes star {
    0% {
		top:-209px;
		}
    100% {
		top:-208px;
	
    } 
}


.line-right:after{right:64px}
.line-left .line,.line-right .line{
	background:#000;
	height:.7rem;
	width:15rem;
	margin-top: 1.2rem;
}
.x-lines{position:absolute; bottom:0; left:0; right:0;opacity: 0.3;height: 110px;}
.x-lines div{
	width:100%;
	left:0;
    height: 2px;
	margin-bottom:15px;
	position:absolute;
	animation:transformZ 5s linear infinite;
}
.x-lines div:nth-child(2){
	animation-delay: 1s
	}
.x-lines div:nth-child(3){
	animation-delay: 2s
	}
.x-lines div:nth-child(4){
	animation-delay: 3s
	}
.x-lines div:nth-child(5){
	animation-delay: 4s
	}
@keyframes transformZ {
    0% {
		bottom:0;
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); 
		}
    100% {
		bottom:100px;
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
		filter: blur(3px);
		opacity:0;
    } 
}


/*----------slide3---------*/
#swiper-slide3{background:#000 url(../images/page03bg.png) center bottom no-repeat;  color:#fff}
.archive {position: relative; z-index: 999;}
.archive .h_th dt {
  font-size: 4rem;
  font-family: "Microsoft YaHei";
  line-height: 1;
  font-weight: 100;
    text-decoration: underline;
    background-image: linear-gradient(to right, #774f3a 0%,#d7aa92 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
	padding: 16.5rem 0 0 0;
	text-transform: uppercase;
	opacity: 0.4;
}
.archive .h_th dd {
  font-size: 3rem;
  font-family: "Microsoft YaHei";
  line-height: 1;
  padding: 0;
    margin: 0;
  color:#fff;
}
.archive .h_th dd small{font-size:1.7rem;opacity: 0.7;}
.archive_container {margin: 0 auto;padding: 4rem 0;/*background: rgba(0,0,0,0.6); backdrop-filter: saturate(180%) blur(20px);*/ }
.col-category{ }
.col-category:after{content: "";border:4px solid #4c4c4c;position: absolute;display: block;	left: -0.5rem;bottom: 1rem;top: -2rem;right:1rem;z-index: -1;}
.swiper-container-category{width:39rem}

.archive_container .nav-item{ font-size:1.4rem;font-weight:100; padding: 0; margin:0;color: #ddd;}
.archive_container .nav-item .ag-content-customer-ele{text-align:center; margin:0px;padding:0;list-style: none;width: 22.5rem;
								float: left; height:38rem;font-size:1.8rem;background-repeat:no-repeat; background-size:cover;background-position:center;
								box-shadow:inset 0px 0px 0px 0.8px #000, inset 0px 369px 270px -124px #000; position:relative;
								
								overflow:hidden
								}

.archive_container .nav-item .ag-content-customer-ele:nth-child(1){	
	background-color:#112f6a;
	background-image:url("/Uploads/jixie/j_1s.jpg");
}
.archive_container .nav-item .ag-content-customer-ele:nth-child(1).active{
	background-image:url("/Uploads/jixie/j_1bx.jpg");
}


.archive_container .nav-item .ag-content-customer-ele:nth-child(2){
	background-color:#dfc809;
	background-image:url("/Uploads/dianyuan/d_1s.jpg");
}
.archive_container .nav-item .ag-content-customer-ele:nth-child(2).active{
	background-image:url("/Uploads/dianyuan/d_1bx.jpg");
}

.archive_container .nav-item .ag-content-customer-ele:nth-child(3){
	background-color:#d5d5d6;
	background-image:url("/Uploads/gaorou/g_1s.jpg") ;
}
.archive_container .nav-item .ag-content-customer-ele:nth-child(3).active{
	background-image:url("/Uploads/gaorou/g_1bx.jpg");
}

.archive_container .nav-item .ag-content-customer-ele:nth-child(4){
	background-color:#156144;
	background-image:url("/Uploads/teshu/t_1s.jpg");
}
.archive_container .nav-item .ag-content-customer-ele:nth-child(4).active{
	background-image:url("/Uploads/teshu/t_1bx.jpg");
}

.archive_container .nav-item .ag-content-customer-ele:nth-child(5){
	background-color:#508cce;
	background-image:url("/Uploads/yingxiang/y_1s.jpg");
}
.archive_container .nav-item .ag-content-customer-ele:nth-child(5).active{
	background-image:url("/Uploads/yingxiang/y_1bx.jpg");
}

.ag-content-customer-ele-detail-display .cat .swiper-container{
	height: 380px;
}

.archive_container .nav-item .iconfont{display: block;font-size: 4rem;font-weight: 100;color: #fff;line-height: 1;margin-top: 134px;}
.archive_container .nav-item .ag-content-customer-ele.active{box-shadow:inset 0px 0px 0px .8px #000, inset 0px 0 0 0 #fff; color:#fff; font-weight:700;text-align:left;}

.archive_container .nav-item .ag-content-customer-ele .cat{display:none;height: 270px;overflow: hidden;}
.archive_container .nav-item .ag-content-customer-ele.active .cat{display:block}
.archive_container .nav-item .ag-content-customer-ele.active .iconfont{margin-top: 0;}

.archive_container .swiper-button-next{}
.archive_container .swiper-button-prev{}
.swiper-button-next,.swiper-button-prev{}

.swiper-container-archive .archive-cover img{width: 100%; height:38rem; }
.swiper-container-archivecover-pagination .swiper-pagination-bullet{border-radius: 0;border: none;opacity: 0.3;background: #000;margin: 0 0.5rem;width: 1rem; height: 1rem;}
.swiper-container-archivecover-pagination .swiper-pagination-bullet-active{opacity:1; background:#fff}


.archive_container .cat .swiper-slide{width:23%;height:38rem;background:#fff;float:left;line-height: 38rem;padding: 1.2rem;margin-right: 1px;}
.archive_container .cat .swiper-slide img{width:100%; }

.archive_container .cat1 .swiper-slide{width:23%;height:38rem;background:#fff;float:left;line-height: 38rem;padding: 1.2rem;margin-right: 1px;}
.archive_container .cat1 .swiper-slide img{width:100%; }

.archive_container .cat3 .swiper-slide{width:23%;height:38rem;background:#fff;float:left;line-height: 38rem;padding: 1.2rem;margin-right: 1px;}
.archive_container .cat3 .swiper-slide img{width:100%; }

.archive_container .cat4 .swiper-slide{width:23%;height:38rem;background:#fff;float:left;line-height: 38rem;padding: 1.2rem;margin-right: 1px;}
.archive_container .cat4 .swiper-slide img{width:100%; }


.swiper-container-page,.swiper-container-page .swiper-slide {width: 100%;height: 100%;}  
.swiper-container-category,.swiper-container-category .swiper-slide{height:35rem}	
.bgline .btn-link{float:right;position: relative;top: -5rem; right:3rem;}	
.bgline{
	position: absolute;
    top: 20%;
    left: 0;
    width: 1174px;
    zoom: 1.6;
	z-index: 1;
	}


.bgline1{
	width: 1174px;
    height: 120px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTE3NCA2OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE3NCA2ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0Y2QjM3Rjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzRjNS40LDAsMTgzLjMsNDYuMiw1ODcsMHM1ODMuMiwwLDU4NywwIi8+DQo8L3N2Zz4NCg==") repeat-x center;
	animation: waveMove 4s infinite linear;
    background-size: 100% auto;
    opacity: 0.1;
}
.bgline2{
	position: absolute;
	top: 20px;
	width: 1174px;
    height: 120px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTE3NCA2OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE3NCA2ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0Y2QjM3Rjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzRjNS40LDAsMTgzLjMsNDYuMiw1ODcsMHM1ODMuMiwwLDU4NywwIi8+DQo8L3N2Zz4NCg==") repeat-x center;
	animation: waveMove 16s infinite linear;
    background-size: 100% auto;
    opacity: 0.2;
}
.bgline3{
	width: 1174px;
    height: 120px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTE3NCA2OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE3NCA2ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0Y2QjM3RjtzdHJva2Utd2lkdGg6Mzt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMzRjNS40LDAsMTgzLjMsNDYuMiw1ODcsMHM1ODMuMiwwLDU4NywwIi8+DQo8L3N2Zz4NCg==") repeat-x center;
	animation: waveMove 8s infinite linear;
    background-size: 100% auto;
    opacity: 0.5;
}
@keyframes waveMove {
  from {background-position:0 100%; }
  to { background-position:-1174px 100%; }
}
	
/*----------slide4---------*/
#swiper-slide4{background:#000 url(../images/page04_bg.png) center bottom no-repeat;background-size: 100%;overflow: hidden;}

.service{z-index: 99; position: relative; color:#fff}
.service .h_th dt {
  font-size: 4rem;
  font-family: "Microsoft YaHei";
  line-height: 1;
  font-weight: 100;
    text-decoration: underline;
    background-image: linear-gradient(to right, #774f3a 0%,#d7aa92 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
	padding: 2.5rem 0 0 0;
	text-transform: uppercase;
	opacity: 0.4;
}
.service .h_th dd {
  font-size: 3rem;
  font-family: "Microsoft YaHei";
  line-height: 1;
  padding: 0;
    margin: 0;
  color:#fff;
}
.service .h_th dd small{font-size:1.7rem;opacity: 0.7;}
.service .list_kh{ padding: 0; margin: 0; width:114rem}
.service .list_kh li{width: 16.5%; overflow: hidden; display:block;	float: left;}
.service .list_kh li div.service_cover{margin: 0.5rem;overflow: hidden; height: 10.9rem; line-height: 10.9rem; outline:1px solid transparent;text-align:center}
.service .list_kh li img{max-width: 100%;padding: 1.5rem;filter:grayscale(100%);}

.dotted_01{
    width: 580px;
    height: 216px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -290px;
	transform: rotate(352deg);

}

.dotted_01 div{
	width: 580px;
    height: 216px;
	-webkit-transform: rotateX(83deg);
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .6s;
}

.dotted_01 span{
    width: 680px;
    height: 680px;
    position: absolute;
    top: 373px;
    border: 2px solid rgb(4 66 95);
    animation: dotted_r 10s infinite linear;
    border-radius: 50%;
}

.dotted_01 span:after{
	content: "";
    width: 20px;
    height: 20px;
    background: #ffb454;
    position: absolute;
    border-radius: 50%;
    top: 254px;
    display: block;
    -webkit-transform: rotateX(79deg);
	box-shadow: 0px 0px 0rem 2px #ffc107 inset, 0px 0px 1rem 3px #ffc107, 0px 0px 3rem 3px #ffc107;
}
@keyframes dotted_r {
	0% {
          transform: rotate(0deg);
        }
     100% {
          transform: rotate(180deg);
      }
}

.dotted_02{
    width: 480px;
    height: 216px;
    position: absolute;
    bottom: 37px;
    left: 50%;
    margin-left: -240px;
}


.dotted_02 span{
    width: 480px;
    height: 480px;
    position: absolute;
    border: 2px dotted rgb(9 118 169);
    animation: dotted_r 15s infinite linear;
    border-radius: 50%;
}

.dotted_02 span:after{
	content: "";
    width: 10px;
    height: 10px;
    background: #ffb454;
    position: absolute;
    border-radius: 50%;
    top: 315px;
    display: block;
	box-shadow: 0px 0px 0rem 2px #007bff inset, 0px 0px 1rem 3px #007bff, 0px 0px 3rem 3px #007bff;
}

.dotted_03{
    width: 480px;
    height: 216px;
    position: absolute;
    bottom: 37px;
    left: 50%;
    margin-left: -240px;
}


.dotted_03 span{
    width: 480px;
    height: 480px;
    position: absolute;
    border: 2px dotted rgba(9 118 169 / 0%);
    animation: dotted_rr 12s infinite linear;
    border-radius: 50%;
}

.dotted_03 span:after{
    content: "";
    width: 7px;
    height: 7px;
    background: #ffffff;
    position: absolute;
    border-radius: 50%;
    top: 191px;
    display: block;
    box-shadow: 0px 0px 0rem 2px #ffc107 inset, 0px 0px 1rem 3px #ffc107, 0px 0px 3rem 3px #ffc107;
}

@keyframes dotted_r {
	0% {
          transform: rotate(0deg);
        }
     100% {
          transform: rotate(180deg);
      }
}
@keyframes dotted_rr {
	0% {
          transform: rotate(180deg);
        }
     100% {
          transform: rotate(0deg);
      }
}

/*文件底*/
/*----------slide5---------*/



.swiper-slide5{
	position: relative;
}
.swiper-slide5:hover{z-index:99}
.footer{ color:#fff;position: absolute;width: 100%;bottom: 0;clear:both; text-align:center; line-height:2em; background: rgba(0,0,0,0.91);backdrop-filter: saturate(180%) blur(20px);}
#swiper-slide5:after{
	content:""; position:absolute;
	left:0;top:0;
	width:100%;
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 53%, rgba(0,0,0,0) 100%);
	height: 50vh;
}

.footer .h_th{margin:auto}

.footer .h_th dt {
  font-size: 3.2rem;
  font-family: "Microsoft YaHei";
  line-height: 1;
  font-weight: 100;
    text-decoration: underline;
    background-image: linear-gradient(to right, #774f3a 0%,#d7aa92 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
	padding: 1.5rem 0 0 0;
	text-transform: uppercase;
	opacity: 0.4;
}
.footer .h_th dd {
  font-size: 2.6rem;
  font-family: "Microsoft YaHei";
  line-height: 1;
  padding: 0;
    margin: 0;
  color:#fff;
}



.footer a{ color:#fff;}
.footer a:hover{ text-decoration:none; color:#fff;}

.footer dt,.footer dt a{
	clear: both;
    font-size: 1.3rem;
    font-weight: 100;
    color: #b9b9b9;
}
.footer dt p{ clear:both;}
.footer dt p span{ margin:0 1.5em;}
.footer dt p em{ font-style:normal; margin-left:0.5em;}
.footer dt p span a{ margin:0 0.5em;}
.footer dt font{ font-size:1.3rem; font-family:Arial;}
.footer dd{ clear:both; padding-top:0em;}
.footer .bd{ margin:1rem 0 0 0}
.footer .bd p span{display:inline-block;}
.footer .bd i{clear:both; margin:auto; display: block;padding:0.5rem; position:relative;border-radius: 100%;width: 3.8rem;
    height: 3.8rem;
    line-height: 2.8rem; 
	background: linear-gradient(135deg,  #774f3a 0%,rgba(0,0,0,1) 53%,#d7aa92 100%); 
	}
.footer .bd i img{max-width:80%}
.footer .copyright{background:#000;padding:.8rem 0; margin: 0;}
.footer .copyright, .footer .copyright a{color:#999}

.dialog,#navToggle,.m_nav{display:none}
.dialog.open{display:block}

@media screen and (max-width:767px) {
	.h_th dd {
    font-size: 2.4rem;
    font-weight: 400;
    line-height:0.8em;
}
	
	
	.swiper-slide2-bg, .swiper-slide5-bg{height:6rem}
	
	.logo img{width:28%}
	.logo span{font-size:2.4rem;line-height:5rem}
	.header {height: 6rem;}
	
	.header #navToggle {
		position: absolute;
		top: 1.1rem;
		right: 2.5rem;
		height: 3.2rem;
		display: none;
		float: right;
	}


	.header #navToggle span {
		width: 2.4rem;
		height: 0.2rem;
		margin-top: 1.4rem;
	}

	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 0.2rem;
		left: 0;
	}

	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #909398;
	}

	.header #navToggle span:before {top: 0.8rem;}
	.header #navToggle span:after {bottom: 1.0rem;}
	.header #navToggle.open span:before {
		top: 1rem;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}

	.header #navToggle.open span:after {
		bottom: 1.2rem;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}

	.header #navToggle.open span {background: none;}
	.header #navToggle.open span:before,.header #navToggle.open span:after {background: #4f4f4f;}

/*----------slide1---------*/
.list-xl .img{width:12.4rem; height:12.4rem}

.list-xl .img1{background-color: #f2eae1;    background-position: -4.7rem -0.8rem;}
.list-xl .img2{background-color: #e1f3fc;    background-position: -35.3rem -3.3rem;}
.list-xl .img3{background-color: #f6e7ed;    background-position: -60.9rem 0.8rem;}
.list-xl .img4{background-color: #f2eae1;    background-position: -86.6rem -0.8rem;}
/*----------slide2---------*/
#swiper-slide2:before {bottom: 6.5rem;}
.abouts .container .row{border:none;background: #133a84d1;}
.abouts .container .row .abouts-cover{position: absolute;width: 20%;margin-left: 0.6rem;}
.abouts-info {padding: 11rem 1rem 0rem 3rem;}

/*----------slide3---------*/
#swiper-slide3 .col-md-2{display:none}
.swiper-container-category{}
.archive_container{ padding:0}
.swiper-container-category, .swiper-container-category .swiper-slide{height:34rem;padding-top: 0.5rem;}
.archive_container .nav-item .iconfont{font-size:3.5rem}
.archive_container .nav-item li {
    border: 1px dotted #dddddd25;
    text-align: center;
    margin: 0;
    padding: 0.5rem;
    list-style: none;
    width: 33.333%;

}
.archive .btn-link{right:1.5rem}
.col-category:after{display:none}
/*----------slide4---------*/
.service .list_kh{padding:0 3rem}
.service .list_kh li{width:50%}
.service .list_kh li div.service_cover{height:6rem;line-height: 6rem;}
.service .list_kh li img{padding: 0.3rem;}


/*----------slide5---------*/
#swiper-slide5 .baidu-maps{margin-left: -13.6rem;}
.footer .bd i{width:3.2rem; height:3.2rem;line-height: 2rem;}
.m_nav {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%);
	z-index: 1000;
}
.service .list_kh{width:auto}
.m_nav.open {transform: translateX(0);display: block;}
.m_nav .top {height: 6rem;padding: 2rem 2rem 0 0;box-sizing: border-box;}
.m_nav .top .closed {width: 3rem;height: 3rem;vertical-align: middle;float: right;cursor: pointer;}
.m_nav .logo {width: 100%;margin: 0 auto;}
.m_nav .logo img {height: 5rem;display: block;margin: 3rem auto 0;}
.m_nav .ul {padding-top: 18rem;}

.m_nav .ul li {
	padding: 0 2rem;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0;
}

.m_nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.m_nav .ul li a {display: block;text-decoration: none;color: #333;font-size: 1.6rem;height: 5rem;line-height: 5rem;width: 100%;}
.m_nav .ul li .dropdown_menu {display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu {display: block;}
.m_nav .ul li .dropdown_menu a {
	display: block;
	height: 5rem;
	line-height: 5rem;
	padding: 0 4rem;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}

.m_nav .ul li .dropdown_menu a:last-child {
	border: none;
}

.footer{line-height: 1.75em;padding-bottom: 3rem;}

	
.navs{display:none}	
	.fix_footer {position: fixed;bottom: 0;left: 0;z-index: 99999;width: 100%;}
	.fix_footer ul {overflow: hidden;background-color: #016db2;  margin-bottom:0}
	.fix_footer ul li {float: left;width: 25%;}
	.fix_footer ul li a {float: left; width: 100%; padding:0.8rem 0;text-align: center;color: #fff;font-size: 1rem;border-right: 1px solid #1383cb;}
	.fix_footer ul span {display: block;margin-top: 0.46rem;}
	
	.dialog {
		position: fixed;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		width: 100%;
		top: 0;
		z-index: 8888;
		text-align: center;
	}
	.dialog.open{display: block;}
	.dialog p{ line-height: 4.2rem; color: #fff; font-size: 2.2rem;}
	.dialog img {vertical-align: middle;margin: 52% auto 0;max-width: 50%;}
	
}


.swiper-custom-scrollbar{background:rgb(255 255 255 / 28%);}
.swiper-scrollbar-drag{background: rgb(255 255 255);}



/*-- 2014.8.19 New --*/
.ag-content-customer-wrap {
    width:100%;
    height:380px;
    transition:background-color .5s;
    -moz-transition:background-color .5s;
    -webkit-transition:background-color .5s;
    -o-transition:background-color .5s;
	overflow:hidden
}
.ag-content-customer {
    width:1140px;
    margin:0 auto;
}
.ag-content-customer-ele {
    overflow:hidden;
}
.ag-content-customer-ele:hover {
    cursor:pointer;
}
.ag-content-customer-ele .ag-content-customer-ele-shadow {
    width:22.5rem;
    height:380px;
    background:#469acba8;
    position:absolute;
    top:-380px;
    left:0px;
}
.ag-content-customer-ele span {
    position:relative;
    transition:color .3s;
    -moz-transition:color .3s;
    -webkit-transition:color .3s;
    -o-transition:color .3s;
}
.ag-content-customer-ele img {
    display:block;
    width:300px;
    height:400px;
    position:absolute;
    top:52px;
    left:85px;
}
.ag-content-customer-ele-detail {
    width:0px;
    height:380px;
    position:relative;
    float:left;
    background:#469acb94;
    overflow:hidden;
}
.ag-content-customer-ele-detail ul {
    width:70px;
    float:left;
    margin-top:10px;
}
.ag-content-customer-ele-detail ul li {
    width:70px;
    height:48px;
    line-height:24px;
    font-size:16px;
    color:#333;
    margin-bottom:6px;
    padding:11px 0;
    cursor:pointer;
    background-image:url('../images/ag-customer-icon_ac6e25a.png');
    background-repeat:no-repeat;
    /*
    transition:background-position-y .2s;
    -moz-transition:background-position-y .2s;
    -webkit-transition:background-position-y .2s;
    -o-transition:background-position-y .2s;
    */
}
.ag-content-customer-ele-detail ul li.acced-li-1 {
    background-position:0px top;
}
.ag-content-customer-ele-detail ul li.acced-li-1:hover,
.ag-content-customer-ele-detail ul li.acced-li-1.current {
    background-position:0px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-2 {
    background-position:-70px top;
}
.ag-content-customer-ele-detail ul li.acced-li-2:hover,
.ag-content-customer-ele-detail ul li.acced-li-2.current {
    background-position:-70px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-3 {
    background-position:-140px top;
}
.ag-content-customer-ele-detail ul li.acced-li-3:hover,
.ag-content-customer-ele-detail ul li.acced-li-3.current {
    background-position:-140px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-4 {
    background-position:-210px top;
}
.ag-content-customer-ele-detail ul li.acced-li-4:hover,
.ag-content-customer-ele-detail ul li.acced-li-4.current {
    background-position:-210px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-5 {
    background-position:-280px top;
}
.ag-content-customer-ele-detail ul li.acced-li-5:hover,
.ag-content-customer-ele-detail ul li.acced-li-5.current {
    background-position:-280px bottom;
}
.ag-content-customer-ele-detail ul li.acced-li-6 {
    background-position:-350px top;
}
.ag-content-customer-ele-detail ul li.acced-li-6:hover,
.ag-content-customer-ele-detail ul li.acced-li-6.current {
    background-position:-350px bottom;
}
@-webkit-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-moz-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-o-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-webkit-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
@-moz-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
@-o-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
.ag-content-customer-ele-detail-display {
    display:none;
    width:1140px;
    height:380px;
    float:left;
    position:relative;
}
.ag-content-customer-ele-detail-display-left {
    width:300px;
    height:400px;
    position:absolute;
    top:55px;
    left:0px;
    opacity:0;
    animation:mymove 1s both;
    -moz-animation:mymove 1s both;
    -webkit-animation:mymove 1s both;
    -o-animation:mymove 1s both;
}
.ag-content-customer-ele-detail-display-right {
    width:580px;
    height:420px;
    position:absolute;
    top:50px;
    right:-120px;
    opacity:0;
    filter:alpha(opacity=0);
    animation:remove 1.5s both;
    -moz-animation:remove 1.5s both;
    -webkit-animation:remove 1.5s both;
    -o-animation:remove 1.5s both;
}
.ag-content-customer-ele-detail-display-right span {
    display:block;
    line-height:40px;
    font-family:Arial;
    font-size:30px;
    color:#fff;
    text-align:center;
    position:absolute;
}
.ag-content-customer-ele-detail-display-right span.point {
    font-family:'SimSun';
}
.ag-content-customer-ele-detail-display-right a {
    display:block;
    width:134px;
    height:140px;
    text-align:left;
    text-indent:-9999px;
    background-image:url('../images/ag-link-icon_87d8dbf.png');
    background-repeat:no-repeat;
    cursor:pointer;
    position:absolute;
    overflow:hidden;
}
.ag-content-customer-ele-detail-display-right a.agwyx:link {
    background-position:0px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwyx:hover {
    background-position:-134px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwyx:active {
    background-position:-268px 0px;
}
.ag-content-customer-ele-detail-display-right a.agwm:link {
    background-position:0px -140px;
}
.ag-content-customer-ele-detail-display-right a.agwm:hover {
    background-position:-134px -140px;
}
.ag-content-customer-ele-detail-display-right a.agwm:active {
    background-position:-268px -140px;
}
.ag-content-customer-ele-detail-display-right a.aggg:link {
    background-position:0px -280px;
}
.ag-content-customer-ele-detail-display-right a.aggg:hover {
    background-position:-134px -280px;
}
.ag-content-customer-ele-detail-display-right a.aggg:active {
    background-position:-268px -280px;
}
.ag-content-customer-ele-detail-display-right a.agxt:link {
    background-position:0px -420px;
}
.ag-content-customer-ele-detail-display-right a.agxt:hover {
    background-position:-134px -420px;
}
.ag-content-customer-ele-detail-display-right a.agxt:active {
    background-position:-268px -420px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:link {
    background-position:0px -560px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:hover {
    background-position:-134px -560px;
}
.ag-content-customer-ele-detail-display-right a.jjzs:active {
    background-position:-268px -560px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:link {
    background-position:0px -700px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:hover {
    background-position:-134px -700px;
}
.ag-content-customer-ele-detail-display-right a.tgrb:active {
    background-position:-268px -700px;
}
.ag-content-customer-ele-detail-display-right a.ag360:link {
    background-position:0px -840px;
}
.ag-content-customer-ele-detail-display-right a.ag360:hover {
    background-position:-134px -840px;
}
.ag-content-customer-ele-detail-display-right a.ag360:active {
    background-position:-268px -840px;
}
.ag-content-customer-ele-detail-return {
    width:50px;
    height:40px;
    line-height:40px;
    font-size:15px;
    color:#fff;
    text-align:center;
    position:absolute;
	top: 5px;
    right: 12px;
    cursor:pointer;
}
.ag-content-customer-ele-detail-return span {
    float:left;
    font-family:"SimSun";
    font-size:25px;
}
.ag-content-customer-prompt {
    width:100%;
    height:52px;
    background:#f1f1f1;
    text-align:center;
}
.ag-content-app-wytgg-wrap {
    width:100%;
    background:#fff;
    position:relative;
}
.ag-content-app-wytgg {
    width:1002px;
    height:590px;
    margin:0 auto;
    position:relative;
}
.ag-content-app-wytgg-left {
    width:300px;
    height:400px;
    position:absolute;
    top:100px;
    left:0px;
}
.ag-content-app-wytgg-left > img {
    display:block;
    float:left;
    margin-bottom:75px;
}
.ag-content-app-wytgg-left a {
    display:block;
    width:129px;
    height:47px;
    background-image:url('../images/ag-download-ios-1_04d4257.png');
    background-repeat:no-repeat;
    background-position:0px;
    position:absolute;
}
.ag-content-app-wytgg-left a:hover {
    background-image:url('../images/ag-download-ios-1_04d4257.png');
    background-repeat:no-repeat;
    background-position:-129px;
}
.ag-content-app-wytgg-left a:active {
    background-image:url('../images/ag-download-ios-1_04d4257.png');
    background-repeat:no-repeat;
    background-position:-258px;
}
.ag-content-app-wytgg-left a.iosLink {
    top:343px;
    left:-2px;
}
.ag-content-app-wytgg-left a.androidLink{
    top:343px;
    left:155px;
    background-image:url('../images/ag-download-android-1_aeb8851.png');
}
.ag-content-app-wytgg-right {
    width:570px;
    height:380px;
    position:absolute;
    top:95px;
    right:0px;
    border:8px solid #787878;
    border-radius:8px;
}
.ag-content-app-tgrb-wrap {
    width:100%;
    background:#f1f1f1;
    border-top:1px solid #d4d4d4;
    position:relative;
}
.ag-content-app-tgrb {
    width:1002px;
    height:590px;
    margin:0 auto;
    position:relative;
}
.ag-content-app-tgrb-left {
    width:463px;
    height:431px;
    position:absolute;
    top:80px;
    left:0px;
}
.ag-content-app-tgrb-right {
    width:308px;
    height:230px;
    position:absolute;
    top:120px;
    right:0px;
}
/*modify by chonggao with date 2015/02/05 for new image description*/
.ag-content-app-tgrb-right > img {
    position:relative;
    right:180px;
}
.ag-content-app-tgrb-right a {
    display:block;
    width:129px;
    height:47px;
    background:url('../images/ag-tgrb-btn-1_3b967d3.png') no-repeat;
    margin:24px 0 0 207px;
}
.ag-content-app-tgrb-right a:link {
    background-position:0px 0px;
}
.ag-content-app-tgrb-right a:hover {
    background-position:-129px 0px;
}
.ag-content-app-tgrb-right a:active {
    background-position:-258px 0px;
}
.ag-content-partners-parnter-wrap {
    width:100%;
    background:#fff;
    position:relative;
}
.ag-content-partners-parnter {
    width:1002px;
    margin:0 auto;
    padding:30px 0 42px 0;
    position:relative;
    text-align:center;
}
.ag-content-partners-parnter img {
    margin-top:24px;
}
.ag-content-partners-customer-wrap {
    width:100%;
    background:#707070;
    position:relative;
}
.ag-content-partners-customer {
    width:1002px;
    margin:0 auto;
    padding:20px 0 42px 0;
    position:relative;
    text-align:center;
}
.ag-content-partners-customer img {
    margin-top:30px;
}
/*-- 2014/12/25 --*/
#floatAdv {
	display:none;
	width:283px;
	height:57px;
	position:fixed;
	top:0px;
	left:0px;
    z-index:999999999;
}
#floatAdv img {
	width:283px;
	height:57px;
}
#floatAdv span {
	display:none;
	border:1px solid #d2d2d2;
	background-color:#f2f2f2;
	font-size:12px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}
#floatAdv:hover span {
	display:block;
}