@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body,html{ -webkit-text-size-adjust:none;position: relative;height: 100%; line-height:1.5em;}
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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
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%}
body{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-size:20px; color:#666; line-height:30px; background-color:#f2f2f2;}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:hover{text-decoration:none;}
img{ display:block;}
a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */}
html, body { -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */ user-select: none;}
.clern{ clear:both}

.swiper-container {width:640px; height:100%; margin:0 auto;}
.container{ width:640px; margin:0 auto; font-size:20px;line-height:1.5em;}
.content{ width:100%; height: 100%;  background-color:#2e2f2f; position:relative;}
.arrow{position:absolute;z-index: 999; -webkit-animation: start 1.5s infinite ease-in-out; left:50%; margin-left:-12px; bottom:30px; width:24px; height:28px; background:url(../images/SSL-7.png) no-repeat;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-10px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,-8px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,10px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,-8px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,10px);}
}

.page1{ background: url(../images/ssl-1.jpg) top center no-repeat #3134c2; }
.page1 h1{ padding:40px 0 20px 45px;}
.page1 h1 a{ display:block; width:167px; height:51px; background:url(../images/logo.png) no-repeat}
.page1-list{ margin-top:50px; width:510px; margin-left:130px;}
.page1-list li{ width:100%; margin-bottom:30px;}
.page1-list li span{ display:inline-block; width:46px; height:46px; text-align:center; line-height:46px; background-color:#fff; color:#2547c9; border-radius:50%; font-size:30px;}
.page1-list li p{ display:inline-block; padding-left:15px; color:#fff; font-size:28px; line-height:46px;}
.page1-list li .line{ width:517px; margin-left:23px; height:1px; background-color:#fff;}
.page2{ background: url(../images/ssl-2.jpg) top center no-repeat #c816aa; }
.page2-tit{ padding:80px 0 50px 0}
.page2-tit .p-o{ display:inline-block; padding:0 60px 0 20px; border-radius: 0 50px 50px 0; font-size:48px; color:#c018b9; line-height:78px; background-color:#fff100; margin-bottom:5px;}
.page2-tit .p-t{ display:inline-block; padding:0 50px; border-radius:40px; font-size:28px; color:#c018b9; line-height:50px; background-color:#fff; margin-left:126px;}
.page2-con{ margin:0 75px;}
.page2-con li{ color:#fff; font-size:28px; line-height:48px; margin-bottom:40px;}
.page2-con li.li-o{ padding-top:80px; background:url(../images/SSL-8.png) no-repeat left top;}
.page2-con li.li-t{ padding-top:80px; background:url(../images/SSL-9.png) no-repeat right top; text-align:right}
.page2-con li.li-s{ padding-left:136px; background:url(../images/SSL-10.png) no-repeat left center;}
.page2-con li.li-f{ padding-right:100px; background:url(../images/SSL-11.png) no-repeat right center; text-align:right}
.page3{ background: url(../images/ssl-3.jpg) top center no-repeat #ec7500; }
.page3-con { position:absolute; left:0; top:50%; margin-top:-215px; width:100%}
.page3-con .tex{ text-align:center; color:#fff; margin:30px 0}
.page3-con .tex h4{ font-size:106px; line-height:100px; padding-bottom:30px; font-weight:bold}
.page3-con .tex p{ font-size:42px;}
.page3-con .tex p span{ display:block; font-size:28px; color:#fff100; padding-top:20px;}
.page3-con .border{ width:170px; border:5px solid #fff; height:80px; border-bottom:0; margin:0 auto;}
.page4{ background: url(../images/ssl-4.jpg) top center no-repeat #6fbf28; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.page4.two{ background: url(../images/ssl-5.jpg) top center no-repeat #6fbf28;}
.page4-tit{ color:#fff; margin-left:-80px;}
.page4-tit span{ font-size:400px; display:inline-block; line-height:400px;}
.page4-tit p{ line-height:60px; font-size:30px; display:inline-block; vertical-align:105px;}
.page4-tit b{ display:block; font-size:60px;}
.swiper-container-v{ width:100%;}
.swiper-container-v li{ margin-bottom:35px;}
.swiper-container-v li span{ display:block; width:71px; height:71px; background:url(../images/SSL-spri.png) no-repeat; background-position:0 -355px; float:left; margin-left:80px;}
.swiper-container-v li.li-t span{ background-position:0 -497px;}
.swiper-container-v li.li-s span{ background-position:0 -71px;}
.swiper-container-v li.li-f span{ background-position:0 -213px;}
.swiper-container-v li.li-w span{ background-position:0 -284px;}
.swiper-container-v li.li-l span{ background-position:0 -426px;}
.swiper-container-v li.li-q span{ background-position:0 0;}
.swiper-container-v li.li-b span{ background-position:0 -142px;}
.swiper-container-v li p{ color:#fff; font-size:28px; line-height:36px; margin-left:20px; float:left;}
.swiper-container-v li.li-o p,.swiper-container-v li.li-t p{ line-height:72px;}
.swiper-container-v li.li-q span,.swiper-container-v li.li-b span{ margin-top:20px;}
.swiper-container-v{ height:auto}
.swiper-container-v .fy{ width:168px; margin:0 auto;}
.swiper-container-v .swiper-pagination{ position:inherit; float:left; margin:0 12px;}
.swiper-container-v .swiper-pagination-bullet{ width:13px; height:13px; background-color:#fff; margin:0 8px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
.swiper-container-v .swiper-pagination-bullet-active{ width:45px; height:8px; background-color:#fff100; border-radius:8px; vertical-align:1px;}
.swiper-button-next, .swiper-button-prev{ position:inherit; top:inherit; left:inherit; right:inherit; background:url(../images/arrow.png) no-repeat; float:left; margin-top:-15px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0;}
.swiper-button-next{ background-position:right center;}
.swiper-button-prev{ background-position:left center;}
.page5{ background: url(../images/ssl-6.jpg) top center no-repeat #ff7210; }
.page5-tit{ text-align:center; color:#fff; padding-top:70px;}
.page5-tit h4{ font-size:54px; line-height:54px;}
.page5-tit p{ font-size:26px; line-height:36px; padding:20px 0}
.page5-tit img{ display:inline-block;}
.page5-con{ padding-top:60px; margin:0 70px;}
.page5-con li{ border-bottom:1px dashed #fff; padding-bottom:20px; margin-bottom:30px;}
.page5-con li h5{ color:#fff100; font-size:28px; line-height:28px; padding-bottom:15px;}
.page5-con li h5 span{ display:inline-block; width:15px; height:28px; background-color:#fff100; border-radius:15px; vertical-align:-3px; margin-right:15px;}
.page5-con li p{ font-size:28px; color:#fff; line-height:38px;}
.page5-con-btn a{ display:block; height:80px; line-height:80px; text-align:center; background-color:#fff100; color:#ff7a13; font-size:36px; border-radius:40px; box-shadow: 0 5px 0 rgba(199,87,0,.7);}
.page5-con-btn p{ text-align:center; font-size:28px; color:#fff; padding-top:20px;}
.page5 .bottom-tit{ text-align:center; position:absolute; left:0; bottom:40px; width:100%; color:#fff; font-size:24px; letter-spacing:10px;}

.swiper-slide-active .fade-left{-webkit-animation: start1 800ms ease 100ms both; -moz-animation: start1 800ms ease 100ms both; animation: start1 800ms ease 100ms both; position:relative;}
.swiper-slide-active .fade-right{-webkit-animation: start2 800ms ease 500ms both; -moz-animation: start2 800ms ease 500ms both; animation: start2 800ms ease 500ms both; position:relative;}
.swiper-slide-active .fade-scale{-webkit-animation: start3 1000ms ease 200ms both; -moz-animation: start3 1000ms ease 200ms both; animation: start3 1000ms ease 200ms both;}

@-webkit-keyframes start1 {
	0% {opacity: 0; left:-50%}
	100% {opacity: 1; left:0;}
}
@-moz-keyframes start1 {
	0% {opacity: 0; left:-50%}
	100% {opacity: 1; left:0;}
}
@keyframes start2{
	0% {opacity: 0; left:-50%}
	100% {opacity: 1; left:0;}
}

@-webkit-keyframes start2 {
	0% {opacity: 0; right:-50%}
	100% {opacity: 1; right:0;}
}
@-moz-keyframes start2 {
	0% {opacity: 0; right:-50%}
	100% {opacity: 1; right:0;}
}
@keyframes start2{
	0% {opacity: 0; right:-50%}
	100% {opacity: 1; right:0;}
}

@-webkit-keyframes start3 {
	0% {opacity: 0; -webkit-transform:scale(0)}
	80% {opacity: 1; -webkit-transform:scale(1.2)}
	100% {opacity: 1; -webkit-transform:scale(1)}
}
@-moz-keyframes start3 {
	0% {opacity: 0; -webkit-transform:scale(0)}
	80% {opacity: 1; -webkit-transform:scale(1.2)}
	100% {opacity: 1; -webkit-transform:scale(1)}
}
@keyframes start3{
	0% {opacity: 0; -webkit-transform:scale(0)}
	80% {opacity: 1; -webkit-transform:scale(1.2)}
	100% {opacity: 1; -webkit-transform:scale(1);}
}