@charset "utf-8";

*{
	margin: 0;
	padding : 0;
	/* font-family: "微软雅黑"; */
	font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
a {
	text-decoration: none;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
}
li,ul{margin:0;padding:0;list-style:none}
img{border: 0;}
body{margin: 0;}
i{font-style: normal;}
.wrapin{
	width: 1006px;
	margin: 0 auto;
	overflow: hidden;
}
.product_box{
	width: 100%;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 100px;
}
.product_box ul{
	width: 100%;
	overflow: hidden;
}
.product_box ul li{
	width: 370px;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;

}
.product_box ul a{
	opacity: 0;
	margin-top: 50px;
	display: block;
    float: left;
}
.product_box ul li .product-item-img{
	display: block;
	margin: 0 auto;
    width: 289px;
    height: 288px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .3s cubic-bezier(0.215,.61,.355,1);
    -moz-transition: all .3s cubic-bezier(0.215,.61,.355,1);
    -webkit-transition: all .3s cubic-bezier(0.215,.61,.355,1);
}
.product-item1 .product-item-img {
    background-image: url(../img/product-fsdp.png);
	background-position:center;
}
.product_box ul .product-item1:hover .product-item-img{
	background-image: url(../img/product-fsdp-h.png);
	background-position:center;
}
.product-item2 .product-item-img {
    background-image:url(../img/product-bda.png);
	background-position:center;
}
.product_box ul .product-item2:hover .product-item-img{
	background-image: url(../img/product-bda-h.png);
	background-position:center;
}
.product-item3 .product-item-img {
    background-image: url(../img/product-bdm.png);
	background-position:center;
}
.product_box ul .product-item3:hover .product-item-img{
	background-image: url(../img/product-bdm-h.png);
	background-position:center;
}
.product-item-tit {
    font-size: 22px;
    font-weight: 400;
    color: #5d6168;
    line-height: 1.1;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,.16);
    margin: 0;
    padding: 0;
}
.product-item-tit-en {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,.16);
    color: #85888e;
}
.product-item-txt {
    line-height: 2em;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,.16);
    color: #85888e;
}
.product_box .title_box{
	margin-bottom: 60px;
    text-align: center;
    opacity: 0;
    margin-top: -10px;
}
.news-item-txt{
	color: #333333;
}
.map_box {
    width: 100%;
    height: 493px;
    overflow: hidden;
    position: relative;
}
/*热点*/
.hot_spot{
	width: 100%;
	min-width:1200px;
	/*background: url(../img/u128.jpg) no-repeat center center;*/
	background: url(../img/new1.png) no-repeat center center;
	background-size:100% auto;
	position: relative;
}
.hot_spot:before{
	content: "";
	display: block;
	padding-top: 55%;
}
.hot_spot .part{
	opacity: 0;
}
.hot_spot .part_01{
	position: absolute;
	/*top: 14.9%;
    left: 51.2%;*/
	top: 15.9%;
	left: 28.2%;
	width: 24px;
	height: 24px;
}
.hot_spot .part .hot_spot_inner{
    background-color: #4ecac2;
    color: #ffffff;
    display: block;
    border-radius: 100px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    border-color: #e1e1e1;
    height: 100%;
    width: 100%;
    line-height: 24px;
    font-size: 11px;
    top: 0;
    left: 0;
	/*top: 10px;
	left: -450px;*/
}
.spot_box{
	position: relative;
	width: 54px;
	height: 54px;
	border-radius: 100%;
	/*opacity: 0.1;                                   !* 不透明度 *!*/
	overflow: hidden;                               /* 溢出隐藏 */
	background: #B6B6B6;                            /* 背景色 */
	/*background: #fff;*/
	/*background: #000;*/

	    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
	/*animation-name: breath;                         !* 动画名称 *!*/
	/*animation-duration: 3s;                         !* 动画时长3秒 *!*/
	/*animation-timing-function: ease-in-out;         !* 动画速度曲线：以低速开始和结束 *!*/
	/*animation-iteration-count: infinite;            !* 播放次数：无限 *!*/

	    /* Safari and Chrome */
	/*-webkit-animation-name: breath;                 !* 动画名称 *!*/
	/*-webkit-animation-duration: 3s;                 !* 动画时长3秒 *!*/
	/*-webkit-animation-timing-function: ease-in-out; !* 动画速度曲线：以低速开始和结束 *!*/
	/*-webkit-animation-iteration-count: infinite;    !* 播放次数：无限 *!*/
	-webkit-animation: av_pulsate 2s ease-out infinite;
	animation: av_pulsate 2s linear infinite;
	opacity: 0;

}

/*@keyframes breath {*/
    /*from { opacity: 0.1; }                          !* 动画开始时的不透明度 *!*/
    /*50%  { opacity:   1; }                          !* 动画50% 时的不透明度 *!*/
    /*to   { opacity: 0.1; }                          !* 动画结束时的不透明度 *!*/

