*{
	-webkit-transition:0.4s ease;
	transition: 0.4s ease;
}
html{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,Helvetica,sans-serif;
	
	background: #eee;
	margin: 0;
	padding: 0;
}
body::-webkit-scrollbar{
	display: none;
}
.clearfix{zoom:1;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
p{
	margin: 0;
}
a{
	text-decoration: none;
}
.mt{
	margin-top: 95px;
}
#crumbs{
	text-align: center;
	font-size: 0.8rem;
}
.c{
	clear: both;
	width: 100%;
	height: 95px;
	margin: 0 auto;
	display: inline-block;
}
.banner-img{
	width: 100%;
	height: auto;
}
.c-index{
	clear: both;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
}
.fl{
	float: left;
}
.fr{
	float: right;
}


.banner{
	width: 100%;
	
	
	
	position: relative;
	
	overflow: hidden;
}
.banner ul{
	position: absolute;
}
.banner ul li{
	
	width: 100%;
	height: 800px;
	float: left;
	background: no-repeat center center;
}
.banner ol{
	
	height: 20px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left:50%;
	
	bottom: 30px;
	padding: 0 10px;
	border-radius: 10px;
}
.banner ol li{
	width: 10px;
	height: 10px;
	float: left;
	margin: 5px 5px;
	background: rgba(255,255,255,0.5);
	border-radius: 50%;
	cursor: pointer;
}
.banner ol .current{
	background: rgba(255,255,255,1);
}
.banner i{
	width: 58px;
	height: 120px;
	position: absolute;
	top: 50%;
	margin-top: -60px;
	cursor: pointer;
	border-radius: 5px;
	display: none;
}
.banner .left{
	left: 60px;
	background: url('../image/left_right.png') no-repeat 0 0px;
}
.banner .right{
	right: 60px;
	background: url('../image/left_right.png') no-repeat 0px -120px;
}
.banner .left:hover , .banner .right:hover{
	background-color: rgba(0, 0, 0, 0.31);
}


@media screen and (max-width: 1024px){
	.nav{
		display: none !important;
	}
}
@media screen and (max-width: 1160px){
	
	.logo{
		margin-top: 20px;
		display: none !important;
	}
	.nav{
		width: 50vw !important;
	}
	.nav > div > ul > li > a{
		width: 7vw !important;
	}
}

@media screen and (min-width: 1024px){
	.inner-header,.inner-nav{
		display: none !important;
	}
}
#header1{
	width: 100%;
	min-width: 100%;
	height: 95px;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	box-shadow: 0 0 2px #c6c6c6;
	position: fixed;
	top: 0;
	z-index: 999;
	font-size: calc( 12px + (16 - 12) * ( (100vw - 400px) / ( 1500 - 400) ));
}
#header1 p{
	font-size: 20px;
	color: skyblue;
}
.logo{
	display: inline-block;
	vertical-align: middle;
}
.logo img{
	
	width: 5vw;
	height: 6vh;
}
#headerimg{
	
	height: 8vh;
	padding-left: 10px;
	display: inline-block;
	vertical-align: middle;
}
#headerimg h1{
	margin: 12px 0;
	font-size: 1.1rem;
}
#headerimg .description{
	font-size: 0.9rem;
}
.hleft{
	margin-left: 5%;
}
.nav{
	
	width: 43vw;
	
	float: left;
	margin-top: 35px;
	margin-left: 2%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.nav ul,.nav li{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.nav .sub-menu{
	position: absolute;
	display: none;
}
.nav .sub-menu li{
	float: none;
}
.nav > div > ul > li:hover ul{
	display: block;
}
.nav > div > ul > li > a{
	
	width: 6vw;
	line-height: 31px;
	color: #333;
	text-align: center;
	display: block;
	font-size: 18px;
	white-space: nowrap;
	-moz-transition:all 0.1s ease-in;
	-webkit-transition:all 0.1s ease-in;
	text-decoration: none;
}
.nav > div > ul > li > a:hover,.nav>div>ul>li.current-menu-item>a{
	border-color: #369ff6;
	color: #369ff6;
	text-decoration: none;
}
.nav .sub-menu > li > a{
	width: 115px;
	line-height: 28px;
	font-size: 12px;
	color: #fff;
	background-color: #369ff6;
	text-align: center;
	border: 1px solid #ccc;
	border-top: none;
	display: block;
}
.nav .sub-menu > li > a:hover{
	color: #000;
	background-color: #fff;
}
.search{
	margin-top: 35px;
}
.screen-reader-text{
	display: none;
}
#s{
	border-radius: 30px;
	border: 3px solid #fff;
	height: 25px;
}
#searchsubmit{
	font-size: 16px;
	line-height: 25px;
	background: #b1b1b1;
	padding: 5px;
	margin-left: 5px;
	color: #fff;
	border: none;
}
#searchsubmit:hover,
#searchsubmit:focus {
    box-shadow: inset 0 0 0 2em var(--hover);
}
#searchsubmit {
    --color: #b1b1b1;
    --hover: #369ff6;
}


