@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;
font-family:"Microsoft Yahei"}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a{
	text-decoration:none;
	}
	
.app_banner{
	width:100%;
	height:830px;
	background-image:url(APP-banner.jpg);
	background-size:cover;
	margin-top:15px;}
.app_banner h2{
	padding-top:290px;
	text-align:center;
	color:#FFF;
	font-size:40px;}
.app_sousuo{
	width: 1140px;
    height: 195px;
    box-shadow: 8px 8px 10px 1px rgba(52,52,52,.23);
    margin: 0 auto;
    padding-top: 38px;
    position: relative;
    top: -660px;
    background-color: #fff;
    border-radius: 4px;
    z-index: 10;}		
.app_sousuo h2{
	font-size: 22px;
	text-align: center;
    line-height: 20px;
    margin-bottom: 18px;
    font-family: PingFangSC-Regular,sans-serif;
    color: #333;
    font-weight: 700;
	padding-top: 11px;}
.app_sousuo .textarea	{
	display:none;
	}
.app_sousuo span{
	display:block;
	overflow:auto;
	width:150px;
	height:40px;
	margin:0 auto;
	background:url(APP-icon01.png) no-repeat left center;
	line-height:40px;
	padding-left:30px;} 	
.app_jianjie{
	width:100%;
	height:450px;
	background:#FFF;}	
.app_jianjie1{
	width:1000px;
	height:420px;
	color:#6b6b6b;
	margin:0 auto;
	background:url(APP-back02.png) no-repeat top left;
	display: block;
    overflow: hidden;
	padding-left:140px;}	
.app_jianjie1 h2{
	font-size: 24px;
    color: #333;
    line-height: 80px;
    font-weight: 700;
    font-family: PingFangSC-Regular,sans-serif;
	display:block;
	overflow:auto;
	margin-top:88px;}
.app_xian{
	width:30px;
	height:2px;
	background:#746ea6;}
.app_jianjie1 span{
	line-height: 32px;
    margin-top: 17px;
    display: block;}
.app_tb{
	width:880px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	padding-top: 40px;
	padding-left:15px;
	margin-top: -370px;}
.app-tb1{
	width: 172px;
    height: 216px;
    margin-right: 32px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    background: #fff;
    border-radius: 6px;
    float: left;
    transform: translate(0);
    transition: all .3s;}
.app-tb1:hover{
	    transform: translateY(-20px);}	
.app-tb1:hover .app-tb1c{
	width:140px;}		
.app-tb1a{
	    width: 172px;
    margin-top: 20px;
    height: 140px;
	background:url(APP-icon04.png) 50% no-repeat;}
.app-tb1a1{
	    width: 172px;
    margin-top: 20px;
    height: 140px;
	background: url(APP-icon05.png) 50% no-repeat;}	
.app-tb1a2{
	    width: 172px;
    margin-top: 20px;
    height: 140px;
	background: url(APP-icon02.png) 50% no-repeat;}
.app-tb1a3{
	    width: 172px;
    margin-top: 20px;
    height: 140px;
	background: url(APP-icon03.png) 50% no-repeat;}			
.app-tb1b{
	font-size: 16px;
    color: #7671a7;
    line-height: 16px;
    margin-bottom: 8px;
    margin-left: 16px;
    font-weight: 700;
    font-family: PingFangSC-Regular,sans-serif;
    transform: translate(0);
    transition: all .3s;}	
.app-tb1c{
	width: 30px;
    height: 1px;
    background: #7671a7;
    margin-left: 16px;
    transition: all .5s;}	
.app_tuu{
	width:1140px;
	height:150px;
	margin:0 auto;
	background:url(app-tuu.jpg) top no-repeat;
	padding-top: 88px;
	margin-top: 50px;}
.app_tuu .name{
	color: #343434;
	font-size:12px;
	margin-right: 32px;
    margin-left: 55px;
	}
.app_anli{
	width:100%;
	height:777px;
	background-image:url(APP-banner1.jpg);
	background-size:cover;
	margin-top:-55px;}	
.app_anli h2{
	font-size: 24px;
    color: #fff;
    text-align: center;
    font-family: PingFangSC-Regular,sans-serif;
    font-weight: 700;
	display:block;
	padding-top:60px;
	}	
.app_anli1 {
	width:1140px;
	height:740px;
	margin:0 auto;
	background:url(app-back04.png) no-repeat center;
	position:relative;}	
.app_anli2{
	width:100px;
	text-align:center;
	transition: all .3s;
	}
.app_anli2:hover .iconfont{
	color:#bfec17;}
.app_anli2:hover{
	transform: translateZ(0) scale(1.1);
    backface-visibility: hidden;
	}			
.app_p{
	font-size:13px;
	color:#FFF;}	
.app_anli2:hover .app_p{
	color:#bfec17;
	}	
.app_anli1 .iconfont{
	color:#FFF;
	font-size:40px;}	
.app_anli1 a{
	text-decoration:none;}	
.app_anli3{
	position:absolute;
	top: 117px;
    left: 350px;}	
.app_anli4{
	position:absolute;
	top: 128px;
    left: 518px;}	
.app_anli5{
	position:absolute;
	top: 128px;
    left: 710px;}
.app_anli6{
	position:absolute;
	top: 224px;
    left: 191px;}	
.app_anli7{
	position:absolute;
	top: 224px;
    left: 846px;}	
.app_anli8{
	position:absolute;
	top: 283px;
    left: 295px;}
.app_anli9{
	position:absolute;
	top: 283px;
    left: 755px;}	
.app_anli10{
	position:absolute;
	top: 411px;
    left: 191px;}
.app_anli11{
	position:absolute;
	top: 411px;
    left: 846px;}	
.app_anli12{
	position:absolute;
	top: 538px;
    left: 291px;}	
.app_anli13{
	position:absolute;
	top: 538px;
    left: 753px;}	
.app_anli14{
	position:absolute;
	top: 585px;
    left: 191px;}						
.app_anli15{
	position:absolute;
	top: 585px;
    left: 843px;}
						
.swiper-container {
        width: 220px;
        height: 300px;
        margin: 10px auto;
		margin-top:-310px;
		
    }
    .swiper-slide {
        text-align: center;
       
        background: #fff;
		font-size:12px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        padding-top: 20px;
		line-height:25px;
    }
.app_zy{
	width:100%;
	padding-top:85px;
	background:#FFF;
	padding-bottom:55px;
	}	
.app_zy h2{
	font-size: 24px;
    color: #37363f;
    line-height: 24px;
    text-align: center;
    font-family: PingFangSC-Regular,sans-serif;
    font-weight: 700;}
.app_zy .app_xian1{
	width: 20px;
    height: 1px;
    background: #746ea6;
    margin: 30px auto 20px;
	}
.app_zy p{
		font-size: 16px;
    color: #575757;
    line-height: 16px;
 
    text-align: center;
	line-height:30px;
		}	
.app_zya{
	position: relative;
	display: block;
    overflow: hidden;
	}	
.app_zyb{
	width:100%;
	display:block;}	
.app_a{
	    width: 100%;
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	}
.eitem {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
   
}	
.app_zya .eitem {
    width: 20.00%;
}
.eitem.eitem1 .eiback {
   -webkit-transform: skew(-8.5deg,0);position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.59);
}
.app_zya .eitem:hover .eiback {
    background: rgba(116,110,166,.82);
    transition: all .5s;
}
.app_zong{
	width:100%;
	position:absolute;
	z-index:999;
	text-align:center;
	color:#FFF;
	top:190px;
	transition: all .3s;}
.eitem.eitem1 .app_zong_tu{
	width:65px;
	height:65px;
	margin:0 auto;
	background:url(app-icon40.png)  no-repeat center;
	}
.app_zong_bt{
	font-size:25px;
	margin-top:20px;
	font-weight: bold;
	margin-bottom:20px;
	
	}
.app_zong_bt2{
		opacity:0;}
.app_zong_bt2 h2{
	font-size:20px;}
.app_zong_bt2 p{
	font-size:14px;
	}
.app_zya .eitem:hover .app_zong{
	top:140px;}	
.app_zya .eitem:hover  .app_zong_bt2{
	opacity:1;}	

.eitem.eitem2 {
    left: 20.03%;
    width: 20.27%;
}
.eitem.eitem2 .eiback {
   -webkit-transform: skew(-8.5deg,0);position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.59);
}
.eitem.eitem2 .app_zong_tu{
	width:65px;
	height:65px;
	margin:0 auto;
	background:url(app-icon37.png)  no-repeat center;
	}

.eitem.eitem3 {
   left: 40.3%;
    width: 21.5%;
}
.eitem.eitem3 .eiback {
   -webkit-transform: skew(-8.5deg,0);position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.59);
}
.eitem.eitem3 .app_zong_tu{
	width:65px;
	height:65px;
	margin:0 auto;
	background:url(app-icon42.png)  no-repeat center;
	}		

.eitem.eitem4 {
   left: 61.79%;
    width: 20.06%;
}
.eitem.eitem4 .eiback {
   -webkit-transform: skew(-8.5deg,0);position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.59);
}
.eitem.eitem4 .app_zong_tu{
	width:65px;
	height:65px;
	margin:0 auto;
	background:url(app-icon38.png)  no-repeat center;
	}	