/*}*/

/*@-webkit-keyframes breath {*/
    /*from { opacity: 0.1; }                          !* 动画开始时的不透明度 *!*/
    /*50%  { opacity:   1; }                          !* 动画50% 时的不透明度 *!*/
    /*to   { opacity: 0.1; }                          !* 动画结束时的不透明度 *!*/
/*}*/


/*image hotspot pulse*/
/*scale 缩放*/
@-webkit-keyframes av_pulsate {
	0% 		{-webkit-transform: scale(0.1); opacity: 0.0;}
	50% 	{opacity: 0.7;}
	100% 	{-webkit-transform: scale(1); opacity: 0.0;}
}

@keyframes av_pulsate {
	0% 		{transform: scale(0.1); opacity: 0.0;}
	50% 	{opacity: 0.7;}
	100% 	{transform: scale(1); opacity: 0.0;}
}


.inner_title{
    width: 300px;
    color:#FFF;
    font-size: 0.925em;
    line-height: 1.65em;
	font-size:25px;
	margin-left: -610px;
    margin-top: -135px;
	}
/*.hot_spot .part .inner_content{*/
    /*display: block;*/
   	/*!*background-color:rgba(255,255,255,0.7);*!*/
	/*!*background-color: #fff;*!*/
    /*!*color:#1B1B1B;*!*/
	/*color: #fff;*/
    /*font-size: 0.925em;*/
    /*line-height: 1.65em;*/
    /*position: absolute;*/
    /*z-index: 1009;*/
    /*!*padding: 12px;*!*/
    /*margin-top: -18px;*/
    /*border-radius: 2px;*/
	/*border-bottom: 1px solid #fff;*/
/*}*/
.hot_spot .part .inner_content{
	display: block;
	/*background-color:rgba(255,255,255,0.7);*/
	background-color: #fff;
	color:#1B1B1B;
	font-size: 0.925em;
	line-height: 1.65em;
	position: absolute;
	z-index: 1009;
	padding: 12px;
	margin-top: -18px;
	border-radius: 2px;
}
.hot_spot .part .inner_content span{
	color: #4ecac2;
}
.hot_spot .part .avia-arrow-wrap {
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: 7px;
    bottom: -19px;
    width: 20px;
    height: 20px;
    position: absolute;
    overflow: hidden;
}
.hot_spot .part .avia-arrow {
    background-color:rgba(255,255,255,0.8);
    color: #ababab;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    visibility: hidden\9;
}
.hot_spot .part_01 .inner_content{
    /*top: -45px;*/
    /*left: -226px;*/
	top: -32px;
	left: -327px;
}
.hot_spot .part_01 .hot_spot_inner{
	margin-top: 26px;
    margin-left: -28px
}
.hot_spot .part_01 .avia-arrow-wrap {
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: 7px;
    bottom: -19px;
}
.hot_spot .part_03{
	position: absolute;
	    /*top: 39.9%;
    left: 42.8%;*/
	top: 37.9%;
	left: 26.8%;
	width: 24px;
	height: 24px;
}
.hot_spot .part_03 .inner_content{
	     /*top: -43px;*/
    /*left: -244px;*/
	top: -43px;
	left: -414px;
}
.hot_spot .part_03 .hot_spot_inner{
	    /*margin-top: 26px;*/
    /*margin-left: -28px;*/
    margin-top: 4px;
    margin-left: -4px;
}
.hot_spot .part_03 .avia-arrow-wrap {
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: 7px;
        bottom: -23px;
}
.hot_spot .part_04{
	position: absolute;
	    /*top: 54.1%;
    left: 56.6%;*/
	top: 41.1%;
	left: 36.6%;
	width: 24px;
	height: 24px;
}
.hot_spot .part_04 .inner_content{
    /*top: 0px;*/
    /*left: -220px;*/
    /*width: 224px;*/
	top: 43px;
	left: -420px;
	width: auto;
}
.hot_spot .part_04 .hot_spot_inner{
	margin-top: -23px;
    margin-left: 28px;
}
.hot_spot .part_04 .avia-arrow-wrap {
    left: auto;
    right: -17px;
    margin-left: auto;
    margin-right: 7px;
    bottom: 2px;
}
.hot_spot .part_02{
	position: absolute;
	/*top: 55.1%;
    left: 70.6%;*/
	top: 36.1%;
	left: 47.6%;
	width: 24px;
	height: 24px;
}
.hot_spot .part_02 .inner_content{
    /*top: 10px;*/
    /*left: 24px;*/
    width: 227px;
	top: -15px;
	left: 71px;
}
.hot_spot .part_02 .hot_spot_inner{
	margin-top: 26px;
    margin-left: -28px
}
.hot_spot .part_02 .avia-arrow-wrap {
    left: auto;
    right: -40px;
    margin-left: auto;
    margin-right: 7px;
    bottom: -44px;
}
.hot_spot .part_05{
	position: absolute;
	/*top: 22.1%;
    left: 75.6%;*/
	top: 18.1%;
	left: 44.6%;
	width: 24px;
	height: 24px;
}
.hot_spot .part_05 .inner_content{
    /*top: 10px;*/
    /*left: 2px;*/
    width: 177px;
	top: 10px;
	left: 111px;
}
.hot_spot .part_05 .hot_spot_inner{
	margin-top: 50px;
    margin-left: 12px;
}
.hot_spot .part_05 .spot_box{
    /*margin-top: 38px;*/
    /*margin-left: -1px;*/
	margin-top: 35px;
	margin-left: -3px;
}
.hot_spot .part_05 .avia-arrow-wrap {
    left: auto;
    right: -40px;
    margin-left: auto;
    margin-right: 7px;
    bottom: -44px;
}
.hot_spot .part_01 .spot_box{
	    /*margin-top: 12px;*/
    /*margin-left: -41px;*/
	margin-top: 11px;
	margin-left: -43px;
}
.hot_spot .part_02 .spot_box{
    /*margin-top: 13px;*/
    /*margin-left: -41px;*/
	margin-top: 11px;
	margin-left: -43px;
}
.hot_spot .part_03 .spot_box{
	    /*margin-top: 13px;*/
    /*margin-left: -40px;*/
    margin-top: -11px;
    margin-left: -19px;
}
.hot_spot .part_04 .spot_box{
	    /*margin-top: -36px;*/
    /*margin-left: 15px;*/
	margin-top: -38px;
	margin-left: 13px;
}
.footer_box{
	width: 100%;
	background: rgba(40, 40, 40, 1);
	padding: 33px 0;
}
.footer_box dl{
	float: left;
}
.footer_box .contact{
	width: 400px;
}
.footer_box .link{
	width: 120px;
	margin-right: 90px;
	font-family:"微软雅黑";
	font-size:16px;
}
.footer_box .subscribe dd{
	width: 200px;
	line-height: 20px;
}
.footer_box dl dt{
	color: white;
	font-size: 14px;
	line-height: 18px;
/*	border-left: 1px solid white;*/
	/*padding-left: 14px;*/
	margin-bottom: 30px;
}
.dibu_banquan1 {
	height: 30px;
	line-height: 44px;
	float: left;
	color: #b5b5b5;
}