.wz{
	margin-top: 5px;
	float: left;
	border-bottom: 1px solid #000;
}
.wz a{
	text-decoration: none;
}


#content{
	background: #fefefe;
	border-bottom: 3px double #aba;
	border-left: 1px solid #9a9;
	border-right: 1px solid #565;
	border-top: 1px solid #9a9;
	margin-top: 10px;
	padding: 60px;
}

.in-col{
	height: 100%;
	text-align: center;
}
.solutions{
	width: 184px;
	height: 360px;
	margin: 50px;
	display: inline-block;
	position:relative;
	text-align: center;
}
.solutions .img{
	width: 184px;
	height: 184px;
}
.in-col a:nth-child(1) .img{
	background: url('../image/what1.png'); 
}
.in-col a:nth-child(2) .img{
	background: url('../image/what2.png'); 
}
.in-col a:nth-child(3) .img{
	background: url('../image/what3.png'); 
}
.in-col a:nth-child(4) .img{
	background: url('../image/what4.png'); 
}
.solutions .ser-title{
	color: #f59062;
}
.solutions p{
	line-height: 2.5rem;
	font-size: 16px;
}
.wrap img{
	margin-bottom: 10px;
}
.services{
	background-image: url('404.png');
	width: 1000px;
	height: 240px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.sell{
	width: 240px;
	height: 270px;
	display: inline-block;
}
.sell p{
	line-height: 30px;
}
.sell:hover,.strengths:hover{
	border: 1px solid #cfcfcf;
	box-shadow: 0 0 5px #c6c6c6;
}
.strengths{
	width: 240px;
	height: 200px;
	margin: 30px 13px 30px 13px;
	display: inline-block;
	border: 1px solid #cfcfcf;
	vertical-align: top;
}
.strengths p{
	font-size: 14px;
	line-height: 20px;
	text-indent: 2em;
	text-align: left;
}
.strengths h2{
	text-align: center;
}
a{
	text-decoration: none;
	color: #3b3b3b;
}


.profile{
	text-align: center;
	margin-top: 30px;
}
.wrap-profile{
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
}
#page-box{
	margin-top: 10px;
	margin: auto;
}
.post-item{
	margin-bottom: 20px;
	display: inline-block;
}
.post-item img{
	display: inline-block;
	margin-right: 40px;
}
.content{
	width: 533px;
	height: 300px;
	color: #333;
	font-size: 16px;
	text-indent:2em;
	text-align: left;
	display: inline-block;
}
.qiye{
	background-image: url('../image/qywh.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: 60px;
	
	height: 200px;
	text-align: center;
}
.qytitle{
	font-size: 20px;
	font-weight: bolder;
	padding-top: 3%;
}
.qiye p:nth-child(2){
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}
.team .wp-block-image{
	display: inline-block;
	margin: 0;
}
.team .wp-block-image img{
	width: 70%;
	height: 70%;
}
.team p{
	font-size: 16px;
	width: 650px;
	text-indent: 2em;
	margin: auto;
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: left;
}


.service{
	padding-top: 20px;
	width: 100%;
	text-align: center;
}
.service-wrap{
	width: 100%;
	padding-bottom: 3.75rem;
}
.serviceimg{
	width: 630px;
	height: 420px;
	display: inline-block;
}
.service .service-wrap:nth-child(1) .solution{
	width: 918px;
	height: 420px;
	background: url('../image/service-1.png');
}
.service .service-wrap:nth-child(1) .solution .text{
	float: right;
}
.service .service-wrap:nth-child(2) .solution{
	width: 918px;
	height: 420px;
	background: url('../image/service-2.png');
}
.service .service-wrap:nth-child(2) .solution .text{
	float: left;
}
.service .service-wrap:nth-child(3) .solution{
	width: 918px;
	height: 420px;
	background: url('../image/service-3.png');
}
.service .service-wrap:nth-child(3) .solution .text{
	float: right;
}
.service .service-wrap:nth-child(4) .solution{
	width: 918px;
	height: 420px;
	background: url('../image/service-4.png');
}
.service .service-wrap:nth-child(4) .solution .text{
	float: left;
}
.solution{
	display: inline-block;
	vertical-align: top;
	position:relative;
}

.solution p{
	line-height: 2.5rem;
	font-size: 1.2rem;

}
.solution .ser-title{
	font-family: "华文彩云";
	font-size: 1.75rem;
	color: #369ff6;
}

.wrap-news{
	margin: 0 auto;
	width: 1070px;
}
.news{
	list-style: none;
}
.news li{
	text-align: -webkit-match-parent;
	box-sizing: border-box;
	display: flex;
	margin-bottom: 35px;
}
.time{
	width: 70px;
	text-align: center;
	background: #496da9;
	color: #fff;
	margin-right: 20px;
	height: 70px;
	-webkit-transition:-webkit-transform 1s,background 1s,width 1s,height 1s,font-size 1s;
    -o-transition-property:width,height,-o-transform,background,font-size;
    -o-transition-duration:1s,1s,1s,1s,1s;
    -moz-transition-property:width,height,-o-transform,background,font-size;
    -moz-transition-duration:1s,1s,1s,1s,1s;
    transition-property:width,height,transform,background,font-size;
    transition-duration:1s,1s,1s,1s,1s;
}
.time:hover{
	-moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.time h3{
	font-size: 26px;
	margin: 5px;
}
.con h3{
	font-size: 20px;
	margin: 10px 0;
}
.con p{
	font-size: 16px;
}
#home-loop{
	margin-top: 10px;
}

.post-meta{
	margin: 0 0 10px 10px;
	font-size: 12px;
	color: #8c8c8c;
}
.post-meta a,.post-data span{
	color: #8c8c8c;
	margin-right: 10px;
}

#right-box1{
	float: left;
	width: 700px;
	margin-left: 20px;
}
#right-box{
	float: left;
	width: 700px;
	
}