.eitem.eitem5 {
   left: 81.8%;
    width: 18.2%;
}
.eitem.eitem5 .eiback {
   -webkit-transform: skew(-8.5deg,0);position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.59);
}
.eitem.eitem5 .app_zong_tu{
	width:65px;
	height:65px;
	margin:0 auto;
	background:url(app-icon41.png)  no-repeat center;
	}
.app_ys0{
	width:100%;
	display:block;
	overflow:hidden;
	background:#FFF;}	
.app_ys{
	width:1440px;
	height:743px;
	margin:0 auto;
	background:url(app-back11.jpg) no-repeat center;
	position:relative;}	
.app_ys1{
	width:250px;
	height:230px;
	position:absolute;
	left: 244px;
    top: 310px;
	background:url(app-icon43.png) top center no-repeat;
	}
.app_ys1 h2{
	font-size: 24px;
    color: #37363f;
    line-height: 24px;
    font-family: PingFangSC-Regular,sans-serif;
    font-weight: 700;
	text-align:center;
	padding-top: 84px;
    padding-bottom: 16px;
	} 
.app_xian2{
	width: 20px;
    height: 1px;
    background: #746ea6;
	margin:0 auto;
	}
.app_ys1 p{
	font-size: 16px;
    color: #746ea6;
    line-height: 16px;
	text-align:center;
        padding-top: 17px;
	}
	
.app_ys2{
	position:absolute;
	height:200px;
	top: 120px;
    left: 764px;
	}
.app_ys3{
	position:absolute;	
	height:200px;
	top: 283px;
    left: 847px;
	}
.app_ys4{
	position:absolute;	
	height:200px;
	top: 434px;
    left: 844px;
	}
.app_ys5{
	position:absolute;	
	height:200px;
	    top: 585px;
    left: 757px;
	}			
.app_ysz{
	float:left;
	font-size: 14px;
    color: #999;
	padding-left:30px;}	
.app_ysz h2{
	font-weight: 400;
    font-size: 20px;
    color: #7670a7;
    line-height: 12px;
    margin-bottom: 15px;
	}	
.app_dian {
	float:left;}
.app_dian1{
	width:14px;
	height:14px;
	background:#7670a7;
	border-radius:50%;}	
.app_dian2{
	width:14px;
	height:14px;
	background: rgba(112,97,234,0.3);
	border-radius:50%;
	margin-top:-14px;}			

@keyframes myfirst
{
    from {
	transform:scale(1,1);}
    to {transform:scale(1.5,1.5);}
}
.app_dian2
{
  animation: myfirst 2s;
   -webkit-animation: myfirst 2s linear 2s infinite;
}

.app_ss{
	width:100%;
	height:440px;
	background-image:url(app-back09.png);
	background-size:cover;} 
.app_ss h2{
	font-size: 24px;
    color: #37363f;
    line-height: 85px;
    font-family: PingFangSC-Regular,sans-serif;
    font-weight: 700;
	text-align:center;
	}
.app_ss span{
	display: block;
    overflow: auto;
    width: 131px;
    height: 40px;
    margin: 0 auto;
    background: url(APP-icon01.png) no-repeat left center;
    line-height: 40px;
    padding-left: 30px;
	margin-top: 11px;
	}
.app_ss1 .textarea	{
	display:none;
	}
.app_ss1{
	width:1140px;
	background:#FFF;
	height:85px;
	border-radius:10px;
	margin:0 auto;
	margin-top:45px;
	padding-top:45px;
	padding-left:25px;}
.app_ss1 .input{
	height:30px;
	box-shadow: inset 0 2px 5px 0 hsla(0,0%,41%,.25);
	border:1px solid #CCC;
	border-radius: 5px;
    padding-left: 5px;
    font-size: 12px;
    width: 300px;}	
.app_ss1 .button{
	width: 124px;
    height: 32px;
    background-color: #746ea6;
    transition: all .15s linear;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    /* margin: -1px 0 0 -1px; */
    border: 0;
	}	

.app_ss2{
	margin-left:20px;
	    margin-top: 35px;
    margin-bottom: 19px;}
.app_ss2 .input{
	height:30px;
	box-shadow: inset 0 2px 5px 0 hsla(0,0%,41%,.25);
	border:1px solid #CCC;
	border-radius: 5px;
    padding-left: 5px;
    font-size: 12px;
    width: 300px;}	
.app_ss2 .button{
	width: 124px;
    height: 32px;
    background-color: #746ea6;
    transition: all .15s linear;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    /* margin: -1px 0 0 -1px; */
    border: 0;
	}