@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;} 
fieldset,img {border:0 none;}  
dl,ul,ol,menu,li {list-style:none;}   
input,select,textarea,button {vertical-align:middle;border:none;outline:none;} 
input:focus,select:focus,textarea:focus,button:focus {border:none;outline:none;background-image: none;} 
button {border:0 none;background-color:transparent;cursor:pointer} 
body,th,td,input,select,textarea,button {font-size:12px;font-family:"微软雅黑","宋体";color:#444;}
a {color:#444;text-decoration:none;}  
a:active, a:hover {text-decoration:none; color:#2084f4;cursor: pointer;}  
a:hover {color:#2084f4;}  
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0 auto;} 
img{vertical-align:middle;} 
iframe{border: none;width: 100%;height: 100%;box-sizing: border-box;}
.clear {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    background: none;
    border: 0;
    font-size: 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.clearfix {
    zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right
}

img {
    border: 0;
    /*max-width: 100%;
    height: auto;*/
    vertical-align: middle;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

.fr{ float:right;}
.fl{ float:left;}
.djs_span10{clear:both; height:10px;}
.djs_span20{clear:both; height:20px;}
.ml5 {margin-left: 5px;}

.layout {
 clear:both;
 width:1200px;
 text-align:left;
 margin:0 auto
}
html.fsvs.demo #fsvs-body > .slide.nth-class-1{ background:url(../images/bg.jpg) repeat-x !important;}
.wrapper{ width:1200px; margin:0 auto; }

.pr{ position:relative;}
.sy_icon{ position:absolute; bottom:100px;}
.sy_icon li{ float:left; width:267px;  padding:35px 0; background:#fff;  border-radius:10px; margin-right:44px; text-align:center;}

.pr{ position:relative;}
.sy_icon li{ float:left; width:236px; height: 196px;  padding:60px 0; background:url(../images/sy_list_bg.png) no-repeat; margin-right:5px; text-align:center; }

.sy_icon li span{ display:block; font-size:20px; color:#333; margin-top:12px;}

.km_list01 i{ display:block; width:92px; height:92px; margin:0 auto; background:url(../images/sy_icon_hover_01.png) no-repeat 0 0 #fff; }
.km_list02 i{ display:block; width:92px; height:92px; margin:0 auto; background:url(../images/sy_icon_hover_02.png) no-repeat 0 0 #fff;}
.km_list03 i{ display:block; width:92px; height:92px; margin:0 auto; background:url(../images/sy_icon_hover_03.png) no-repeat 0 0 #fff;}
.km_list04 i{ display:block; width:92px; height:92px; margin:0 auto; background:url(../images/sy_icon_hover_04.png) no-repeat 0 0 #fff;}
.km_list05 i{ display:block; width:92px; height:92px; margin:0 auto; background:url(../images/sy_icon_hover_05.png) no-repeat 0 0 #fff;}
.sy_icon li i{ background-size: 95%; -webkit-transform: scale(1);transform: scale(1);-webkit-backface-visibility: hidden;transition: all ease-out 300ms;}
.sy_icon li:hover i{  -webkit-transform: scale(.95);transform: scale(.95);-webkit-backface-visibility: hidden;transition: all ease-out 300ms;}
.km_list01:hover i{   background:url(../images/sy_icon_01.png) no-repeat 0 0 #fff; }
.km_list02:hover i{ background:url(../images/sy_icon_02.png) no-repeat 0 0 #fff;}
.km_list03:hover i{  background:url(../images/sy_icon_03.png) no-repeat 0 0 #fff;}
.km_list04:hover i{  background:url(../images/sy_icon_04.png) no-repeat 0 0 #fff;}
.km_list05:hover i{  background:url(../images/sy_icon_05.png) no-repeat 0 0 #fff;}

.s2_img01{ position:absolute; margin:81px 0 0 360px;}

.main_cnt ul{
    position: relative;
    height:550px;
    overflow: hidden;
	margin-top:300px;
}
.main_cnt ul li{
    width:380px;
	height:110px;
    padding:10px 2%;
    position: absolute;
    font-size:20px;
    transition: all 1s;
	font-family:"微软雅黑";
}
.main_cnt ul li.li01{
    width: 280px;
    left:-3%;
    top: 0%;

}
.main_cnt ul li.li01,.main_cnt ul li.li02,.main_cnt ul li.li03{ text-align:right; padding-right:125px; background:url(../images/s2_icon_01.png) no-repeat right 0; }
.main_cnt ul li.li02{  position: absolute; top: 35%;left: -33%;background:url(../images/s2_icon_02.png) no-repeat right 0;}
.main_cnt ul li.li03{  position: absolute; top: 70%;left: -25%;background:url(../images/s2_icon_03.png) no-repeat right 0;}

.main_cnt ul li.li04,.main_cnt ul li.li05,.main_cnt ul li.li06{ text-align:left; padding-left:125px; background:url(../images/s2_icon_04.png) no-repeat left 0;}
.main_cnt ul li.li04{  position: absolute; top: 0%;right: -39%;background:url(../images/s2_icon_04.png) no-repeat left 0;}
.main_cnt ul li.li05{  position: absolute; top: 32%;right: -53%;background:url(../images/s2_icon_05.png) no-repeat left 0;}
.main_cnt ul li.li06{  position: absolute; top: 62%;right: -39%;background:url(../images/s2_icon_06.png) no-repeat left 0;}
.left3 { position: absolute; left: -200%; top:0px;  width: 602px; height: 544px; }
.right3{ position: absolute; left: 200%; width: 519px; height: 630px; }
.section4 .right4{ top:0%;}


/*tanchuang*/


.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000; }

.sweet-alert {
  background-color: white;
  font-family:'Microsoft Yahei';
  width: 578px;
  padding:60px 20px;
  border-radius: 10px;
  text-align: center;
  position: fixed;
  left: 48%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  z-index: 2000;
  
  min-height:250px; }

.sweet-alert p{ text-align:center; font-size:28px; color:#444; }
.sweet-alert p span{ display:block; margin:30px 0;}
.tc_btn a{ border: none;
padding: 0.6em 1.4em;
background: #59ccb2;
color: #fff;
font-family: 'Lato', Calibri, Arial, sans-serif;
font-size:14px;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
margin: 3px 2px;
border-radius: 2px;}
.sweet-alert i{ display:block; width:22px; height:22px; background:url(../images/close.png) no-repeat 0 0; position:absolute; right:20px; top:15px;}
.tc_btn a:hover {
	background: #33b698;
}
.kemu{ margin-bottom:30px;}
.kemu a{ float:left; height:36px; line-height:36px; padding:0 50px; margin:5px 10px; font-size:16px; border-radius:22px; border:1px solid #59ccb2; color:#33b698;}
.kemu a:hover{ background:#33b698; color:#fff; border:1px solid #33b698;}
.kemu a.current{background:#33b698;color:#fff}
.kemu_tc{min-width: 678px; left:43%;}
/*lunhuan*/
	.slide{
		width: 100%;
		min-height: 180px;
		overflow: hidden;
		position: relative;

	}
	.slide .img{
		overflow: hidden;
		position: absolute;
		transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
	}
	.slide .img img{
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		margin: 7px;
	}
	.slide .img1{
		width: 40%;
		height: 40%;
		top: 30%;
		left: -50%;
		z-index: 1;
	}
	.slide .img2{
		width: 60%;
		height: 60%;
		top: 20%;
		left: -20%;
		z-index: 2;
	}
	.slide .img3{
		top: 10%;
		left: 10%;
		z-index: 3;
	}
	.slide .img4{
		width: 60%;
		height: 60%;
		top: 20%;
		left: 60%;
		z-index: 2;
	}
	.slide .img5{
		width: 40%;
		height: 40%;
		top: 30%;
		left: 110%;
		z-index: 1;
	}
	.slide-bt{
		position: absolute;
		left: 50%;
		bottom: 2%;
		z-index: 10;
	}
	.slide-bt span{
		width: 24px;
		height: 8px;
		background: #c9caca;
		float: left;
		margin: 5px;
		border-radius: 4px;
	}
	.slide .slide-bt .on{
		background: #ffd200;
	}

.app{ background:url(../images/iphone_img.png) no-repeat; height:630px;  width:555px; margin:170px auto; padding-left:390px; padding-top:110px;}


.app h2{ margin-bottom:20px; font-size:48px; font-weight:bold; color:#fff; }
.app ul li{ font-size:18px; line-height:38px; height:38px; color:#fff; padding-left:50px; background:url(../images/s4_icon.png) no-repeat 0 center; }
.app dl dt{ float:left; width:154px; }
.app dl dd{ float:left; width:200px; margin-left:20px; }
.app dl dd a{ width:258px; height:64px; font-size:18px; line-height:64px; display:block; border-radius:5px; border:1px solid #fff; color:#fff; text-align:center; margin:5px 0 10px 0; }
.app dl{ margin-top:30px;}

.app dl dd a:hover{background-color:rgba(255,255,255,0.3);}

.next_btn{ width:82px; height:82px; background:url(../images/s3_jt.png) no-repeat 0 0; font-size:0px;position: absolute;
left: -120px;
top: 175px;}
.last_btn{width:82px; height:82px; background:url(../images/s3_jt.png) no-repeat 0 -202px; font-size:0px;position: absolute;
right: -120px;
top: 175px;}