#left-box{
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
}
.posts_nav_link{
	font-size: 12px;
	text-align: center;
}
.posts_nav_link a{
	text-decoration: none;
}


.sbox{
	border: 1px solid #cfcfcf;
	box-shadow: 0 0 5px #c6c6c6;
	margin-bottom: 10px;
	font-size: 12px;
}
.sbox h2{
	background: #3780d3;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #fff;
	margin-top: 0;
	text-align: center;
}
.sbox ul{
	padding-left: 0;
}
.sbox li{
	list-style: none;
	border-bottom: 1px dashed #cfcfcf;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	margin: 0 10px 0 10px;
}

.c-footer{
	width: 100%;
	margin: auto;
	background: #fff;
}
.footer-laster{
	
	text-align: center;
	height: 190px;
	padding: 30px 0 30px 0;
	margin-top: 10px;
	margin: 0 auto;
}
@media screen and (max-width: 884px){
	.footer-laster{
		height: 350px;
	}
}
@media screen and (max-width: 529px){
	.footer-laster{
		height: 500px;
	}
}
.footer-lleft ul,.footer-lleft li,.footer-left ul,.footer-left li,.footer-middle ul,.footer-middle li{
	list-style: none;
}
.footer-laster>div>div,.footer-laster>div{
	display: inline-block;
	vertical-align: top;
}
.footer-lleft,.footer-left,.footer-middle{
	padding-right: 50px;
}
.footer-right{
	padding-left: 50px;
	margin-top: 14px;
}
.footer-lleft,.footer-left,.footer-middle{
	border-right: 1px solid #000;
	text-align: left;
}
.footer-lleft li,.footer-left li,.footer-middle li{
	font-size: 14px;
	line-height: 30px;
}
.footer-lleft>div>ul>li,.footer-left>div>ul>li,.footer-middle>div>ul>li{
	font-size: 18px;
}
.footer-lleft>div>ul,.footer-left>div>ul,.footer-middle>div>ul{
	padding-left: 50px;
}
.footer-right p{
	font-size: 14px;
	color: #3b3b3b;
	line-height: 30px;
	text-align: left;
}
.footer-right p:nth-child(1){
	font-size: 18px;
}
.footer-lleft .sub-menu,.footer-middle .sub-menu{
	padding-left: 0;
}
.footerr{
	border-top: 1px solid #333;
	text-align: center;
	font-size: 14px;
	padding: 0 0 25px 0;
	padding-top: 30px;
	background: #fff;
}
.footerr p{
	padding: 10px;
}
.cat-title{
	width: 1024px;
	margin: auto;
	padding: 10px;
	border: 1px solid #cfcfcf;
	box-shadow: 0 0 5px #c6c6c6;
	
	font-size: 12px;
}

#post-box{
	margin-top: 10px;
}
.post-nav{
	font-size: 12px;
	margin-top: 30px;
	color: #999;
}