.dibu_banquan2 {
	height: 30px;
	line-height: 44px;
	margin-left: 240px;
	float: left;
	color: #b5b5b5;
}

.dibu_banquan3 {
	width: 100%;
	height: 44px;
	margin: 0 auto;
	line-height: 44px;
	text-align: center;
	/* color: white; */
}

.footer_box .link dd{
	cursor: pointer;
}
.footer_box dl dd{
	width: 100%;
	float: left;
	color: white;
	font-size: 12px;
	line-height: 30px;
}
.footer_box dl dd:hover a{
	color: #bfbdbd;
}
.footer_box dl dt:hover a{
	color: #bfbdbd;
}
.copyright{
	width: 100%;
	height: 44px;
	background: black;
}
/*.copyright .copyright_02{
	width: 100%;
	color: #666;
	font-size: 12px;
	text-align: center;
}
*/.app_box{
	background-image: url(../img/u2.jpg);
	background-size:100% auto;
	background-repeat: no-repeat;
	width:100%;
	min-width: 1200px;
	min-height: 500px;
	position: relative;
}
.app_box:before{
	content: "";
	display: block;
	padding-top: 39%;
}
.app{
	width: 33%;
	height: 400px;
	float: right;
	margin-top: 10%;
}
.app h5{
	color: #333333;
	font-size: 23px;
	margin-bottom: 9%;
}
.app i{
	width: 75px;
	height: 3px;
	background: black;
	display: block;
	margin-bottom: 5%;
}
.app p{
	width: 100%;
	color: #797979;
	line-height: 30px;
}
.app .experience_btn{
	width: 110px;
	height: 30px;
	background: url(../img/u70.png) no-repeat 100% 100%;
	text-align: center;
	cursor: pointer;
	margin-top: 25%;
}
.app .experience_btn a{
	color: white;
	font-size: 14px;
	line-height: 30px;
}
.wrapin_box{
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 7%;
}
.banner_span{
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
	color: #d3d3d3;
}
.carousel-indicators{
	bottom: 15px;
    z-index: 100;
    position: absolute;
    left: 48.8%;
}
.carousel-indicators li{
	float: left;
}
#main-slider .carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0 15px 0 0;
    position: relative;

}
#main-slider .carousel-indicators li {
    width: 20px;
    height: 20px;
    margin: 0 15px 0 0;
    position: relative;
    cursor: pointer;
}
.more_btn{
	width: 186px;
	height: 72px;
	margin: 0 auto;
	background: url(../img/btnbg.png) no-repeat center center;
	line-height: 72px;
	text-align: center;
}
.more_btn a{
	color: white;

}
.experienceBtn{
	margin: 10px auto;
	margin-bottom: 20px;
	width: 90px;
	height: 30px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #00CC9E;
	border-radius: 80px;
	color: #6699FF;
	background: white;
}
.experienceBtn:hover{
	color: #417ffb;
}
.ceiling-container{
/*	border-bottom: 1px solid #5a2dff;*/
	/*background: url(/images/u10.png) no-repeat bottom;*/
}
.ceiling-containers{
	/*border-bottom: 1px solid #5a2dff;*/
	background: url(/images/u10.png) no-repeat bottom;
	padding-bottom: 1px;
}
.w1140{
	width: 1200px;
}
.ceiling-nav{
	float: right!important;
}
/* scroll */
.scroll{width:1200px;margin:0 auto;position:relative;overflow:hidden;background:#F1EEEB;}
.picbox{width:928px;height:290px;background:#fff;border:1px solid #DED7D1;overflow:hidden;position:relative;margin:0 auto;}
.picbox ul{height:285px;padding-top:5px;}
.piclist{position:absolute;left:0px;top:0px;}
.swaplist{position:absolute;left:-3000px;top:0px;}

/* btn */
.og_prev, .og_next{width:40px;height:100px;position:absolute;top:117px;z-index:99;cursor:pointer;}
.og_prev{background-position:0 0;left:0px;background:url(../banner/images/prev.png) no-repeat;}
/*.og_prev:hover{background-position:0 -60px;}*/
.og_next{background-position:-30px 0;right:0px;background:url(../banner/images/right.png) no-repeat;}
/*.og_next:hover{background-position:-30px -60px;}*/

/* goodlist */
.goodlist{width:226px;margin:10px 0;padding:0px 5px;margin-right:-1px;float:left;}
.goodlist .pics{overflow:hidden;display:block;float:left;margin-right: 20px;}
.goodlist .pics img{width:226px;height:59px;}


.rotateX,.rotateY {
    position: absolute;
    z-index: 10001;
    height: 1px;
    /*border-bottom: 1px solid #4ecac2;*/
    background-color: #4ecac2;
}
.rotateX_01 {
    width: 245px;
    top: -15px;
    left: -315px;
    /*animation: rotateX_01 1s linear 0.1s;*/
    /*animation-fill-mode: forwards;*/
}
.rotateY_01 {
    width: 65px;
    transform: rotate(45deg);
    top: 8px;
    left: -80px;
    /*animation: rotateX_02 1s linear 0.1s;*/
    /*animation-fill-mode: forwards;*/
}
.rotateX_02 {
    width: 341px;
    top: -69px;
    left: -401px;
}
.rotateY_02 {
    width: 73px;
    transform: rotate(30deg);
    top: -51px;
    left: -66px;
}
.rotateX_03 {
    width: 391px;
    top: 44px;
    left: -408px;
}
.rotateY_03 {
    width: 85px;
    transform: rotate(-50deg);
    top: 12px;
    left: -32px;
}
.rotateX_04 {
    width: 146px;
    top: -62px;
    left: 121px;
}
.rotateY_04 {
    width: 95px;
    transform: rotate(160deg);
    top: -46px;
    left: 30px;
}
.rotateX_05 {
    width: 197px;
    top: -62px;
    left: 82px;
}
.rotateY_05 {
    width: 95px;
    transform: rotate(160deg);
    top: -46px;
    left: -9px;
}

/*@-webkit-keyframes rotateX_01 {*/
    /*100% {*/
        /*width: 245px;*/
    /*}*/
/*}*/
/*@-webkit-keyframes rotateX_02 {*/
    /*100% {*/
        /*width: 65px;*/
    /*}*/
/*}*/

.rotatebox {
    display: none;
    position: absolute;
    z-index: 10001;
}
.rotatebox_01 {
    top: -1px;
}


/****新增样式****/

.new-bg {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.old-bg {
	z-index:-18;
	opacity: 1;
	position: absolute;
	background-image: url(../img/03-主页3.png);
}

#main-slider .carousel .item .old-bg {
	background-position: 50%!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	left: 0 !important;
	opacity: 0;
	top: 0!important;
	position: absolute;
	width: 100%!important;
	display: block !important;
	height: 730px!important;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item.active .old-bg {
	opacity: 1;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
	z-index: 1;
}

.page-bg {
	z-index:-20;
	/*height: 100%;*/
	height: 730px;
	left: 0;
	opacity: 1;
	/*position: fixed;*/
	position: absolute;
	top: 0;
	transform: translate3d(0,0,0);
	background-image: url(../img/page-bg.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-size:1300px auto;
	width:3900px;
	animation: bg 90s linear infinite;
}

.bg-dot {
	z-index:-19;
	/*height: 100%;*/
	height: 730px;
	left: 0;
	opacity: 1;
	/*position: fixed;*/
	position: absolute;
	top: 0;
	transform: translate3d(0,0,0);
	background-image: url(../img/bg-dot.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-size:800px auto;
	width:2400px;
	animation: bg2 90s linear infinite;
}

@keyframes bg {
	0% {  transform: translate3d(0,0,0); }
	100% { transform: translate3d(-1300px,0,0);}
}

@keyframes bg2 {
	0% { transform: translate3d(-1300px,0,0); }
	100% { transform: translate3d(0,0,0);}
}


/*后期新增*/
.ctaContainerBox {
	position: relative;
	height: 435px;
	width: 100%;
	overflow: hidden;
}

.ctaContainer {
	background: url(../img/customer/背景.png) repeat-x;
	/*background: #f5f5f5 url(../img/customer/背景.png) repeat-x;*/
	/*background-position:0 0;*/
	/*-webkit-background-size:100% auto;*/
	/*-moz-background-size:100% auto;*/
	/*background-size:100% auto;*/
	position:relative;
	height: 435px;
	/*width: 100%;*/
	overflow:hidden;
	/*padding:30px 10px;*/
	/*-webkit-animation:slideAcross 45s linear infinite;*/
	/*-moz-animation:slideAcross 45s linear infinite;*/
	/*-o-animation:slideAcross 45s linear infinite;*/
	/*-ms-animation:slideAcross 45s linear infinite;*/
	/*animation:slideAcross 45s linear infinite;*/
	/*will-change:background;*/
	text-align:center;
	padding:0;
}

.container-img {
	padding: 0;
	width: 100% !important;
}

.ctaContainer1, .ctaContainer2, .ctaContainer3, .ctaContainer4, .ctaContainer5 {
	position: absolute;
	top: 0;
	left: 0;

	/*background-position:0 0;*/

	height: 435px;
	width: 100%;
	overflow:hidden;

	will-change:background;
	text-align:center;
	padding:0;
}

.ctaContainer1 {
	z-index: 5;
	background: url(../img/customer/1层.png) repeat;
	-webkit-background-size:100vw 100%;
	-moz-background-size:100vw 100%;
	background-size:100vw 100%;

	-webkit-animation:slideAcross 45s linear infinite;
	-moz-animation:slideAcross 45s linear infinite;
	-o-animation:slideAcross 45s linear infinite;
	-ms-animation:slideAcross 45s linear infinite;
	animation:slideAcross 45s linear infinite;
}

.ctaContainer2 {
	z-index: 4;
	background: url(../img/customer/2层.png) repeat-x;
	-webkit-background-size:100vw 100%;
	-moz-background-size:100vw 100%;
	background-size:100vw 100%;

	-webkit-animation:slideAcross 55s linear infinite;
	-moz-animation:slideAcross 55s linear infinite;
	-o-animation:slideAcross 55s linear infinite;
	-ms-animation:slideAcross 55s linear infinite;
	animation:slideAcross 55s linear infinite;
}

.ctaContainer3 {
	z-index: 3;
	background: url(../img/customer/3层.png) repeat-x;
	-webkit-background-size:100vw 100%;
	-moz-background-size:100vw 100%;
	background-size:100vw 100%;

	-webkit-animation:slideAcross 65s linear infinite;
	-moz-animation:slideAcross 65s linear infinite;
	-o-animation:slideAcross 65s linear infinite;
	-ms-animation:slideAcross 65s linear infinite;
	animation:slideAcross 65s linear infinite;
}

.ctaContainer4 {
	z-index: 2;
	background: url(../img/customer/4层.png) repeat-x;
	-webkit-background-size:100vw 100%;
	-moz-background-size:100vw 100%;
	background-size:100vw 100%;

	-webkit-animation:slideAcross 75s linear infinite;
	-moz-animation:slideAcross 75s linear infinite;
	-o-animation:slideAcross 75s linear infinite;
	-ms-animation:slideAcross 75s linear infinite;
	animation:slideAcross 75s linear infinite;
}

.ctaContainer5 {
	z-index: 1;
	background: url(../img/customer/5层.png) repeat-x;
	-webkit-background-size:100vw 100%;
	-moz-background-size:100vw 100%;
	background-size:100vw 100%;

	-webkit-animation:slideAcross 85s linear infinite;
	-moz-animation:slideAcross 85s linear infinite;
	-o-animation:slideAcross 85s linear infinite;
	-ms-animation:slideAcross 85s linear infinite;
	animation:slideAcross 85s linear infinite;
}



@-moz-keyframes slideAcross {
	0% {
		background-position:0 0
	}
	to {
		background-position:-100vw 0
	}
}

@-webkit-keyframes slideAcross {
	0% {
		background-position:0 0
	}
	to {
		background-position:-100vw 0
	}
}

@-o-keyframes slideAcross {
	0% {
		background-position:0 0
	}
	to {
		background-position:-100vw 0
	}
}

@keyframes slideAcross {
	0% {
		background-position:0 0
	}
	to {
		background-position:-100vw 0
	}
}

.dataMap {
	background: #eee url(../img/data.png) no-repeat 50% 0;
	background-size: cover;
}

.dataMap h2 {
	text-align: center;
	font-weight: 700;
	font-size: 30px;
	color: #30497F;
	letter-spacing: 4px;
	padding: 50px 0 10px;
}

.dataMap p {
	text-align: center;
	font-size: 18px;
	color: #30497F;
	letter-spacing: 1px;
	line-height: 24px;
}

.dataMap p:last-child {
	font-size: 20px;
	color: #01CEED;
	padding-top: 50px;
}

.dataMap p >span {
	margin-right: 20px;
}

.dataMap p:last-child > span:first-child span {
	font-size: 64px;
	font-weight: bold;
}

.dataMap p:last-child sup {
	top: -1.5em;
	font-size: 20px;
	font-weight: bold;
}

.dataMap p:last-child > span:last-child {
	color: #3279EE;
}

.dataMap p:last-child > span:last-child span {
	font-size: 64px;
	font-weight: bold;
}

.dataMap p:last-child {
	font-size: 20px;
	color: #01CEED;
	padding-top: 50px;
}

.dataMap p:last-child > span:last-child {
	color: #3279EE;
}

#uimg {
	position: fixed;
	left: 50%;
	margin-left: -400px;
	top: 50%;
	margin-top: -400px;
}

#u177_state0 {
	position: relative;
	left: 0px;
	top: 0px;
	background-image: none;
}

#uimg_state0 {
	position: relative;
	left: 0px;
	top: 0px;
	background-image: none;
}

#uimg_div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 800px;
	background: inherit;
	/*background-color: rgba(255, 255, 255, 1);*/
	/*border: none;*/
	/*border-radius: 5px;*/
	/*-moz-box-shadow: none;*/
	/*-webkit-box-shadow: none;*/
	/*box-shadow: none;*/
}

#uimg-201 {
	position: absolute;
	left: 630px;
	top: 15px;
	width: 45px;
}

