@charset "utf-8";
/* CSS Document */
@import url("/images/jquery.bxslider.css");
@import url("/images/jquery.fullPage.css");

html {
	height: 100%;
}
body {
	min-height: 100%; _height: 100%; line-height: 1.5;
}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure {
	margin: 0px; padding: 0px;
}
li {
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%; font-weight: normal;
}
iframe, frame, fieldset, img {
	border: 0px currentColor; border-image: none;
}
img {
	vertical-align: top;
}
input[type=button] {
	cursor: pointer;
}
input[type=submit] {
	cursor: pointer;
}
input[type=reset] {
	cursor: pointer;
}
button {
	cursor: pointer;
}
input, textarea, button{
	-webkit-appearance: none; -webkit-border-radius: 0;
}
input[type=radio] {
	-webkit-appearance: radio; -webkit-border-radius: 100%;
}
input[type=checkbox] {
	-webkit-appearance: checkbox;
}
input[type=search] {
	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box;
}
textarea {
	overflow: auto; resize: none;
}
blockquote {
	quotes: none;
}
q {
	quotes: none;
}
blockquote::before {
	content: none;
}
blockquote::after {
	content: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
caption {
	text-align: left;
}
th {
	text-align: left;
}
th, em, cite, address, i {
	font-weight: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
body, input, select, button, textarea {
	color: rgb(0, 0, 0); font-family: arial,"Microsoft Yahei","����"; font-size: 12px;
}
a:link {
	color:#333; text-decoration: none;
}
a:visited {
	color:#333; text-decoration: none;
}
a:active {
	color:#333; text-decoration: none;
}
a {
	color:#333; text-decoration: none;
}
a:hover {
	color:#666;
}
a {
}
a * {
}
:focus {
}
input:-ms-input-placeholder {
	opacity: 0.5;
}
textarea:-ms-input-placeholder {
	opacity: 0.5;
}
.fixed::before {
	display: table; content: "";
}
.clearfix::before {
	display: table; content: "";
}
.cf::before {
	display: table; content: "";
}
body::before {
	display: table; content: "";
}
.header::before {
	display: table; content: "";
}
.main::before {
	display: table; content: "";
}
.footer::before {
	display: table; content: "";
}
.fixed::after {
	clear: both; display: table; content: "";
}
.clearfix::after {
	clear: both; display: table; content: "";
}
.cf::after {
	clear: both; display: table; content: "";
}
after {
	clear: both; display: table; content: "";
}
.header::after {
	clear: both; display: table; content: "";
}
.main::after {
	clear: both; display: table; content: "";
}
.footer::after {
	clear: both; display: table; content: "";
}


/*********** 页面加载 开始 */
.loading-shutter {
	transition:transform 0.5s, transform 0.5s; left: 0px; width: 100%; height: 50%; position: fixed; z-index: 2147483647; background-color: rgb(255, 255, 255); -webkit-transition: -webkit-transform 0.5s ease;
}
.loading-shutter-top {
	transform-origin: 50% top; top: 0px; opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -webkit-transform-origin: top;
}
.loading-shutter-bottom {
	transform-origin: 50% bottom; bottom: 0px; opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -webkit-transform-origin: bottom;
}
.loading-shutter-wrapper.is-show .loading-shutter {
	transition:transform 0.75s, transform 0.75s; -webkit-transition: -webkit-transform 0.75s ease;
}
.loading-shutter-wrapper.is-show .loading-shutter-top {
	transform: scaleY(0); -webkit-transform: scaleY(0);
}
.loading-shutter-wrapper.is-show .loading-shutter-bottom {
	transform: scaleY(0); -webkit-transform: scaleY(0);
}
.loading-bar {
	background: rgb(0, 111, 203); transform-origin: 0% 50%; transition:transform 0.3s, transform 0.3s; left: 0px; top: 0px; width: 100%; height: 4px; position: fixed; z-index: 2147483647; transform: scaleX(0); -webkit-transform: scaleX(0); -webkit-transition: -webkit-transform 0.3s ease; -webkit-transform-origin: 0;
}
.loading-bar.is-complete {
	transform-origin: 100% 0%; transition:transform 0.3s 0.3s, transform 0.3s 0.3s; -webkit-transition: -webkit-transform 0.3s ease 0.3s; -webkit-transform-origin: 100% 0;
}
.loading-shutter-logo {
	background: url("../images/logosh.png") no-repeat center / contain; margin: auto; transition:transform 0.3s ease-out, transform 0.3s ease-out; left: 0px; top: 0px; width: 400px; height: auto; right: 0px; bottom: 0px; position: fixed; z-index: 2147483647; transform: scale(0); -webkit-transform: scale(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out;
}
.loading-shutter-logo.is-complete {
	transition:transform 0.2s ease-in-out 0.15s, transform 0.2s ease-in-out 0.15s; -webkit-transition: -webkit-transform 0.2s ease-in-out 0.15s;
}
/*********** 页面加载 结束 */


/*********** 移动端导航 开始 */
.nfl {
	margin: 0px 16px 0px 0px; top: 12px; width: 37px; height: 24px; right: 0px; display: none; position: fixed; z-index: 9999;
}
.nfl img {
	width: 36px; height: 26px;
}

.nfl {
	margin: 0px; top: 0px; width: 47px; right: 0px; position: absolute;
}
.mobile-header {
	left: 0px; top: 0px; width: 100%; height: 47px; position: absolute; background-color: rgba(0, 0, 0, 0.7);
}
.mobile-header-icon {
	transition:background 0.5s; width: 47px; height: 47px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; float: right; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;
}
.mobile-header-icon:hover {
	cursor: pointer; background-color: rgba(255, 255, 255, 0.2);
}
.mobile-header-icon span {
	left: calc((100% - 25px) /2); top: calc((100% - 1px) /2); width: 25px; height: 1px; position: absolute; background-color: rgba(255, 255, 255, 1);
}
.mobile-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);
}
.mobile-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);
}
.mobile-header-icon-click span:nth-child(1) {
	animation-name: clickfirst; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-header-icon-click span:nth-child(2) {
	animation-name: clicksecond; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-header-icon-out span:nth-child(1) {
	animation-name: outfirst; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-header-icon-out span:nth-child(2) {
	animation-name: outsecond; animation-duration: 0.5s; animation-fill-mode: both;
}
.mobile-nav {
	left: 0px; top: 47px; width: 100%; padding-top: 10px; padding-bottom: 40px; display: none; position: absolute; z-index: 2147483647; background-color: rgba(0, 0, 0, 0.9);
}
.mobile-nav a {
	transition:0.5s; width: 80%; color: rgb(255, 255, 255); line-height: 40px; font-weight: 300; text-decoration: none; margin-left: 10%; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; animation-name: returnToNormal; animation-duration: 0.5s; animation-fill-mode: both; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both; -webkit-animation-name: returnToNormal;
}
.mobile-nav a:hover {
	color: rgba(255, 255, 255, 0.4); border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid;
}
/*********** 移动端导航 结束 */


/*********** PC端导航 开始 */
.fp-viewing-page2 .header {
	background: rgba(0, 0, 0, 0.5); transition:0.5s; -webkit-transition: 0.5s all;
}
.fp-viewing-page3 .header {
	background: rgba(0, 0, 0, 0.5); transition:0.5s; -webkit-transition: 0.5s all;
}
.fp-viewing-page4 .header {
	background: rgba(0, 0, 0, 0.5); transition:0.5s; -webkit-transition: 0.5s all;
}
.fp-viewing-page5 .header {
	background: rgba(0, 0, 0, 0.5); transition:0.5s; -webkit-transition: 0.5s all;
}
.fp-viewing-page6 .header {
	background: rgba(0, 0, 0, 0.5); transition:0.5s; -webkit-transition: 0.5s all;
}
.fp-viewing-page7 .header {
	background: rgba(0, 0, 0, 0.5); transition:0.5s; -webkit-transition: 0.5s all;
}
.fp-viewing-page2 .header .w {
	transition:0.5s; padding-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page3 .header .w {
	transition:0.5s; padding-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page4 .header .w {
	transition:0.5s; padding-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page5 .header .w {
	transition:0.5s; padding-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page6 .header .w {
	transition:0.5s; padding-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page7 .header .w {
	transition:0.5s; padding-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page2 .nfl {
	top: 0px;
}
.fp-viewing-page3 .nfl {
	top: 0px;
}
.fp-viewing-page4 .nfl {
	top: 0px;
}
.fp-viewing-page5 .nfl {
	top: 0px;
}
.fp-viewing-page6 .nfl {
	top: 0px;
}
.fp-viewing-page7 .nfl {
	top: 0px;
}
.fp-viewing-page2 .mobile-nav {
	top: 47px;
}
.fp-viewing-page3 .mobile-nav {
	top: 47px;
}
.fp-viewing-page4 .mobile-nav {
	top: 47px;
}
.fp-viewing-page5 .mobile-nav {
	top: 47px;
}
.fp-viewing-page6 .mobile-nav {
	top: 47px;
}
.fp-viewing-page7 .mobile-nav {
	top: 47px;
}
.fp-viewing-page2 .header .w .logo img {
	transition:0.5s; width: 170px; height: auto; -webkit-transition: 0.5s all;
}
.fp-viewing-page3 .header .w .logo img {
	transition:0.5s; width: 170px; height: auto; -webkit-transition: 0.5s all;
}
.fp-viewing-page4 .header .w .logo img {
	transition:0.5s; width: 170px; height: auto; -webkit-transition: 0.5s all;
}
.fp-viewing-page5 .header .w .logo img {
	transition:0.5s; width: 170px; height: auto; -webkit-transition: 0.5s all;
}
.fp-viewing-page6 .header .w .logo img {
	transition:0.5s; width: 170px; height: auto; -webkit-transition: 0.5s all;
}
.fp-viewing-page7 .header .w .logo img {
	transition:0.5s; width: 170px; height: auto; -webkit-transition: 0.5s all;
}
.fp-viewing-page2 .header .w .nav {
	transition:0.5s; margin-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page3 .header .w .nav {
	transition:0.5s; margin-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page4 .header .w .nav {
	transition:0.5s; margin-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page5 .header .w .nav {
	transition:0.5s; margin-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page6 .header .w .nav {
	transition:0.5s; margin-top: 0px; -webkit-transition: 0.5s all;
}
.fp-viewing-page7 .header .w .nav {
	transition:0.5s; margin-top: 0px; -webkit-transition: 0.5s all;
}
.header {
	background: rgba(0, 0, 0, 0); left: 0px; top: 0px; width: 100%; height: auto; position: fixed; z-index: 100;
}
.header .w {
	margin: 0px auto; padding-top: 30px; position: relative; z-index: 3; max-width: 1160px;
}
.header .w .logo {
	margin-top: 3px; float: left;
}
.header .w .nav {
	margin-top: 20px; float: right;
}
.header .w .nav li {
	line-height: 50px; float: left;
}
.header .w .nav li a {
	margin: 0px 20px; padding: 0px 10px; color: rgb(255, 255, 255); font-size: 16px; display: block;
}
.header .w .nav li:hover a {
	border-bottom-color:#009fde; border-bottom-width: 3px; border-bottom-style: solid;
}
.header .w .nav li.active a {
	border-bottom-color:#009fde; border-bottom-width: 3px; border-bottom-style: solid;
}
/*********** PC端导航 结束 */


.body-box {
	overflow: hidden;
}

.body-box .w-box {
	margin: 0px 50px;
}

.auto-bg {
	background-position: center; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; -ms-behavior: url(../css/backgroundsize.min.htc); behavior: url(../css/backgroundsize.min.htc);
}


/*********** main标题 开始 */
.maintitle {
	width:100%; overflow:hidden; padding-top:100px;
}
.main-title {
	margin:0 auto; width: 100%; overflow:hidden; text-align: center;
}
.main-title h1{
	margin: 0 auto; color:#02d7f7; line-height:100%; font-size:30px;
}
.main-title h1 {
	transition:2s; transform: scale(0.5) translateY(-50px); -webkit-transition: 2s all; -webkit-transform: scale(0.5, 0.5) translateY(-50px);
}
.active .main-title h1 {
	transform: scale(1) translateY(0px); -webkit-transform: scale(1, 1) translateY(0px);
}
.main-title h2{
	color:#333; line-height:100%; font-size:24px; margin-top:26px;
}
.main-title h2 {
	transition:3.5s; transform: scale(0.5) translateY(-50px); -webkit-transition: 3.5s all; -webkit-transform: scale(0.5, 0.5) translateY(-50px);
}
.active .main-title h2 {
	transform: scale(1) translateY(0px); -webkit-transform: scale(1, 1) translateY(0px);
}
.main-title p{
	color:#999; line-height:200%; font-size:18px;
}
.main-title p {
	transition:1.5s; opacity: 0; transform: scale(0.6); -webkit-transition: 1.5s all; -webkit-transform: scale(0.6, 0.6);
}
.active .main-title p {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1, 1);
}
.active .main-title p:first-child {
	transition-delay: 2.5s;
}
.active .main-title p:first-child + p {
	transition-delay: 3s;
}
.active .main-title p:first-child + p + p {
	transition-delay: 3.5s;
}

.main-title-x {
	margin:0 auto; width:50%; background:url("/images/bg_line_1.jpg") repeat-x center; margin-top:25px; margin-bottom:20px;
}
.main-title-x1 {
	margin:0 auto; width:20%; height:3px; background:#02d7f7; overflow:hidden;
}
.main-title-x {
	transition:1.5s; opacity: 0; transform: translateY(100px); -webkit-transition: 1.5s all; -webkit-transform: translateY(100px);
}
.active .main-title-x {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);
}
/*********** main标题 结束 */


/*********** page1 开始 */
.bak-mask {
	margin: -135px 0px 0px -430px; left: 50%; top: 50%; width: 860px; height: 269px; position: absolute; z-index: 2;
}
.bak-mask img {
	transition:1.5s; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; position: absolute; opacity: 0; transform: scale(0.5); -webkit-transition: 1.5s all; -webki-transform: scale(0.5, 0.5);
}
.bak-mask.aa0 img.a1 {
	visibility: visible; opacity: 1; transform: scale(1); transition-delay: 0.5s; -webki-transform: scale(1, 1); -webkit-transition-delay: 0.5s;
}
.bak-mask.aa1 img.a2 {
	visibility: visible; opacity: 1; transform: scale(1); transition-delay: 0.5s; -webki-transform: scale(1, 1); -webkit-transition-delay: 0.5s;
}
.bak-mask.aa2 img.a3 {
	visibility: visible; opacity: 1; transform: scale(1); transition-delay: 0.5s; -webki-transform: scale(1, 1); -webkit-transition-delay: 0.5s;
}
.bak-mask.aa3 img.a4 {
	visibility: visible; opacity: 1; transform: scale(1); transition-delay: 0.5s; -webki-transform: scale(1, 1); -webkit-transition-delay: 0.5s;
}
.top-banner {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.top-banner li {
	width: 100%; height: 100%; display: block;
}
.top-banner li a {
	width: 100%; height: 100%; display: block; position: relative; z-index: 99999;
}

.bak-mask {
	transition:1.8s; transform: translateY(100px) scale(0.5); -webkit-transform: translateY(100px) scale(0.5, 0.5); -webkit-transition: 1.8s all;
}
.active .bak-mask {
	transform: translateY(0px); -webkit-transform: translateY(0px);
}
/*********** page1 结束 */



/*********** page2 开始 */
.main2-content {
	margin:0 auto; width:100%; overflow:hidden;  margin-top:20px;
}
.main2-content ul li{
	width:25%; float:left; text-align:center; overflow:hidden;
}
.main2-content-1{
	margin:0 auto; width:80%; padding:10px; border:1px solid #CCC; border-radius:20px; overflow:hidden;
}
.main2-content-1-1{
	width:100%; border-radius:10px; background:#f65314; overflow:hidden;
}
.main2-content-1-1:hover{
background-color:#fc000c;
}
.main2-content-1-2{
	width:100%; border-radius:10px; background:#26c7fc; overflow:hidden;
}
.main2-content-1-2:hover{
background-color:#fc000c;
}
.main2-content-1-3{
	width:100%; border-radius:10px; background:#44b573; overflow:hidden;
}
.main2-content-1-3:hover{
background-color:#fc000c;
}
.main2-content-1-4{
	width:100%; border-radius:10px; background:#5a3c82; overflow:hidden;
}
.main2-content-1-4:hover{
background-color:#fc000c;
}
.main2-content-content1 img{
	margin:25px 0;
}
.main2-content-content2{
	margin:0 auto; width:80%; overflow:hidden;
}
.main2-content-content2 h1{
	color:#FFF; line-height:150%; font-size:24px;
}
.main2-content-content2 h2{
	color:#FFF; line-height:150%; font-size:14px; margin-bottom:10px;
}
.main2-content-content2 p{
	 color:#FFF; line-height:200%; font-size:18px; margin-bottom:20px;
}
.main2-content li {
	transition:1.5s; opacity: 0; transform: translateX(-200px); -webkit-transition: 1.5s all; -webkit-transform: translateX(-200px);
}
.active .main2-content li {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);
}
.active .main2-content li:first-child {
	transition-delay: 0.2s;
}
.active .main2-content li:first-child + li {
	transition-delay: 0.4s;
}
.active .main2-content li:first-child + li + li {
	transition-delay: 0.6s;
}
.active .main2-content li:first-child + li + li + li {
	transition-delay: 0.8s;
}
/*********** page2 结束 */


/*********** page3 开始 */
.cases {
	margin:0 auto; width:100%; overflow:hidden; text-align: center; margin-top:20px;
}
.cases ul li{
	width:25%; float:left;overflow:hidden; text-align: center; margin-bottom:20px;
}
.main3-content-left{
	margin:0 auto; width:90%; background:#CCC;
}
.main3-content-left:hover{
background-color:#fc000c;
}
.main3-content-left img { 
	height: auto; max-width: 100%; 
}
.cases ul li p{
	color:#FFF; line-height:200%; font-size:14px;
}
.cases li {
	transition:1.5s; opacity: 0; transform: translateY(-100px); -webkit-transition: 1.5s all; -webkit-transform: translateY(-100px);
}
.active .cases li {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);
}
.active .cases li:first-child {
	transition-delay: 0.2s;
}
.active .cases li:first-child + li {
	transition-delay: 0.4s;
}
.active .cases li:first-child + li + li {
	transition-delay: 0.6s;
}
.active .cases li:first-child + li + li + li {
	transition-delay: 0.8s;
}
.active .cases li:first-child + li + li + li + li {
	transition-delay: 1s;
}
.active .cases li:first-child + li + li + li + li + li {
	transition-delay: 1.2s;
}
.active .cases li:first-child + li + li + li + li + li + li {
	transition-delay: 1.4s;
}
.active .cases li:first-child + li + li + li + li + li + li + li {
	transition-delay: 1.6s;
}
/*********** page3 结束 */


/*********** page4 开始 */
.partner{
	margin:50px auto; width:100%; overflow:hidden;
}
.partner ul li img { 
	height: auto; max-width: 100%; 
}
.partner ul li{
	width:20%;float:left;position:relative;text-align:center; margin-bottom:30px;
}
.partner ul li .cont1{
	margin:0 auto;width:90%;filter:alpha(opacity=100);-moz-opacity:0.6;opacity:0.6;
} 
.partner ul li:hover .cont1{
	transform:rotateY(360deg);filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);
}
.partner ul li .cont1{
	transition:all .5s linear 5ms;
} 
.partner li {
	transition:1.5s; opacity: 0; transform: translateX(100px); -webkit-transition: 1.5s all; -webkit-transform: translateX(100px);
}
.active .partner li {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px);
}
.active .partner li:first-child {
	transition-delay: 0.2s;
}
.active .partner li:first-child + li {
	transition-delay: 0.4s;
}
.active .partner li:first-child + li + li {
	transition-delay: 0.6s;
}
.active .partner li:first-child + li + li + li {
	transition-delay: 0.8s;
}
.active .partner li:first-child + li + li + li + li {
	transition-delay: 1s;
}
.active .partner li:first-child + li + li + li + li + li {
	transition-delay: 1.2s;
}
.active .partner li:first-child + li + li + li + li + li + li {
	transition-delay: 1.4s;
}
.active .partner li:first-child + li + li + li + li + li + li + li {
	transition-delay: 1.6s;
}
.active .partner li:first-child + li + li + li + li + li + li + li + li {
	transition-delay: 1.8s;
}
.active .partner li:first-child + li + li + li + li + li + li + li + li + li {
	transition-delay: 2s;
}
.active .partner li:first-child + li + li + li + li + li + li + li + li + li + li {
	transition-delay: 2.2s;
}
.active .partner li:first-child + li + li + li + li + li + li + li + li + li + li + li {
	transition-delay: 2.4s;
}
.active .partner li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
	transition-delay: 2.6s;
}
.active .partner li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li {
	transition-delay: 2.8s;
}
.active .partner li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
	transition-delay: 3s;
}
/*********** page4 结束 */


/*********** page5 开始 */
.main5-content {
	margin:0 auto; width:100%; overflow:hidden;  margin-top:20px;
}
.main5-content ul li{
	width:33.3%; float:left; text-align:center; overflow:hidden;
}
.main5-content-1{
	margin:0 auto; width:80%; padding:10px; border:1px solid #CCC; border-radius:130px; overflow:hidden;
}
.main5-content-1-1{
	width:100%; border-radius:130px; background:#5a3c82; overflow:hidden;
}
.main5-content-1-1:hover{
background-color:#fc000c;
}
.main5-content-1-2{
	width:100%; border-radius:130px; background:#f65314; overflow:hidden;
}
.main5-content-1-2:hover{
background-color:#fc000c;
}
.main5-content-1-3{
	width:100%; border-radius:130px; background:#26c7fc; overflow:hidden;
}
.main5-content-1-3:hover{
background-color:#fc000c;
}
.main5-content-content1 img{
	margin:25px 0; height: auto; max-width: 100%;
}
.main5-content-content2{
	margin:0 auto; width:80%; overflow:hidden;
}
.main5-content-content2 h1{
	color:#FFF; line-height:150%; font-size:20px;
}
.main5-content-content2 p{
	 color:#FFF; line-height:200%; font-size:14px; margin-bottom:20px;
}
.main5-content li {
	transition:1.5s; opacity: 0; transform: translateX(-200px); -webkit-transition: 1.5s all; -webkit-transform: translateX(-200px);
}
.active .main5-content li {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);
}
.active .main5-content li:first-child {
	transition-delay: 0.2s;
}
.active .main5-content li:first-child + li {
	transition-delay: 0.4s;
}
.active .main5-content li:first-child + li + li {
	transition-delay: 0.6s;
}
/*********** page5 结束 */


/*********** page6 开始 */
.main6-content {
	margin:0 auto; width:100%; overflow:hidden; text-align: center; margin-top:20px;
}
.main6-content p{
	color:#333; line-height:200%; font-size:19px; 
}
.main6-content p {
	transition:1.5s; opacity: 0; transform: scale(0.6); -webkit-transition: 1.5s all; -webkit-transform: scale(0.6, 0.6);
}
.active .main6-content p {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1, 1);
}
.active .main6-content p:first-child {
	transition-delay: 0.5s;
}
.active .main6-content p:first-child + p {
	transition-delay: 1s;
}
.active .main6-content p:first-child + p + p {
	transition-delay: 1.5s;
}
.active .main6-content p:first-child + p + p + p {
	transition-delay: 2s;
}
.active .main6-content p:first-child + p + p + p + p {
	transition-delay: 2.5s;
}
.active .main6-content p:first-child + p + p + p + p + p {
	transition-delay: 3s;
}
.active .main6-content p:first-child + p + p + p + p + p + p {
	transition-delay: 3.5s;
}
.active .main6-content p:first-child + p + p + p + p + p + p + p {
	transition-delay: 4s;
}
.active .main6-content p:first-child + p + p + p + p + p + p + p + p {
	transition-delay: 4.5s;
}
.active .main6-content p:first-child + p + p + p + p + p + p + p + p + p {
	transition-delay: 5s;
}
/*********** page6 结束 */


/*********** page7 开始 */
.main7-content {
	padding: 100px 0px 0px;
}
.contact-logo {
	height: auto; overflow: hidden; margin-top: 200px; margin-right: 40px; float: left; display: block;
}
.contact-logo img {
	display: block;
}
.contact-content {
	overflow: hidden; padding-left: 40px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: block;
}
.contact-content1 span {
	color:#000; line-height: 50px; font-size: 30px;
}
.contact-content1 p {
	background: url("../images/contact.png") no-repeat left 11px; margin: 20px 0px 0px; padding: 0px 0px 0px 35px; color:#333; line-height: 36px; font-size: 15px;
}
.contact-content1 p b {
	color:#009fde; font-size: 36px; font-weight: normal;
}
.contact-content2 {
	margin: 20px 0px 0px; padding: 20px 0px 0px; color:#333; line-height: 34px; overflow: hidden; font-size: 14px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.contact-content2 b {
	color:#009fde; font-weight: normal;
}
.contact-logo {
	transition:1.5s; opacity: 0; transform: translateX(-100px); -webkit-transform: translateX(-100px); -webkit-transition: 1.5s all;
}
.active .contact-logo {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px);
}
.contact-content {
	transition:2s; opacity: 0; transform: translateX(200px); -webkit-transform: translateX(200px); -webkit-transition: 2s all;
}
.active .contact-content {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px);
}
/*********** page7 结束 */


/*********** PC右侧浮动 开始 */
.sidebar {
	background: rgba(0, 0, 0, 0.3); padding: 12px 0px 0px; border-radius: 8px 0px 0px 8px; width: 55px; right: 0px; bottom: 20%; margin-top: 80px; position: fixed; z-index: 2147483647;
}
.sidebar li {
	border-radius: 8px 0px 0px 8px; transition:0.5s; width: 160px; height: 50px; padding-left: 17px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;
}
.sidebar li img {
	display: block;
}
.sidebar li:hover {
	background: rgba(0, 0, 0, 0.6); margin-left: -105px;
}
/*********** PC右侧浮动 结束 */


/*********** 移动底部浮动 开始 */
.star {
	background: rgba(0, 0, 0, 0.6); padding: 0px; left: 0px; width: 100%; height: 35px; bottom: 0px; display: none; position: fixed; z-index: 2147483647;
}
.star ul {
	margin: 0px auto; width: 90%; text-align: center;
}
.star ul li {
	margin: 0px 40px 0px 0px; width: auto; height: 35px; display: inline-block;
}
.star ul li a {
	width: auto; height: 35px;
}
.star ul li a img {
	margin: 4px 10px 0px 0px; width: 27px; height: 27px; float: left;
}
.star ul li a span {
	width: auto; height: 35px; color: rgb(255, 255, 255); line-height: 35px; float: left;
}
.star ul li:nth-child(2n+2) {
	margin: 0px; width: auto; height: 35px;
}
/*********** 移动底部浮动 结束 */


@media only screen and (max-width:768px)
{
/*********** 768px 移动端导航 开始 */
.header .w {
	margin: 0px 25px; padding-top: 0px; height: 47px;
}
.header .w .nav {
	display: none;
}
.header .w .logo img {
	width: 170px;
}
.header .w .logo {
	margin-top: 0px;
}
.nfl {
	display: block;
}
/*********** 768px 移动端导航 结束 */


.sidebar {
	display: none;
}
.star {
	display: block;
}
.main-title p {
	display: none;
}


/*********** 768px 移动端page1 开始 */
.section .w {
	margin: 0px 25px;
}
.section1 .w {
	padding-top: 20px;
}
.bak-mask {
	margin: -50px 0px 0px -150px; width: 300px;
}
/*********** 768px 移动端page1 结束 */


/*********** 768px 移动端page2 开始 */
.main2-content li {
	width:100% !important; margin-bottom: 10px; float: none;
}
.main2-content-content1{
	width:20%; padding:0px; float: left; overflow:hidden;
}
.main2-content-content1 img{
	margin:0 ; overflow:hidden;
}
.main2-content-content2{
	margin:0 auto; width:80%; margin-top:6px ; text-align:left; overflow:hidden;
}
.main2-content-content2 h1{
	font-size:16px ;
}
.main2-content-content2 h2{
	font-size:14px ; margin-bottom:0px ;
}
.main2-content-content2 p {
	display: none;
}
/*********** 768px 移动端page2 结束 */


/*********** 768px 移动端page3 开始 */
.cases li {
	width:50% !important;
}
.cases li {
	margin-bottom: 20px; display: none;
}
.cases li:first-child {
	display: block;
}
.cases li:first-child + li {
	display: block;
}
.cases li:first-child + li + li {
	display: block;
}
.cases li:first-child + li + li + li {
	display: block;
}
/*********** 768px 移动端page3 结束 */


/*********** 768px 移动端page4 开始 */
.partner li {
	width:33.3% !important; margin-bottom: 10px; display: none;
}
.partner li:first-child {
	display: block;
}
.partner li:first-child + li {
	display: block;
}
.partner li:first-child + li + li {
	display: block;
}
.partner li:first-child + li + li+ li {
	display: block;
}
.partner li:first-child + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li {
	display: block;
}
/*********** 768px 移动端page4 结束 */


/*********** 768px 移动端page5 开始 */
.main5-content li {
	width:100% !important; margin-bottom:10px; float: none;
}
.main5-content-content1{
	width:20%; float: left; overflow:hidden;
}
.main5-content-content1 img{
	margin:5px ; overflow:hidden;
}
.main5-content-content2{
	width:70% ; margin-top:6px ; text-align:left; overflow:hidden; 
}
.main5-content-content2 h1{
	font-size:16px ;
}
.main5-content-content2 h2{
	font-size:14px ; margin-bottom:0px ;
}
.main5-content-content2 p {
	margin-bottom:0px ; line-height:150% ;
}
/*********** 768px 移动端page5 结束 */


/*********** 768px 移动端page7 开始 */
.contact-logo {
	width: 40%; margin-right:0;
}
.contact-logo img {
	width: 90%; 
}
.main7-content {
	padding: 50px 0px 0px;
}
.contact-content {
	padding-left: 5px;
}
.contact-logo {
	margin-bottom: 20px;
}
.contact-content1 span {
	font-size: 18px;
}
.contact-content1 p {
	background: none; padding: 0px; line-height: 30px; font-size: 13px;
}
.contact-content1 p b {
	font-size: 28px;
}
.contact-content2 {
	display: none;
}
/*********** 768px 移动端page7 结束 */
}


@media only screen and (max-width:480px)
{
/*********** 480px 移动端main标题 开始 */
.main-title h1 {
	display: none;
}
.main-title h2{
	margin-top:0;
}
.maintitle {
	padding-top:50px;
}
.main-title-x {
	margin-top:5px; margin-bottom:5px;
}
/*********** 480px 移动端main标题 结束 */

/*********** 480px 移动端page3 开始 */
.cases li:first-child {
	display: block;
}
.cases li:first-child + li {
	display: block;
}
.cases li:first-child + li + li {
	display: block;
}
.cases li:first-child + li + li + li {
	display: block;
}
.cases li:first-child + li + li + li + li {
	display: block;
}
.cases li:first-child + li + li + li + li + li {
	display: block;
}
/*********** 480px 移动端page3 结束 */


/*********** 480px 移动端page4 开始 */
.partner{
	margin-top:20px;
}
.partner li:first-child {
	display: block;
}
.partner li:first-child + li {
	display: block;
}
.partner li:first-child + li + li {
	display: block;
}
.partner li:first-child + li + li+ li {
	display: block;
}
.partner li:first-child + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
	display: block;
}
.partner li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
	display: block;
}
/*********** 480px 移动端page4 结束 */


/*********** 480px 移动端page5 开始 */
.main5-content-content1 img{
	margin:25px 0 0 10px; height: auto; max-width:70%;
}
/*********** 480px 移动端page5 结束 */


/*********** 480px 移动端page6 开始 */
.main6-content {
	margin-top:20px;
}
.main6-content p{
	line-height:150%; font-size:14px; 
}
/*********** 480px 移动端page6 结束 */

/*********** 480px 移动端page7 开始 */
.contact-content {
	margin-top:70px;
}
.contact-logo {
	display: none;
}
/*********** 480px 移动端page7 结束 */
}