.mes{
	width: 1100px;
	margin: 0 auto;
}
#comment-box{
	padding: 20px;
	border: 1px solid #cfcfcf;
	box-shadow: 0 0 5px #c6c6c6;
	margin-top: 10px;
	font-size: 12px;
}
#comment-box h3{
	
	background: #3780d3;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	font-size: 18px;
	margin-bottom: 5px;
	margin-left: 5px;
}
h3#comments,#respond h3{
	font-size: 14px;
	color: #fff;
	margin: 10px 0;
	color: both;
}
#commentform{
	margin: 5px 0 0 0;
}
#commentform input{
	padding: 2px;
	
}
#commentform label{
	font-size: 11px;
}
#commentform textarea{
	width: 98%;
	padding: 2px;
	margin: 0;
	border: 1px solid #aaa;
	font: 11px Georgla,"Times New Romen",Times,serif;
}
#commentform p{
	margin: 5px 0;
	font-size: 11px;
	line-height: 15px;
}
#commentform fieldset{
	border:none;
	padding: 0;
	margin: 0;
}
#commentform #submit{
	margin: 0 5px 5px auto;
	font-size: 12px;
	float: right;
}
#respond{
	color: #666;
	overflow: hidden;
}
#respond:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#cancel-comment-reply-link{
	font-size: 10px;
	font-weight: bold;
}
ol.commentlist,ul.children{
	padding: 0;
	border-left: none;
}
.commentlist{
	color: #000;
	padding: 0;
	list-style: none;
}
.commentlist li{
	margin: 10px 0;
	padding: 5px 0 5px 10px;
	clear: both;
}
.commentlist li ul li{
	font-size: 1em;
}
.commentlist p{
	margin: 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
.commentlist li .avatar{
	float: right;
	border: 1px solid #9c9c9c;
	padding: 2px;
	margin-right: 5px;
	background: #fff;
}
.commentlist li a{
	color: #000;
}
.commentlist .says{
	color: #999;
}
ul.children{
	padding: 0;
	margin: 0 10px 0 0;
	list-style: none;
}
.commentlist cite,.commentlist cite a{
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	margin-right: 5px;
}
.nocomments{
	text-align: center;
}
.commentmetadata{
	display: block;
	font-weight: normal;
}
.commentmetadata,.commentlist li .commentadata a{
	color: #999;
	font-size: 12px;
}
.thread-alt{
	background-color: #eee;
}
.thread-even{
	background-color: #fff;
}
.even{
	background-color: #ffffff;
	border: 1px solid #2aace0;
	border-left: 4px solid #2aace0;
}
.commentlist .even cite a,.commentlist .even .comment-reply-link{
	color: #2aace0;
}
.odd{
	background-color: #fffeee;
	border: 1px solid #c32127;
	border-left: 4px solid #c32127;
}
.commentlist .odd cite a,.commentlist .odd .comment-reply-link{
	color: #c32127;
}
.return{
	position: fixed;
	bottom: 3%;
	right: 3%;
	background-color: #d0d0d0;
	width: 54px;
	height: 54px;
}
.return:hover{
	background-color: #999;
}
.return a{
	width: 54px;
	height: 54px;
	display: block;
}



.product-nav li{
	list-style: none;
	display: inline-block;
	width: 550px;
	height: 450px;
	margin: 44px;
}
.product-nav a{
	display: block;
	width: 550px;
	
	line-height: 140px;
	font-size: 20px;
	font-weight: bolder;
	padding-top: 310px;
	color: #fff;
	background-image: url('../image/product-nav.png');
}
.product-nav li:nth-child(1){
	background-image: url('../image/webpay.jpg');
}
.product-nav li:nth-child(2){
	background-image: url('../image/mesdev.jpg');
}
.product-nav li:nth-child(3){
	background-image: url('../image/erp.jpg');
}
.product-nav li:nth-child(4){
	background-image: url('../image/it.jpg');
}
.it-nav{
	text-align: center;
}
.it-nav li{
	list-style: none;
	width: 1100px;
	height: 450px;
	margin: auto;
}
.it-nav a{
	color: #fff;
	display: block;
	font-size: 25px;
	font-weight: bolder;
	width: 550px;
	height: 450px;
	padding-top: 200px;
}
#menu-item-619 a{
	margin-left: 550px;
}
.it-nav li:nth-child(1){
	background-image: url('../image/it1.jpg');
}
.it-nav li:nth-child(2){
	background-image: url('../image/it2.jpg');
}
.jc-nav{
	max-width: 70em;
	margin: auto;
}
.jc-nav ul{
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}
.jc-nav li:nth-child(1){
	border: none;
}
.jc-nav li{
	list-style: none;
	padding: 1em 1em;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-top: 1px solid #000;
}
.jc-nav a{
	font-size: 20px;
	line-height: 50px;
}
.jc-nav li:nth-child(odd){
	background: #e2e2e2;
}

.wrap-contact{
	text-align: center;
	margin: 0 auto;
}
#page-box p{
	line-height: 30px;
}
.item-img{
	display: inline-block;
	vertical-align: top;
}
.item-img div{
	width: 195px;
	height: 195px;
	display: inline-block;
}
.item-img img{
	width: 170px;
	height: 170px;
	margin: 7px;
	float: left;
}
.item-all{
	display: inline-block;
}
.item-all p,.item-all span{
	text-align: left !important;
}
.item,.item1,.item2{
	width: 400px;
	margin-left: 20px;
	margin-right: 25px;
}
.item1,.item2{
	margin-top: 30px;
}
.item p,.item1 p,.item2 p{
	margin: 5px;
	margin-left: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #333;
}
.wrap-contact span{
	display: block;
	font-size: 16px;
	margin: 10px 0 10px 10px;
}
.name{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 30px;
}