#uimg-202 {
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom: 245px;
	width: 150px;
}

#uimg_img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 45px;
	height: 45px;
}

#uimg_img_click {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;
}

#uimg_lightbox {
	bottom: 0;
}

.mobileMenuBtn, .mobileMenuBtn_shad, .header_menu {
	display: none;
}


/*测试用*/
@media screen and (min-width:321px) and (max-width:375px){body{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){body{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){body{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){body{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){body{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){body{font-size:23.5px}}
/*@media screen and (min-width:800px){body{font-size:25px}}*/


@media screen and (max-width: 800px) {
	body {
		width: 100%;
		min-width: 200px;
	}

	#floatPanel .ctrolPanel {
		display: none;
	}

	/*头部*/
	.ceiling-containers {
		padding-bottom: 0.01rem;
	}

	.ceiling-container {
		background: #09122b url(../../img/navbg.png) repeat 80% 100%;
	}

	.w1140 {
		width: 100%;
		position: relative;
	}

	.ceiling-container .logo {
		margin-right: 1.48rem;
		margin-top: 0.1rem;
	}

	.ceiling-container .logo .logo-text {
		margin-top: 0.06rem !important;
		width: 20% !important;
	}

	.ceiling-container .logo .logo-text-txt {
		margin-top: 0.3rem !important;
	}

	.ceiling-container .ceiling-nav {
		height: 0.4rem;
		padding: 0 0.16rem;

		display: none;
	}

	.ceiling-container .ceiling-nav li {
		height: 0.4rem;
		line-height: 0.4rem;
		font-size: 1.1em;
	}

	/*banner*/
	.carousel-indicators {
		bottom: 0.5rem;
	}

	#main-slider .carousel-indicators li {
		width: 0.2rem;
		height: 0.2rem;
		margin: 0 0.15rem 0 0;
		display: none;
	}

	#main-slider .carousel-indicators .active {
		width: 0.2rem;
		height: 0.2rem;
		margin: 0 0.15rem 0 0;
		display: none;
	}

	#main-slider .carousel .item {
		height: 7.30rem!important;
	}

	#main-slider .carousel .item .old-bg {
		/*top: 0.5rem!important;*/
		height: 7.30rem!important;
	}

	.page-bg {
		height: 7.3rem;
	}

	.bg-dot {
		height: 7.3rem;
	}

	.experienceBtn {
		left: 40% !important;
		bottom: 0.3rem !important;
		font-size: 1.2em;
		border-radius: 0.8rem;
		line-height: 0.2rem !important;
		height: 0.5rem;
		margin: 0.1rem auto;
		margin-bottom: 0.2rem;
		width: 1.6rem;
	}

	/*数据跳动*/
	.dataMap h2 {
		font-size: 2em;
		letter-spacing: 4px;
		padding: 0.5rem 0 0.3rem;
	}

	.dataMap p {
		font-size: 1.5em;
		line-height: 0.44rem;
	}

	.dataMap p:last-child {
		font-size: 2em;
		padding-top: 0.4rem;
	}

	.dataMap p >span {
		margin-right: 0.2rem;
		display: block;
		height: 1.2rem;
		line-height: 1.2rem;
	}

	.dataMap {
		height: 190px !important;
	}

	/*footer*/
	.wrapin {
		width: 100%;
	}
	/*footer*/

	/*product*/
	.tit-en {
		margin-top: 0.9rem !important;
		font-size: 2.5em;
	}

	.tit-zh {
		font-size: 1.5em;
	}

	.tit {
		margin-top: 0 !important;
	}

	.product-item-tit {
		font-size: 1.84em;
	}

	.product-item-tit-en {
		margin-top: 0.1rem;
		margin-bottom: 0.3rem;
		font-size: 1.1em;
	}

	.product-item-txt {
		font-size: 1.1em;
	}

	.more_btn {
		width: 1.86rem;
		height: 0.72rem;
		line-height: 0.72rem;
		border-radius: 0.4rem;
		font-size: 1.1em;
	}

	.hot_spot {
		width: 100%;
		min-width: 100%;
	}

	.experience_btn {
		width: 111px !important;
		left: 37% !important;
		bottom: 2% !important;
	}



	.ctaContainerBox, .ctaContainer, .ctaContainer1, .ctaContainer2, .ctaContainer3, .ctaContainer4, .ctaContainer5 {
		height: 300px;
	}

	.ctaContainer1 {
		z-index: 9005;
		background: url(../img/customer/1层.png) repeat-x;
		-webkit-background-size:1380px;
		-moz-background-size:1380px;
		background-size:1380px;

		-webkit-animation:slideAcross 45s linear infinite;
		-moz-animation:slideAcross 45s linear infinite;
		-o-animation:slideAcross 45s linear infinite;
		-ms-animation:slideAcross 45s linear infinite;
		animation:slideAcross 45s linear infinite;
	}

	.ctaContainer2 {
		z-index: 9004;
		background: url(../img/customer/2层.png) repeat-x;
		-webkit-background-size:1380px;
		-moz-background-size:1380px;
		background-size:1380px;

		-webkit-animation:slideAcross 55s linear infinite;
		-moz-animation:slideAcross 55s linear infinite;
		-o-animation:slideAcross 55s linear infinite;
		-ms-animation:slideAcross 55s linear infinite;
		animation:slideAcross 55s linear infinite;
	}

	.ctaContainer3 {
		z-index: 9003;
		background: url(../img/customer/3层.png) repeat-x;
		-webkit-background-size:1380px;
		-moz-background-size:1380px;
		background-size:1380px;

		-webkit-animation:slideAcross 65s linear infinite;
		-moz-animation:slideAcross 65s linear infinite;
		-o-animation:slideAcross 65s linear infinite;
		-ms-animation:slideAcross 65s linear infinite;
		animation:slideAcross 65s linear infinite;
	}

	.ctaContainer4 {
		z-index: 9002;
		background: url(../img/customer/4层.png) repeat-x;
		-webkit-background-size:1380px;
		-moz-background-size:1380px;
		background-size:1380px;

		-webkit-animation:slideAcross 75s linear infinite;
		-moz-animation:slideAcross 75s linear infinite;
		-o-animation:slideAcross 75s linear infinite;
		-ms-animation:slideAcross 75s linear infinite;
		animation:slideAcross 75s linear infinite;
	}

	.ctaContainer5 {
		z-index: 9001;
		background: url(../img/customer/5层.png) repeat-x;
		-webkit-background-size:1380px;
		-moz-background-size:1380px;
		background-size:1380px;

		-webkit-animation:slideAcross 85s linear infinite;
		-moz-animation:slideAcross 85s linear infinite;
		-o-animation:slideAcross 85s linear infinite;
		-ms-animation:slideAcross 85s linear infinite;
		animation:slideAcross 85s linear infinite;
	}



	@-moz-keyframes slideAcross {
		0% {
			background-position:0 0
		}
		to {
			background-position:-1380px 0
		}
	}

	@-webkit-keyframes slideAcross {
		0% {
			background-position:0 0
		}
		to {
			background-position:-1380px 0
		}
	}

	@-o-keyframes slideAcross {
		0% {
			background-position:0 0
		}
		to {
			background-position:-1380px 0
		}
	}

	@keyframes slideAcross {
		0% {
			background-position:0 0
		}
		to {
			background-position:-1380px 0
		}
	}

	.news-box-tit {
		font-size: 1.17em;
	}

	.news-item-tit {
		margin: 0.3rem 0 0.16rem;
		font-size: 1.33em;
	}

	.footer_box .link {
		margin-right: 0;
	}

	.footer-mobile {
		padding-left: 10%;
	}

	.footer-mobile-first {
		height: 200px;
		margin-bottom: 20px;
	}

	.dataMap p >span.mobile-hidden {
		display: none;
	}

	.mobile-tit{
		margin-bottom: 5px;
	}

	.product-item1 .product-item-img,
	.product-item2 .product-item-img,
	.product-item3 .product-item-img {
		background-size: 90%;
	}

	.product-item-img {
		width: 200px;
		height: 200px;
	}

	.product-item-bda, .product-item-bdm, .tit {
		margin-top: 20px;
	}

	.footer_box .link {
		width: 33%;
	}

	/*.copyright {*/
	/*height: 48px;*/
	/*line-height: 2;*/
	/*}*/

	/*.dibu_banquan3 {*/
	/*height: 48px;*/
	/*}*/

	/*.dibu_banquan3 {*/
	/*line-height: 2;*/
	/*}*/

	/*.mobile-menuBox {*/
	/*position: absolute;*/
	/*line-height: 4;*/
	/*right: 0px;*/
	/*top: 35px;*/
	/*padding-left: 15px;*/
	/*padding-right: 15px;*/
	/*background: rgba(0,0,0,.66);*/
	/*}*/

	.mobileMenuBtn, .mobileMenuBtn_shad, .header_menu {
		display: block;
	}

	.mobileMenuBtn_shad {
		width: 100%;
		height: 0;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		background: rgba(41, 41, 41, 0.7);
		transition: 0.3s all;
		-webkit-transition: 0.3s all;
	}

	.header_menu {
		width: 200px;
		background: rgba(0, 0, 0, .8);
		position: fixed;
		height: 100%;
		overflow: auto;
		top: 0;
		right: -200px;
		transition: 0.6s all;
		-webkit-transition: 0.6s all;
	}

	.mobileMenuBtn {
		position: fixed;
		right: 20px;
		top: 18px;
		width: 28px;
		text-align: center;
		cursor: pointer;
		z-index: 100;
		display: none;
		transition: 0.4s all;
		-webkit-transition: 0.4s all;
	}

	.mobileMenuBtn {
		display: block;
	}

	.mobileMenuBtn span {
		display: block;
		width: 100%;
		height: 2px;
		background: #fff;
		margin-bottom: 8px;
		transition: 0.3s all;
		-webkit-transition: 0.3s all;
	}

	.mobileMenuBtn span:first-child, .mobileMenuBtn span:last-child {
		transform-origin: 100% 50%;
		-webkit-transform-origin: 100% 50%;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}

	.mobileMenuBtn span:nth-child(2) {
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	.mobileMenuBtn span:last-child {
		margin: 0;
	}

	.mobileMenuBtn.active {
		right: 220px;
	}

	.mobileMenuBtn.active span:first-child {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	.mobileMenuBtn.active span:nth-child(2) {
		transform: translateX(80px);
		-webkit-transform: translateX(80px);
		opacity: 0;
	}

	.mobileMenuBtn.active span:last-child {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.mobileMenuBtn_shad.active {
		height: 100%;
	}

	.header_menu.active {
		right: 0;
	}

	.header_menu ul {
		text-align: center;
	}

	.header_menu ul li a {
		display: block;
		padding: 0 25px;
		color: #fff;
		border-top: solid 2px rgba(0, 0, 0, 0);
		opacity: 0.7;
		filter: alpha(opacity=70);
	}

	.header_menu ul li a {
		padding: 0;
		border: none;
		border-bottom: solid 1px #292929;
		line-height: normal;
		padding: 12px 0;
		font-size: 14px;
	}

	.header_menu ul li.active a:hover, .header_menu ul li.active a, .header_menu ul li.active a:focus {
		border: none;
		border-bottom: solid 1px #333;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.header_menu ul li {
		display: block;
	}

	.dataMap p:last-child > span:first-child span {
		font-size: 40px;
	}

	.dataMap p:last-child sup {
		font-size: 16px;
	}

	.dataMap h2 {
		color: #656577;
	}

	.dataMap p {
		color: #656577;
	}

	.map_box {
		height: 300px;
	}

	.dataMap p:last-child sup {
		top: -.5em;
	}
}