._404{
	text-align: center;
	line-height: 30px;
}

.single{
	width: 900px;
	margin: 0 auto;
}
.post-meta,.post-title{
	text-align: center;
}
.post-item-sin{
	width: 100%;
	margin-bottom: 20px;
	display: inline-block;
}
.post-item-sin img{
	float: left;
}
.post-content{
	line-height: 30px;
	font-size: 16px;
	text-indent: 2em;
}
.post-nav span{
	font-size: 14px;
}


.textcontainer {
    padding: 40px 0;
    text-align: center;
}
.particletext {
    text-align: center;
    font-size: 48px;
    position: relative;
}
.particletext.bubbles > .particle {
    opacity: 0;
    position: absolute;
    background-color: rgba(33, 150, 243, 0.5);
    -webkit-animation: bubbles 3s ease-in infinite;
    animation: bubbles 3s ease-in infinite;
    border-radius: 100%;
}
.text{
	font-family: 'bebas', sans-serif;
}
.particletext.lines > .particle {
    position: absolute;
    background-color: rgba(244, 67, 54, 0.5);
    -webkit-animation: lines 3s linear infinite;
    animation: lines 3s linear infinite;
}
.particletext.confetti > .particle {
    opacity: 0;
    position: absolute;
    -webkit-animation: confetti 3s ease-in infinite;
    animation: confetti 3s ease-in infinite;
}
.particletext.confetti > .particle.c1 {
    background-color: rgba(76, 175, 80, 0.5);
}
.particletext.confetti > .particle.c2 {
    background-color: rgba(156, 39, 176, 0.5);
}
.particletext.sunbeams > .particle {
    position: absolute;
    background-color: rgba(253, 216, 53, 0.5);
    -webkit-animation: sunbeams 3s linear infinite;
    animation: sunbeams 3s linear infinite;
}
@-webkit-keyframes bubbles {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
        -webkit-transform: translate(0, -20%);
        transform: translate(0, -20%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -1000%);
        transform: translate(0, -1000%);
    }
}
@keyframes bubbles {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
        -webkit-transform: translate(0, -20%);
        transform: translate(0, -20%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -1000%);
        transform: translate(0, -1000%);
    }
}
@-webkit-keyframes lines {
    0%, 50%, 100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    25% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    75% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes lines {
    0%, 50%, 100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    25% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    75% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-webkit-keyframes confetti {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0%) rotate(0deg);
        transform: translateY(0%) rotate(0deg);
    }
    10% {
        opacity: 1;
    }
    35% {
        -webkit-transform: translateY(-800%) rotate(270deg);
        transform: translateY(-800%) rotate(270deg);
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000%) rotate(1440deg);
        transform: translateY(2000%) rotate(1440deg);
    }
}
@keyframes confetti {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0%) rotate(0deg);
        transform: translateY(0%) rotate(0deg);
    }
    10% {
        opacity: 1;
    }
    35% {
        -webkit-transform: translateY(-800%) rotate(270deg);
        transform: translateY(-800%) rotate(270deg);
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000%) rotate(1440deg);
        transform: translateY(2000%) rotate(1440deg);
    }
}
@-webkit-keyframes sunbeams {
    0% {
        -webkit-transform: translateY(40%) rotate(0deg);
        transform: translateY(40%) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-40%) rotate(180deg);
        transform: translateY(-40%) rotate(180deg);
    }
    100% {
        -webkit-transform: translateY(40%) rotate(360deg);
        transform: translateY(40%) rotate(360deg);
    }
    0%,14%,17%,43%,53%,71%,80%,94%,100% {
        opacity: 0;
    }
    6%,15%,24%,28%,48%,55%,78%,82%,99% {
        opacity: 1;
    }
}
@keyframes sunbeams {
    0% {
        -webkit-transform: translateY(40%) rotate(0deg);
        transform: translateY(40%) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-40%) rotate(180deg);
        transform: translateY(-40%) rotate(180deg);
    }
    100% {
        -webkit-transform: translateY(40%) rotate(360deg);
        transform: translateY(40%) rotate(360deg);
    }
    0%,14%,17%,43%,53%,71%,80%,94%,100% {
        opacity: 0;
    }
    6%,15%,24%,28%,48%,55%,78%,82%,99% {
        opacity: 1;
    }
}


.new-float{
	position: fixed;
	right: -3px;
	top: 50%;
	z-index: 50;
	width: 77px;
	height: 235px;
	margin-top: -242px;
}
.new-float ul{
	padding-left: 0;
}
.new-float li{
	position: relative;
	width: 77px;
	height: 57px;
	margin-bottom: 1px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	list-style: none;
}

.new-float li.hover{
	overflow: hidden;
}

.new-float li a{
	display: inline-block;
	color: #fff;
}

.new-float li a.tit{
	width: 77px;
	height: 56px;
	padding: 30px 10px 0 0;
	color: #fff;
	font-size: 12px;
	box-sizing: border-box;
}

.new-float li p{
	position: relative;
	z-index: 2;
	height: 27px;
	padding-top: 30px;
	cursor: pointer;
}

.new-float li.fi a{ 
	background:url(../image/on_line.png) no-repeat 0px 0px;
}

.new-float li.tp a{
	background:url(../image/on_line.png) no-repeat 0px -228px;
}

.new-float li.th a{
	background:url(../image/on_line.png) no-repeat 0px -57px;
}

.new-float li.fo a.tit{
	background:url(../image/on_line.png) no-repeat 0px -171px;
}

.new-float li .tel{
	position: absolute;
	left: 75px;
	top: 0;
	z-index: 1;
	width: 184px;
	height: 56px;
	font: 24px/57px Arial;
	color: #fff; 
	background:#5b5b5b;
	cursor: pointer;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.bus{
	width: 320px;
	margin: 0 auto;
	margin-top: 30px;
}
.wpcf7-form p{
	font-size: 14px;
	line-height: 20px;
}


.icon-chat {
	background-position: 0 -130px;
	position: relative;
}
.icon-chat:hover .chat-tips {
	display: block;
}
.chat-tips {
	padding: 10px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 78px;
	top: -55px;
	background-color: #ffffff;
	display: none;
}
.chat-tips i{
	width: 9px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 80px;
	background-position:-88px -350px;
}
.chat-tips img {
	width: 138px;
	height: 138px;
}


.web button{
	display: inline-block;
	font-size: 18px;
	margin: 30px 20px 0px 20px;
	padding: 5px;
	border: 1px solid #000;
	border-radius: 5px;
	background: #fff;
}
.web button:hover{
	background: rgba(33, 150, 243, 0.5);
	color: #fff;
	border: 1px solid #fff;
}
#divs div{
	display: none;
}
#divs li{
	list-style: none;
	display: inline-block;
}
#divs li>img{
	width: 540px;
	height: 450px;
	margin: 40px;
}
#divs img{
  cursor: pointer;
  transition: all 0.5s;
}
#divs img:hover{
  transform: scale(1.2);
}
.mescon,.webcon,.wechatcon{
	width: 1024px;
	margin: auto;
	padding-bottom: 10px;
}
.mescon p,.webcon p,.wechatcon p{
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
}

.fenye{
    height: 25px;
    line-height: 25px;
    _background: #F9F9F9;
    padding: 2px 5px;
    margin: 20px 4px;
    _border: solid 1px #ccc;
    text-align: center;
}

.fenye a{
    padding:4px 6px 4px 6px;
    margin:0 2px 0 2px;
    border:1px solid #aaa;
    text-decoration:none;
    color:#333;
}

.fenye a.current{    
    background:#ff6f3d;    
    color:#fff;
}

.fenye a:hover{
    background:#ff6f3d;
    color:#fff;
}


.footer {
    width:100%;
    height:64px;
    background:#E6E9ED;
    border-top: 1px solid #e2e2e3;
}


.post {
    background:none;
}

.post .entry-cnt {
    height:auto;
    line-height:2;
    font-size:14px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #eee;
    padding:15px 0 0;
}

.post .entry-cnt p {
    line-height:2;
    font-size:14px;    
}

.related {
    padding:10px 5px 10px 5px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin: 20px auto 10px auto;
}

.r-left {
    float:left;
}

.r-right {
    float:right;
}


.discuss {
    padding:25px;
}



.inner-header{
	background-color: #eee;
	width: 95px;
	height: 95px;
	
	position: absolute;
	top: 0px;
	right: 0px;
}
.inner-header-icon{
	color: #ffffff;
	height: 95px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 95px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.inner-header-icon:hover{
	background-color: rgba(0,0,0,0.2);
	cursor: pointer;
}
.inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: rgba(0,0,0,1);
}
.inner-header-icon span:nth-child(1){
	transform: translateY(4px) rotate(0deg);
}
        
.inner-header-icon span:nth-child(2){
	opacity: 0;
}
        
.inner-header-icon span:nth-child(3){
	transform: translateY(-4px) rotate(0deg);
}
.inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
}
.inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
}
.inner-header-icon-click span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickthird;
}

@keyframes clickfirst {
	0% {
		transform: translateY(4px) rotate(0deg);
	}
	100% {
		transform: translateY(0) rotate(45deg);
	}
}

@keyframes clicksecond {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
        

@keyframes clickthird {
	0% {
		transform: translateY(-4px) rotate(0deg);
	}
        
	100% {
		transform: translateY(0) rotate(-45deg);
	}
}	
        
.inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
}
        
.inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
}
.inner-header-icon-out span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outthird;
}
        
@keyframes outfirst {
	0% {
    	transform: translateY(0) rotate(-45deg);
	}
        
	100% {
    	transform: translateY(-4px) rotate(0deg);
	}
}
        
@keyframes outsecond {
	0% {
    	opacity: 0;
	}
        
	100% {
    	opacity: 1;
	}
}
        
@keyframes outthird {
	0% {
		transform: translateY(0) rotate(45deg);
	}
        
	100% {
		transform: translateY(4px) rotate(0deg);
	}
}
        
.inner-nav{
	background-color: rgba(238,238,238,0.9);
	width: 100%;
	position: absolute;
	top: 95px;
	left: 0px;
	padding-top: 30px;
	padding-bottom: 80px;
	display: none;
}
.inner-nav li{
	display: inline-block;
	line-height: 40px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.inner-nav .sub-menu li{
	margin-left: 0 !important;
}
.inner-nav li:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}



.share{
	max-width: 1100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.share-item{
	min-width: 250px;
    max-width: 250px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 250px;
    -ms-flex: 1 1 250px;
    flex: 1 1 250px;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-bottom: 1rem;
}
.share-item figure {
    padding: 0;
    margin: 0;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.img-item{
	width: 250px;
	height: 165px;
	display: table-cell;
    vertical-align: middle;
}
.img-item:hover{
	transform: scale(1.2);
}
.share-item figure img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.share-item figcaption {
    display: block;
    padding: .625rem .5rem;
    background: #474952;
    color: #fff;
}


.swiper-contione1{
	display: inline-block;
	margin: 0 10px 0 10px;
}
.app1{
	margin-top: 5rem;
}
.app-left{
	display: inline-block;
	
	width: 450px;
	
	
	vertical-align: top;
	color: #000;
	font-size: 26px;
	line-height: 200px;
}
.app-left img{
	width: 60px;
	height: 60px;
	margin: 10px;
	vertical-align: middle;
}
.app-bg{
	background: url('../image/app-bg.jpg');
}



body .loader {
    background-color: #000000;
    position: fixed;
    display: block;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    z-index: 1000;
    overflow: hidden;
    transition: all 2s ease-in-out;
  }
  body .loader .lds-ripple {
    position: absolute;
    display: block;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  body .loader .lds-ripple div {
    position: absolute;
    border: 4px solid #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  body .loader .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
  }
  body .loader.is-loaded {
    opacity: 0;
    visibility: hidden;
    z-index: -99;
  }
  @keyframes lds-ripple {
    0% {
      top: 28px;
      left: 28px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: -1px;
      left: -1px;
      width: 58px;
      height: 58px;
      opacity: 0;
    }
  }

.sec-left,.sec-right{
	width: 50%;
	height: 95%;
	display: inline-block;
	float: left;
}
.sec-left{
	background-color: #fff;
	color: #000;
	text-align: left !important;
}
.sec-left .box{
	vertical-align: middle;
	margin: 6rem 0 0 6rem;
}
.sec-right{
	position: relative;
	background: url('../image/footer-bg.jpg');
	color: #fff;
	z-index: 1
}
.sec-right .box{
	float: right;
	width: 84%;
	text-align: left;
	vertical-align: middle;
	margin: 6rem 0;
}
.sec-right .box p:nth-child(1){
	font-size: 2rem;
	line-height: 3rem;
	font-weight: bold;
	margin-bottom: 1.25rem;
}
.sec-right .box p:nth-child(2){
	font-size: 1.125rem;
	margin-bottom: 4.5rem;
}
.sec-right .box .size{
	font-size: 1.125rem;
	line-height: 2rem;
	margin: 0 0 0.25rem;
}
.sec-right .box img{
	float: left;
	margin: 0 0.5rem 0 1.8rem;
	
	background:url('../image/lianxixi.png')  no-repeat;
	height:1.875rem;
	width:1.875rem;
	border-radius:50%;

}

.sec-right .box .lianxi{background-position: -1px -1px;}
.sec-right .box .lianxi1{background-position: -1px -33px;}
.sec-right .box .lianxi2{background-position: -1px -65px;}
.sec-right .box .lianxi3{background-position: -1px -97px;}
.sec-right .box .lianxi4{background-position: -1px -129px;}
.sec-right .box .lianxi5{background-position: -1px -161px;}
.sec-right .box .lianxi6{background-position: -1px -193px;}

.sec-right .box a{
	color: #f5f5f5;
	font-size: 0.8rem;
	margin: 0 0.5rem 0 4.1rem;
	text-decoration: underline;
}
.sec-bottom{
	
	
	height: 47px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #000;
	color: #fff;
	z-index: 2;
}
.sec-bottom p{
	font-size: 0.9rem;
	line-height: 1rem;
}
.sec-bottom p:nth-child(1){
	margin-top: 0.5rem;
}
.sec-bottom p:nth-child(2){
	font-size: 0.7rem;
	color: #5c5c5c;
}
.sec-bottom a{
	color: #5c5c5c;
}
.abb{
	background: url('../image/abb.jpg');
}


.themepark_comment_title{
	font-size: 2rem;
	line-height: 3rem;
	font-weight: bold;
	color: #2660ad;
	margin-bottom: 0.5rem;
}
.themepark_comment_title1{
	font-size: 1.1rem;
	margin-bottom: 1.5rem;
}
#commentform textarea{
	width: 70% !important;
}
#commentform #submit{
	float: left;
}
#commentform #author,#email,#tell,#company{
	
	height: 6vh;
	
	width: 17vw;
	padding: 0.8125rem 0;
	background: #f5f5f5;
	border: none;
}
input{
	outline: none;
}
textarea{
	outline: none;
	resize:none;
	padding: 15px !important;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
}
#comment{
	background: #f5f5f5;
	border: #e0e5e3 1px solid;
}
#submit{
	background: #2660ad;
	color: #fff;
	width: 7vw;
	height: 5vh;
	
	
	font-size: 0.875rem;
	line-height: 4ch;
	
	border: none;
	margin-top: 1rem !important;
}

.liuy3 {
  display: flex;         
  align-items: center;   
  gap: 10px;             
  width: 300px;          
  margin: 10px 0;        
}


.liuy2 {
  width: 120px;           
  text-align: right;     
  font-size: 14px;       
}


#email {
  flex: 1;               
  height: 32px;          
  padding: 0 8px;        
  border: 1px solid #e0e5e3;
  box-sizing: border-box; 
}
.liuy3:nth-child(1),.liuy3:nth-child(2),.liuy3:nth-child(3),.liuy3:nth-child(5){
	
	width: 20vw;
	background: #f5f5f5;
	border: #e0e5e3 1px solid;
}
.liuy3:nth-child(4) .liuy2{
	display: none;
}
.liuy3:nth-child(4){
	position: relative;
	
	top: -22vh;
	left:50%;
}
.liuy3:nth-child(5){
	margin-top: -34px;
}
.liuy3:nth-child(1) .liuy2,.liuy3:nth-child(2) .liuy2,.liuy3:nth-child(3) .liuy2,.liuy3:nth-child(5) .liuy2{
	width: 50px;
	height: 25px;
	padding-left: -50px;
	
	display: inline-block;
	vertical-align: middle;
}


.idea{
	opacity: 1;
	display: block;
	width: 50%;
	float: left;
}
.idea img{
	float: right;
	margin-right: 5rem;
	margin-top: 7rem;
}
.font_3{
	width: 50%;
	height: 300px;
	position: absolute;
	right: 0;
	margin-top: 7rem;
	z-index: 10;
	text-align: left;
	vertical-align: middle;
	color: #fff;
}
.font_3>div{
	width: 35rem;
}
.font_3 h2{
	color: #f59062;
	line-height: 40px;
}
}
.font_3 p{
	width: 50%;
	height: 42px;
	display: block;
	overflow: hidden;
	position: 25px 0 0 95px;
	font-size: 14px;
	line-height: 30px;
}
.textcontainer .app1{
	width: 1000px;
	margin: 50px auto;
}



.swiper-contione {
	width: 540px;
	height: 450px;
	overflow: hidden;
	
	position: relative;
}

.swiper {
	width: 9999999px;
	height: 450px;
	transition: all 1s ease;
}

.swiper-item {
	width: 540px;
	height: 450px;
	float: left;
	position: relative;
}

.swiper-item img {
	width: 540px;
	height: 450px;
}
.swiper-point,.swiper-point1 {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.point,.point1 {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.9);
	margin-right: 5px;
	float: left;
}

.point.active,.point1.active1 {
	background: #fff;
}

.swiper-left,.swiper-left1 {
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -60px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease;
}

.swiper-right,.swiper-right1 {
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -60px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease;
}

.swiper-left img,
.swiper-right img,
.swiper-left1 img,
.swiper-right1 img {
	cursor: pointer;
}

.swiper-contione:hover .swiper-left,
.swiper-contione1:hover .swiper-left1 {
	left: 0;
}

.swiper-contione:hover .swiper-right,
.swiper-contione1:hover .swiper-right1 {
	right: 0;
}

.swiper-contione,.swiper-contione1{
	display: inline-block;
}

.swiper-contione1 {
	width: 224px;
	height: 448px;
	overflow: hidden;
	
	position: relative;
}

.swiper1 {
	width: 9999999px;
	height: 448px;
	transition: all 1s ease;
}

.swiper-item1 {
	width: 224px;
	height: 448px;
	float: left;
	position: relative;
}

.swiper-item1 img {
	width: 224px;
	height: 448px;
}