@charset "utf-8";

p{color: #575757;}
.pulse {
 position: absolute;
 width: 76px!important; 
 height: 76px!important;
 left:-15px;
 top: -20px;
 border: 6px solid red;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;
 z-index: 1;
 opacity: 0;
 -webkit-animation: warn 3s ease-out;
 -moz-animation: warn 3s ease-out;
 animation: warn 3s ease-in;
 -webkit-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 border:2px solid  #ddd!important;
 background: #aee2fb!important;
}
.pulse1{
	top: -16px;
}
.pulse3 {
 position: absolute;
 width: 76px!important;
 height: 76px!important;
 left: -13px;
 top: -14px;
 border: 6px solid red;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 50%;
 z-index: 1;
 opacity: 0;
 -webkit-animation: warn 2s ease-out;
 -moz-animation: warn 2s ease-out;
 animation: warn 2s ease-in;
 -webkit-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 border: 2px solid #aee2fb!important;
}

.pulse5 {
 position: absolute;
 width: 76px!important;
 height: 76px!important;
 left: -13px;
 top: -14px;
 border: 6px solid red;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 50%;
 z-index: 1;
 opacity: 0;
 -webkit-animation: warn 2s ease-out;
 -moz-animation: warn 2s ease-out;
 animation: warn 2s ease-in;
 -webkit-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 border: 2px solid #aee2fb!important;
}
.pulse6 {
 position: absolute;
 width: 76px!important;
 height: 76px!important;
 left: -13px;
 top: -14px;
 border: 6px solid red;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 50%;
 z-index: 1;
 opacity: 0;
 -webkit-animation: warn 2s ease-out;
 -moz-animation: warn 2s ease-out;
 animation: warn 2s ease-in;
 -webkit-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 border: 2px solid #aee2fb!important;
}

.pulse4{
	top: -13px;
}
@keyframes warn {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
				-webkit-transform: scale(1);
                opacity: 0.0;
            }
        }
        @keyframes warn1 {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.5;
            }
            100% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.0;
            }
        }
        @-webkit-keyframes "warn" {
            0% {
				transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 0.0;
            }
            25% {
				transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 0.1;
            }
            50% {
				transform: scale(0.1);
                -webkit-transform: scale(0.1);
                opacity: 0.3;
            }
            75% {
				transform: scale(0.5);
                -webkit-transform: scale(0.5);
                opacity: 0.5;
            }
            100% {
				transform: scale(1);
                -webkit-transform: scale(1);
                opacity: 0.0;
            }
        }


body{ padding:0px; margin:0px auto; color:#636363; min-width:320px;font-weight:normal!important}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style:none;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#414446; text-decoration:none; }
a:focus {outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ text-decoration:none; color:#3ab9f2;}
.clear{ clear:both; height:0px; overflow:hidden;}


.MainContent{  margin:0 auto; max-width:1100px;}
.MainContent1{  margin:0 auto;}
@media screen and (max-width:1200px){
	.MainContent{ padding:0 3.5%;}	
}
.Content{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:13px; line-height:24px;}





			/*		body{
				font-family: 'OyUCA','ctzhongyuansjthin';
							}*/
/*pages*/
.Pages{}
/*pages end*/

/*Top*/
.Toper{ width:100%;  position:fixed;width: 100%;
    height: 70px;
    top: 0px;
    background: #fff;z-index: 1111; }
.Top{ max-width:1100px; margin:0 auto; padding:15px 0 0px; position:relative;}
.Top .LogoBox{ width:19%; max-width:205px; float:left;}
.Top .LogoBox a{ display:block;}

.Top .RightBox{ width:80%; float:right;}
.Top .RightBox .selectBox{ width:32px; height:24px; background:url(../images/searchbox.jpg) no-repeat left top; float:right; margin-right:11px; position:relative; }
.Top .RightBox .Buy{ display:block; width:80px; height:24px; float:right; line-height:24px; background:url(../images/bg_more.jpg) no-repeat left top; text-align:center; color:#fff;}

.MainNav1{ float:right;  width:85%;}
.MainNav1 li{ float:left; padding:0 55px 0px; position:relative; z-index:100; height: 68px; line-height: 68px;margin-top: -20px;}
.MainNav1 li a{
	color: #555;
	text-align: center;
	font-size: 16px;
	font-style: oblique;
	font-weight: bold;}
.MainNav1 li .navA b{ display:block;}
.MainNav1 li .navA span{ display:block; font-size:10px; color:#999; font-weight:normal; text-transform:uppercase;}
.SubmitBox{ position:absolute; left:0; top:76px; width:150px;  border-top:1px solid #e9e9e9; background:#fff; display:none; z-index:99;}
.MainNav1 li .Submit{ display:none; position:absolute; left:28px; top:60px; width:245px;  z-index:1; background: rgba(255,255,2555,0.7);}
.MainNav1 li .Submit .blueMenu{background: url(../images/blueIcon.png); }
.MainNav1 li .Submit dl dd{ padding:0 15px;border-bottom: 1px solid #eee;height: 70px; line-height: 70px;}
.MainNav1 li .Submit dl dd a{ 
	font-size:12px; 
	color:#555; 
	height: 40px;
	line-height: 40px;
	opacity: 1!important;
    text-align: center;
    font-size: 16px;
    font-style: oblique;}
.MainNav1 li .Submit dl dd a:hover{ color:#3ab9f2;}
.MainNav1 .grayMenu {
	width: 9px;
	height: 9px;
	display: inline-block;
	background: url(../images/grayIcon.png);
	margin-right: 10px;
}
.MainNav1 li#nav3 .Submit { }
.menuTwo a{
	font-size: 14px!important;
	font-weight: normal!important;
}
.MainNav1 li a:hover,.MainNav1 li a:hover span{ color:#3ab9f2;}
/* .MainNav1 li.onnav a,.MainNav1 li.onnav a span{ color:#3ab9f2;} */
.MainNav2{ display:none;}
.Top .BtnMainnav{ display:none; float:right; color:#BF9C48; font-size:20px; padding-left:15px; cursor:pointer;}

.MainNav2{ background:#f1f1f1; position:absolute; right:0px; top:70px; width:300px; z-index:99;  }
.MainNav2 ul{}
.MainNav2 li{ width:100%; border-bottom:1px solid #eee; padding:10px 0;border-top: 1px solid #aaaaaa; line-height: normal; padding: 10px 0; }

.MainNav2 li .navA { font-size: 1.5em; font-weight: bold;color: #333; padding: 0 42px; line-height: 2;}
.MainNav2 li .Submit dl dd{ padding: 7px 42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.MainNav2 li .Submit dl dd a { color: #333; display: block; font-size: 1.333em;line-height: 18px; padding-left: 10px;}
.MainNav2 li .Submit dl dd dd:hover {
    background: #d4d4d4 none repeat scroll 0 0;
}
.Texthide { display:none;}
.SreachBox{ display:none; width:200px; height:30px; background:url(../images/searchbox.png) no-repeat left top; position:absolute; right:7px; top:63px; padding:1px; overflow:hidden; z-index:9;}
.SreachBox .sreach_btn{ width:31px; height:30px; display:block; float:right;}
.SreachBox .sreach_ipu{ width:155px; padding-left:10px; height:30px; line-height:30px; border:0px; background:none; color:#7E7E7E; float:left;}
	.menuTwo p {
	    margin: 0;
		float: left;
		margin-top: -20px;
		margin-left: 20px;
	}
	.menuTwo p a{
		font-size: 14px!important;
		font-style: normal!important;
	}
	.Submit dl{
		clear: both;
	}
	.MainNav1 li .Submit dl dd{
		overflow: hidden;
	}
@media screen and (max-width:1200px){
	.Top{ padding:20px 3.5%;}
	.content-one {
	    padding:0 1rem;
	    line-height: 1rem;
	}
	.content-one-wrap {
	    width: 30%;
	    float: left;
	    margin-left: 1.5%;
	    text-align: center;
	    line-height: 1.2rem;
	}
	.content-one h2 {
	    font-size: 18px;
	    line-height: 50px;
	}
	.content-one-wraps {
	    overflow: hidden;
	    margin-top: 1rem;
	}
	.content-one-wraps dd {
	    font-weight: bold;
	    font-size: 16px;
	}
	.MainNav1{width: 93%;}
	.MainNav1 li{padding: 0 1% 10px;}
	.Contain { padding:4% 0;}
}
@media screen and (max-width:865px){
	.MainNav1{ display:none;}
	.Top .BtnMainnav{ display:block;}
	.Top .LogoBox{ width:29%;}
	.Top .RightBox{ width:70%;}
}
@media screen and (max-width:360px){
	.Top .LogoBox{ width:35%;}
	.Top .RightBox{ width:64%;}
}

.Contain { padding:45px 0 130px;}
.Bottomer{ width:100%; background:#062437; padding:100px 0 2% 80px; font-size: 14px;color: #6e8698;}
.Bottom{ max-width:1100px; margin:0 auto;}
.Bottomer a{color:#6e8698;display: block;}
.Bottomer a:hover{color:#6e8698;}
.Bottomer .bottom-detail-left-one img{
	margin: 0 0 30px 0;
}
.Bottomer .bottom-detail div{
	float: left;
	margin-left: 158px;
	margin-top: 20px;
}
.bottom-detail{
	width: 1100px;
	height: 180px;
}
.Bottomer .bottom-detail div:nth-of-type(1){
	margin-left: -80px;
	margin-top: 0;
}
.bottom-connect img:nth-of-type(2){
	margin-left:20px
}
.Bottomer .bottom-connect p{
	margin-top: 20px;
}
.Bottomer .bottom-detail-left-two,.Bottomer .bottom-detail-left-three,.Bottomer .bottom-detail-left-four{
	color: #fff;
}
.Bottomer .bottom-detail-left-two p,.Bottomer .bottom-detail-left-three p,.Bottomer .bottom-detail-left-four p{
	margin-bottom: 20px;
}
.Bottomer .bottom-connect{
	clear: both;
	margin-top: 30px;
	margin-left: -80px;
}
.bannerBottom .banneract{background-color: #00b1f8;}
.ReturnTop{ position:fixed; bottom:60px; right:50px; width:54px; height:54px; z-index:100; display:none;}
.ReturnTop a{ display:block; width:54px; height:54px; display:block; background:url(../images/btn_top.png) no-repeat left top; background-size:100% 100%; opacity:1;}

@media screen and (max-width:1200px){
	.Bottom{ padding:20px 3.5%;}	
}
@media screen and (max-width:860px){
	/*.Bottom{ margin-top:30px;}	*/
}
@media screen and (max-width:640px){
    .Bottom .LinkList a .WeixinBox { width:80px; height:80px; left:-26px;}
    .ReturnTop { width:40px; height:40px; right:30px;}
    .ReturnTop a{ width:40px; height:40px; }
}
/*Bottom*/

/*Banner*/
.wapban{ display:none;}
.HomeBan{ width:100%; overflow:hidden; position:relative;}
.HomeBan .btn{ display:block; width:66px; height:66px;}
.HomeBan .swiper-button-prev{ background:url(../images/prev_on.png) no-repeat left top; background-size:100% 100%;}
.HomeBan .swiper-button-prev.swiper-button-disabled{ background:url(../images/prev.png) no-repeat left top; background-size:100% 100%;}

.HomeBan .swiper-button-next{ background:url(../images/next_on.png) no-repeat left top; background-size:100% 100%;}
.HomeBan .swiper-button-next.swiper-button-disabled{ background:url(../images/next.png) no-repeat left top; background-size:100% 100%;}

.HomeBan { width:100%; position:relative;}
.HomeBan .BanList{ width:100%;}
.HomeBan .BanList ul{ width:100%;}
.HomeBan .BanList ul li{ width:100%; }
.HomeBan .BTN { position:absolute; top:41%; display:block; width:35px; height:35px; cursor:pointer;  display:none;}
.HomeBan .btn_Prev { left:5%; background:url(../images/bgprev2.png) no-repeat left top; background-size:100% 100%; }
.HomeBan .btn_Next { right:5%; background:url(../images/bgnext2.png) no-repeat left top; background-size:100% 100%;}

.HomeBan .btn_Prev.prevStop{ background:url(../images/bgprev1.png) no-repeat left top; background-size:100% 100%;}
.HomeBan .btn_Next.nextStop{ background:url(../images/bgnext1.png) no-repeat left top; background-size:100% 100%;}
.HomeBan{
	background: url(../images/banner-bg.jpg);
}
.Banli{
	height: 700px;
}
.BanList{
	width: 1200px!important;
	margin: 0 auto;
	height: 700px!important;
	position: relative;
}
.BanLis .swiper-wrapper{
	width: 1200px!important;
	margin: 0 auto;
	height: 700px!important;
}
.bannerBottom{
width: 1200px;
    height: 133px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 400px;
    background: url(../images/white-line.png);
    margin-left: -600px;
    z-index: 111;
}
.bannerBottom h3{
	color: #2C8DCC;
	margin-bottom: 10px;
	line-height: 30px;
	font-weight: bold;
	font-style: oblique;
	margin-top: 30px;
}
.bannerBottom p{

	font-size: 16px;
	margin-bottom: 0;
	line-height: 30px;
}
.bannerBottom span{
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #f3f7f8;
	display: block;
	border-radius: 50%;
	margin-top: -37px;
	position: relative;
	cursor: pointer;
}
.bannerBottom span img{
	margin: 0 auto;
	display: block;
	margin-top: 13px;
}
.bannerBottom .spn3 img{
	margin: 0 auto;
	display: block;
	margin-top: 8px;
}
.bannerBottom ul li{
	width: 19%!important;
	    float: left;
	    margin-left: 10%;
	    padding-left: 4%;
	    margin-top: 10px;
}
.tempWrap{
	height: 700px;
}
.bannerLeft{
	margin-top: 100px;
}
.bannerLeft h2{
	font-size: 60px;
	color: #2c8dcc;
	margin: 20px 0 50px;
	font-weight: bold;
	font-style: oblique;
}
.bannerLeft h4{
	font-size: 30px;
	color: #6c6c6c;
	line-height: 60px;
}
.bannerLeft{
	width: 500px;
	float: left;
}
.bannerFont{
	background: #fff;
	color: #4190aa;
	padding: 4px 10px;
	border-radius: 2px;
	font-size: 18px;
}
.bannerFont1{
	padding: 3px 20px;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 300px;
}
.bannerFont2{
	padding: 3px 20px;
	text-align: center;
	position: absolute;
	top: 21px;
	right: -34px;
}
.bannerFont3{
	width: 100px;
	text-align: center;
	position: absolute;
	bottom: 179px;
	right: 418px;
}

.bannerFont4{
	/* width:100px!important; */
	padding: 3px 20px;
	text-align: center;
	position: absolute;
	bottom: 94px;
	right: -79px;
}

@media screen and (max-width:1024px){
	.HomeBan .BTN { width:45px; height:45px;}
	.mobile-footer-content div{
		width: 20%;
	}
	
}
@media screen and (max-width:410px){
	.mobile-footer-content div{
		width: 20%;
	}
}
@media only screen and (min-width:411px) and (max-width:1024px){
	.mobile-footer-content div{
		width: 21%;
	}
}
@media screen and (max-width:640px){
	.HomeBan .BTN { display:none;}
	.CPban{ display:none;}
	.wapban{ display:block;}
}

.Banner{ text-align:center;}
.BannerMoblie{text-align:center; display:none;}

/*Banner*/

/*index*/
.HomeTitle{  width:200px; text-align:center;}
.HomeTitle2{ margin:106px auto 0;}
.HomeTitle span{
	font-size: 48px;
	    color: #3ab9f2;
	    display: block;
	    font-weight: bold;
	    font-style: oblique;
}
.HomeTitle em{ text-transform:uppercase; color:#999; font-size:18px; display:block; font-style:normal; letter-spacing:-1px;}
.HomeBox4 .HomeTitle em{letter-spacing:0px;}
.HomeBox1{ background:#f9fdff; padding:66px 0 72px 0;  }
.HomeBox1 .HomeBelief{ padding-top:3%;}
.HomeBox1 .HomeBelief li{ float:left; width:28.9%; margin-right:6.5%;}
.HomeBox1 .HomeBelief li figure{ display:block; border:1px solid #cacaca;  padding:4px;box-shadow:0 0 5px #cacaca; }
.HomeBox1 .HomeBelief li figure a{ display:block; }


.HomeBox2{ padding:61px 0 100px; background:#fff }
.HomeBox2 .solution-slide{border:1px solid #ddd; width: 25%;;padding: 2.9%; margin-left: 3%; float: left;font-size: 15px; height: 200px;}
.HomeBox2 .solution-slide a{
	border: 1px solid #2b82d1;
	    color: #2b82d1;
	    margin-top: 30px;
	    border-radius: 3px;
	    display: block;
	    width: 100px;
	    height: 32px;
	    line-height: 32px;
	    text-align: center;
		font-size: 14px;
}
.solution-slide h3{
	font-size: 20px;
	margin-top: 10px;
	font-style: oblique;
	 color: #575757;
}
.solution-slide h3 span{
	margin-right: 10px;
	display: inline-block;
}
.solution-middle .solution-left{
	width:250px;
	float: left;
}
.solution-middle .solution-right{
	width: 740px;
	float: right;
	background: #F9FDFF;
	padding: 40px;
	/* margin-left: -1px; */
	margin-right: 10px;
	
}
.solution-right div{
	display: none;
}
.solution-middle .solution-left li{
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #eee;
	background: ;
	width: 260px;
	border-right: 1px solid #eee;
	background: url(../images/solution/rectangular.png);
	font-size: 20px;
	cursor: pointer;
	color: #575757;
}
.solution-middle{
	display: none;
}
.swiper-container-slide-solution .solution-slide p{
	font-size: 16px;
	color: #888;
	line-height: 30px;
	margin-bottom: 0;
	
}
.HomeBox2 .solutionActive{
	border: 1px solid #75cdf7
}
.solution-right div:nth-of-type(1){
	display: block;
}
.solution-left span {
	width: 9px;
	height: 9px;
	display: inline-block;
	margin-left: 30px;
	background: url(../images/grayIcon.png);
}
.solution-middle .solution-left .activeIcon{
	background: url(../images/blueIcon.png);
}
.solution-middle .solution-left .activeli{
	border-right: 1px solid #2b82d1;
	background: #fff;
	color:#3ab9f2;
}
.solution-content .solution-middle{
	display: none;
}
.solution-middle:nth-of-type(1){
	display: block;
}
.solution-middle-one .ul1,.solution-middle-two .ul1{
	float: left;
	width: 500px;
}
.solution-middle-one .ul2,.solution-middle-two .ul2{
	float: right;
	width: 500px;
}
.solution-middle-one .ul2 img,.solution-middle-one .ul1 img,.solution-middle-two .ul2 img,.solution-middle-two .ul1 img{
	width: 20px;
	margin-right: 10px;
}
.solution-middle-one .ul2 span,.solution-middle-one .ul1 span,.solution-middle-two .ul2 span,.solution-middle-two .ul1 span{
	font-size: 20px;
	color: #6C6C6C;
	font-style: oblique;
}
.solution-middle-one .ul2 li,.solution-middle-one .ul1 li,.solution-middle-two .ul2 li,.solution-middle-two .ul1 li{
	margin-top: 20px;
}
.solution-middle-one .ul2 p:nth-of-type(2),.solution-middle-one .ul1 p:nth-of-type(2),.solution-middle-two .ul2 p:nth-of-type(2),.solution-middle-two .ul1 p:nth-of-type(2){
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
}
.solution-middle-one img{
	vertical-align: middle;
	margin-top: -6px;
}
.CPban1 .ck-slide{
	width: 100%;
}
.left2{margin-left: -100%!important;}
.left3{margin-left: -100%!important;}
.CPban1 .banner{width: 1200px;background-color: #007AFF;}
.swiper-container-slide-solution{}
.solution-middle-one p:hover span,.solution-middle-two p:hover span{
	color: #3789d4;
}
.spannomal{
	width: 20px;
	height: 22px;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.money-solution .spn1{
	background: url("../images/solution/jinrong-solutiongray1.png") no-repeat;
	background-size: 100%;
	margin-top: -3px;
}
.money-solution .spn2{
	background: url("../images/solution/jinrong-solutiongray2.png") no-repeat;
	background-size: 100%;
}
.money-solution .spn3{
	background: url("../images/solution/jinrong-solutiongray3.png") no-repeat;
	background-size: 100%;
	margin-top: -3px;
}
.money-solution .spn4{
	background: url("../images/solution/jinrong-solutiongray4.png") no-repeat;
	background-size: 100%;
}
.money-solution .spn5{
	background: url("../images/solution/jinrong-solutiongray5.png") no-repeat;
	background-size: 100%;
}
.money-solution .spn6{
	background: url("../images/solution/jinrong-solutiongray6.png") no-repeat;
	background-size: 100%;
	margin-top: -3px;
}
.money-solution span.spn1.spannomal.spanActive{
	background: url("../images/solution/jinrong-solutionblue1.png") no-repeat;
	background-size: 100%;
	margin-top: -3px;
}
.money-solution span.spn2.spannomal.spanActive{
	background: url("../images/solution/jinrong-solutionblue2.png") no-repeat;
	background-size: 100%;
}
.money-solution span.spn3.spannomal.spanActive{
	background: url("../images/solution/jinrong-solutionblue3.png") no-repeat;
	background-size: 100%;
	margin-top: -3px;
}
.money-solution  span.spn4.spannomal.spanActive{
	background: url("../images/solution/jinrong-solutionblue4.png") no-repeat;
	background-size: 100%;
}
.money-solution  span.spn5.spannomal.spanActive{
	background: url("../images/solution/jinrong-solutionblue5.png") no-repeat;
	background-size: 100%;
}
.money-solution span.spn6.spannomal.spanActive{
	background: url("../images/solution/jinrong-solutionblue6.png") no-repeat;
	background-size: 100%;
	margin-top: -3px;
}
.solution-slide a:hover{background: #e6f7ff;}
.solution-slide:hover{border: 1px solid #75cdf7;}
.HomeBox3 .HomeKiss{ position:relative; padding-bottom:95px;}
.HomeBox3 .HomeKiss .ImageBox{ max-width:1000px; margin:0 auto; padding:36px 0 29px; overflow:hidden;}
.HomeBox3 .HomeKiss .ImageBox li{ height:auto; box-shadow:0 5px 5px rgba(0, 0, 0, 0.3); padding:4px; background:#fff; position:relative; float:left;}
.HomeBox3 .HomeKiss .ImageBox li.first{ width:30%; position:absolute; left:12px; top:33px; transform:rotate(-5deg); }
.HomeBox3 .HomeKiss .ImageBox li.second{ width:40%; margin:0 auto; }
.HomeBox3 .HomeKiss .ImageBox li.three{ width:28%; position:absolute; right:26px; top:33px; transform:rotate(5deg); z-index:-1;}
.HomeBox3 .HomeKiss .ImageBox li img{ }
.HomeBox3 .HomeKiss .Textbox{ color:#333; font-size:1.75em; text-align:center; line-height:1.1;}
.HomeBox3 .HomeKiss a.more{ background:url(../images/bg6.png) no-repeat center; width:85px; height:28px; line-height:28px; bottom:40px; left:48%; display:none;position:absolute;}
.HomeBox3 .HomeKiss a.more:hover{ background:url(../images/bg7.png) no-repeat center;}



.HomeBox4 { padding:10px 0 10px; background:#FFFFFF;height: 500px;}
.HomeBox5 { padding:10px 0 10px; background:#f1f9ff;height: 720px;}
.HomeBox4 .HomeBox4Content{
	width: 1100px;
	margin: 0 auto;
}
.HomeBox5 .HomeBox5Content{
	width: 1100px;
	margin: 0 auto;
}
.HomeBox5Content .left,.HomeBox5Content .right{
	float: left;
	width: 450px;
}
.HomeBox5Content .right{
	float: right;
}
.HomeBox5Content p{
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
	margin-top: 30px;
	color: #6C6C6C;
}
.HomeBox5Content img{
	margin-top: 35px;
	display: block;
}
.HomeBox4Content .left,.HomeBox4Content .right{
	width: 400px;
	height: 400px;
	float: left;
}
.HomeBox4Content .right{
	float: right;
}
.HomeBox4 h3,.HomeBox5 h3 {
    font-size: 48px;
    color: #3ab9f2;
    display: block;
	font-style: oblique;
    font-weight: bold;
}
.HomeBox4 .left-top h4{
	float: left;
	font-weight: bold;
}
.HomeBox4 .left-top{
	height: 50px;
	padding-top: 20px;
}
.HomeBox4 .left-top a {
    float: right;
    margin-top: 10px;
	font-size: 14px;
}
.HomeBox4 .left-top a:hover {
   color: #3ab9f2;
}
.HomeBox4 .left-bottom ul li{
	height: 70px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}
.HomeBox4 .left-bottom p{
	cursor: pointer;
	font-size: 16px;
	line-height: 30px;
}
.HomeBox4 .left-bottom span{
	font-size: 14px;
}
.HomeBox4 .left-bottom p:hover{
	color: #3ab9f2;
}

@media screen and (max-width:1400px){
	.HomeBox1,.HomeBox2{ padding:3% 0;  }
    .HomeBox3 { padding:5% 0 0%;}
    .HomeBox3 .HomeProduct { padding:6% 0 0;}
    .HomeBox4 { padding:10px 0 5%;}
}
@media screen and (max-width:1200px){
	.HomeBox4 .ImageBox{ padding:0 3%;}
    .HomeBox2 .HomeStory { padding:4%;}
}
@media screen and (max-width:980px){
	.HomeBox3 .HomeKiss .ImageBox li.first{ top:25px; }
	.HomeBox3 .HomeKiss .ImageBox li.three{ top:25px; }
    .HomeBox1 .HomeBelief li figcaption { padding:3% 0 0 0 ;}
}
@media screen and (max-width:768px){
	.HomeBox1 .HomeBelief li figcaption a{ font-size:1.33em; padding-top:3%;}
	.HomeBox1 .HomeBelief li figcaption span{ font-size:14px; padding-top:3%;}
	.HomeBox3 .HomeProduct .ImgBox img{ width:60%;}
}

@media screen and (max-width:680px){
	.HomeTitle span{ font-size:1.77em;}
	.HomeTitle em{ font-size:13px;}
	.HomeBox1 .HomeBelief li{ width:40%; padding:1%;margin:0 4%;}
	
	.HomeBox3 .HomeKiss .ImageBox li.first,.HomeBox3 .HomeKiss .ImageBox li.three{ top:16px; }
	.HomeBox3 .HomeKiss .Textbox{ font-size:1.3em;}
}

@media screen and (max-width:600px){
	.HomeBox2 .HomeStory .RightBox{ line-height:2;}
	.HomeBox4 .ImageBox li{ width:100%; float:none; padding:3.5% 0;}
	.HomeBox4 .ImageBox li .more{ font-size:14px;}
}
@media screen and (max-width:560px){
	.HomeBox1 .HomeBelief li{ width:80%; margin:0 auto; padding:3% 0; float:none;clear: both; }
	
	.HomeBox3 .HomeKiss .ImageBox{ width:90%; margin:0 auto; overflow:hidden;}
	.HomeBox3 .HomeKiss .ImageBox li.first{ width:100%; position:static; transform:none; }
	.HomeBox3 .HomeKiss .ImageBox li.second{ width:100%; position:static; transform:none; }
	.HomeBox3 .HomeKiss .ImageBox li.three{width:100%; position:static; transform:none;}
	.HomeBox3 .HomeKiss .ImageBox li img{ width:100%;}
	
}
@media screen and (max-width:400px){
	.HomeBox1 .HomeBelief li{ width:98%; }
	.HomeBox2 .HomeStory .LeftBox{ width:90%; margin:0 auto; float:none;}
	.HomeBox2 .HomeStory .RightBox{ padding-top:2%;}
}

/*index*/

/*product*/
.Product{ /*background:url(../images/bg_product.jpg) no-repeat center top; */}
.Probg1{ background:url(../images/bg_product_01.jpg) no-repeat center top; background-size:100% 100%;}
.Probg2{ background:url(../images/bg_product_02.jpg) no-repeat center top; background-size:100% 100%;}
.Probg3{ background:url(../images/bg_product_03.jpg) no-repeat center top; background-size:100% 100%;}
.Probg4{ background:url(../images/bg_product_04.jpg) no-repeat center top; background-size:100% 100%;}
.ProBox{ padding:/*163px 0 100px 0*/ 6% 0 4% 0; max-width:1100px; margin:0 auto;}
.ProBox .LeftBox{ width:40%; float:left;}
.ProBox .titleCN,.ProBox .LeftBox .titleCN{ font-size:3em; color:#555; }
.ProBox .titleEN,.ProBox .LeftBox .titleEN{ font-size:1.5em; color:#999;  text-transform:uppercase; padding-bottom:75px; }
    .ProBox .LeftBox .titleEN { padding-bottom:18px;}
.ProBox .LeftBox .detail{ font-size:14px; line-height:30px; max-width:364px;}
.ProBox .RightBox{ float:left; padding-left:10%; width:30%;  text-align:center;}
.ProBox .RightBox figure{}
.ProBox .RightBox figcaption{ font-size:14px;}

.ProBox2{ padding:5% 0 10%; position:relative;  max-width:1100px; margin:0 auto;}
.ProBox2 .LeftBox{ padding-top:10%;}
.ProBox2 .RightBox{ padding:0; width:86%; position:absolute; right:-28%; top:10%; }
.ProBox2 .RightBox ul{}
.ProBox2 .RightBox ul li{ float:left; padding:0; text-align:left; width:27%;}
.ProBox2 .RightBox ul li figcaption{ padding-top:20px; padding-left:8%;}

.ProBox3{ padding:/*50px 0 110px*/ 5% 0 6%; position:relative;  max-width:1100px; margin:0 auto;}
.ProBox3 .LeftBox{ width:20%;}
.ProBox3 .LeftBox .title{ color:#555; font-size:1.8em; padding-bottom:19px;}
.ProBox3 .RightBox{ padding:0; width:79%; position:relative; right:-8%;  }
.ProBox3 .RightBox ul{}
.ProBox3 .RightBox ul li{ float:left; padding:0; text-align:center; width:24.5%;}
.ProBox3 .RightBox ul li figcaption{  position:relative; top:-35px; }
.ProBox3 .RightBox ul li{}
.ProBox3 .LeftBox .detail,.ProBox4 .LeftBox .detail{ }

.ProBox4{ padding:3% 0 6% 0;}
.ProBox4 .LeftBox{ width:20%;}
.ProBox4 .LeftBox .title{ color:#555; font-size:1.8em; padding-bottom:19px;}
.ProBox4 .RightBox{ padding:0; width:79%;/* padding-left:5%;*/ position:relative; right:-8%;}
.ProBox4 .RightBox ul{}
.ProBox4 .RightBox ul li{ float:left; padding:0 3%; text-align:center; width:27%;}
.ProBox4 .RightBox ul li figcaption{ position:relative; top:-35px;}

@media screen and (max-width:1400px){
	.Product{ background-size:auto auto;}
/*	.ProBox1{ padding-top:10%; padding-bottom:0;}
	.ProBox2{ padding-top:7%; padding-bottom:15%;}
	.ProBox3{ padding-top:10%; padding-bottom:5%;}

    .ProBox4  { padding-bottom:0;}*/
}
@media screen and (max-width:1400px) {
    .ProBox2 .RightBox{  right:-17%; width:80%; }
    .ProBox2 { padding-bottom:10%;}
	.Probg1,.Probg2,.Probg3{ background-size:auto 100%; padding:0 3.5%;}
}
@media screen and (max-width:1280px) {
   
    .ProBox4 .RightBox,.ProBox3 .RightBox  { position:static;}
	

}
@media screen and (max-width:1020px){
	.ProBox1 .LeftBox{ width:54%;}
	.ProBox1 .RightBox{ padding-left:5%;}
	.ProBox4 .RightBox{ padding:0; width:74%; padding-left:5%;}
     .ProBox2 {  padding-bottom:0;}
   .ProBox2 .RightBox{  right:-19%; width:70%;  }
}
@media screen and (max-width:1000px){
   
	.ProBox3 .LeftBox{ width:100%; padding-bottom:20px;}
	.ProBox3 .LeftBox .title{ padding-bottom:8px;}
	.ProBox3 .RightBox{ padding:0; width:100%;}

    .ProBox .titleEN, .ProBox .LeftBox .titleEN { padding-bottom:3%;}
}

@media screen and (max-width:780px){
	.ProBox1 .RightBox{ width:40%;}
	
	.ProBox2 .LeftBox{ width:100%; padding-bottom:20px;}
	.ProBox2 .LeftBox .title{ padding-bottom:8px;}
	.ProBox2 .RightBox{ padding:0; width:100%; position:static;}
        .ProBox2 .RightBox ul li { width:32%;}

	.ProBox4 .LeftBox{ width:100%; padding-bottom:20px;}
	.ProBox4 .LeftBox .title{ padding-bottom:8px;}
	.ProBox4 .RightBox{ padding:0; width:100%;}
}
@media screen and (max-width:640px){
	.ProBox .titleCN, .ProBox .LeftBox .titleCN{ font-size:2em;}
	.ProBox .titleEN, .ProBox .LeftBox .titleEN{ font-size:1.3em;}
	.ProBox3 .LeftBox .title{ font-size:1.4em;}
	.ProBox .LeftBox .detail{ line-height:24px;}
	
	.ProBox1 .LeftBox{ width:100%; padding-bottom:2%;}
	.ProBox1 .LeftBox .title{ padding-bottom:8px;}
	.ProBox1 .RightBox{ padding:0; width:40%; text-align:center; float:none; margin:0 auto;}
	.ProBox4 .RightBox ul li figcaption,.ProBox3 .RightBox ul li figcaption{ top:-14px}
	.ProBox2 .RightBox ul li figcaption{ top:6px;}
	.ProBox2{padding-bottom:10%;}
}
@media screen and (max-width:460px){
	.ProBox3 .RightBox ul li{ width:24.5%;}
}
@media screen and (max-width:320px){
	.ProBox4 .RightBox ul li{ padding:0; width:24.5%;}
}
/*product*/

/*Contact*/
.BGContact { background:url(../images/bgcontact.jpg) repeat-y center top; }
.contactcont { padding:93px 0 75px; }
.OnLine{ font-size:14px; color:#575757; max-width:1000px; margin:0 auto; padding:30px 0 0;}
.OnLine .LeftBox{ float:left; width:50%;}
.OnLine .LeftBox li{ padding:10px 20px 10px 0;}
.OnLine .text{ background:#fff; padding-left:4%; width:95%; height:39px; line-height:39px; border:1px solid #e6e6e6; border-radius:5px;}
.OnLine .BtnBox{ padding-top:15px;}
.OnLine .Btn{ width:135px; height:40px; line-height:40px; text-align:center; font-size:15px; }
.OnLine .Submit{ background:url(../images/btn_submit.jpg) no-repeat left top; color:#fff; margin-right:10px;}
.OnLine .reset{ background:url(../images/btn_reset.jpg) no-repeat left top; color:#575757;}
.OnLine .RightBox{ width:49%; float:left; padding-top:10px;}
.OnLine .RightBox .textarea{ padding:10px 4%; height:140px;}

@media screen and (max-width:1200px){
	.OnLine{  padding:1% 0 0;}
    .contactcont { padding:4% 0;}
}

@media screen and (max-width:640px){
	.OnLine .LeftBox,.OnLine .RightBox{ float:none; width:100%;}
}

.Map{ width:100%;height:400px;}
/*Contact*/

/*魅力卡士*/
.KissCont{ }
.KissBox1{ width:100%; background:url(../images/bg_kissbox1.jpg) no-repeat center top; padding:90px 0; background-size:100% 100%;}
.KissBox1 .title{ color:#333; font-size:3em; text-align:center; padding-bottom:6%; margin-bottom:0; }
.KissBox1 li{ width:28%; float:left; margin-right:8%; background:url(../images/bg_textbox.png) no-repeat left top; background-size:100% 100%; padding:0;}
.KissBox1 figure{ text-align:center; padding-bottom:40px; }
.KissBox1 .textBox{ padding:0 30px; }
.KissBox1 .textBox .title{ display:block; text-align:center; font-size:15px; color:#555; padding:0 0 5px; height:42px; overflow:hidden;}
.KissBox1 .textBox .detail{ display:block; font-size:1.065em; color:#575757; margin-bottom:3%; line-height:1.8em; height:9em; overflow:hidden; }
.KissBox1 li .BtnMore{ display:block; width:38px; height:38px; background:url(../images/ico_more.jpg) no-repeat left top; margin:7% auto 0;}
.KissBox1 li .BtnMoreOn{ background:url(../images/ico_moreon.jpg) no-repeat left center;}

.KissBox2{ width:100%; background:url(../images/bg_kissbox2.jpg) no-repeat center bottom; padding:85px 0 100px; background-size:auto 100%; }
.KissBox2 .title{ color:#333; font-size:3em; text-align:center; padding-bottom:6%; }
.KissBox2 li{ width:28%; float:left; margin-right:8%; background:url(../images/bg_textbox.png) no-repeat left top; background-size:100% 100%; padding:0;}
.KissBox2 figure{ text-align:center; padding:5% 30px 0px 30px; }
.KissBox2 figure img{ height:180px; max-width:240px;}
.KissBox2 .textBox{ padding:0 30px; }
.KissBox2 .textBox .title{ display:block; text-align:center; font-size:15px; color:#555; padding:0 0 5px; height:48px;}
.KissBox2 .textBox .detail{ display:block; font-size:14px; color:#575757; margin-bottom:30px; height:3.6em; overflow:hidden; line-height:1.8em; }
.KissBox2 li .BtnMore{ display:block; width:38px; height:38px; background:url(../images/ico_more.jpg) no-repeat left top; margin:0 auto;}
.KissBox2 li .BtnMoreOn{ background:url(../images/ico_moreon.jpg) no-repeat left center;}

.KissBox3{ width:100%; padding:180px 0 215px; background:url(../images/bg_kissbox3.jpg) no-repeat center top;}
.KissBox3 .textBox{ max-width:760px; margin:0 auto; background:url(../images/bg_text.png) no-repeat left top; background-size: 100% 100%;}
.KissBox3 .text{ padding:8% 4%; color:#fff; }
.KissBox3 .title{ padding-bottom:2.5%; text-align:center; font-size:3em; margin:0;}
.KissBox3 .detail{ font-size:14px; line-height:24px; }

.KissBox4{ width:100%; padding:175px 0 210px; background:url(../images/bg_kissbox4.jpg) no-repeat center top;}
.KissBox4 .textBox{ max-width:760px; margin:0 auto; background:url(../images/bg_text.png) no-repeat left top; background-size: 100% 100%;}
.KissBox4 .text{ padding:6% 6% 7%; color:#fff; }
.KissBox4 .title{ padding-bottom:2.5%; text-align:center; font-size:3em; margin-bottom:0;}
.KissBox4 .detail{ font-size:14px; line-height:24px; }

.KissBox5{ width:100%; background:url(../images/bg_kissbox5.jpg) no-repeat center top;}
.KissBox5 .ABox{ margin:0 auto; width:270px;  padding:19% 0;}
.KissBox5 .ABox a{ display:block; background:url(../images/bg_a.png) no-repeat left top; background-size:100% 100%; line-height:3em;  color:#fff; font-size:2em; text-align:center; }

@media screen and (max-width:1100px) {
    .KissBox1,.KissBox2 { padding:3% 0;}
   .KissBox4, .KissBox3 { padding:10% 0;}
}
@media screen and (max-width:1100px){
	/*.KissBox1{ background-size:auto auto;}*/
	.KissBox1 li{ width:30.5%; margin-right:3%;}
	.KissBox1 .textBox{ padding:0 5%;}
	.KissBox2 .title,.KissBox1 .title{ padding-bottom:3%;}
	
	.KissBox2 li{ width:30.5%; margin-right:3%;}
	.KissBox2 .textBox{ padding:0 5%;}
}
@media screen and (max-width:850px){
	.KissBox1 li{ width:46%; margin-bottom:4%; margin-right:4%;}
	.KissBox1 .textBox{ padding:0 8%;}
	
	}
@media screen and (max-width:850px){
	.KissBox1 li{ width:46%; margin-bottom:4%; margin-right:4%;}
	.KissBox1 .textBox{ padding:0 8%;}
	}
@media screen and (max-width:640px){
	.KissBox3 .title,.KissBox4 .title,.KissBox2 .title,.KissBox1 .title{ font-size:2em;}
	
	.KissBox2 li{ width:46%; margin-bottom:4%; margin-right:4%;}
	.KissBox2 .textBox{ padding:0 8%;}
	.KissBox5{ background:url(../images/bg_kissbox5_1.jpg) no-repeat center top; background-size:100% auto;}
	.KissBox5 .ABox{ padding:27% 0 27%;}
	.KissBox5 .ABox a{ margin:0 auto; line-height:2.25em; width:65%;}
	}
@media screen and (max-width:580px){
	.KissBox1 li{ width:100%; margin-bottom:4%; margin-right:0; float:none; padding:6% 0;}
	.KissBox1 .textBox{ padding:0 8%;}
	
	.KissBox2 li{ width:100%; margin-bottom:4%; margin-right:0; float:none; padding:6% 0;}
	}
/*魅力卡士*/



/* 
.AboutBox_1{ max-width:1000px; margin:0 auto; padding:3% 0 4%;}
.AboutBox_1 .LeftBox{ float:left; width:40%; padding-left:9%;}
.AboutBox_1 .LeftBox figure{ box-shadow:1px 3px 5px #555; padding:5px; height: 210px;}


.AboutBox_1 .RightBox{ float:left; padding-left:5%; padding-top:2%; width:40%;}
.AboutBox_1 .RightBox .titleCn{ font-size:1.5em; color:#999; margin:0;}
.AboutBox_1 .RightBox .titleEn{ font-size:15px; color:#333; font-family:Arial; }
.AboutBox_1 .RightBox .detail{ color:#575757; font-size:14px; line-height:24px; }

.AboutBox_2{ padding:0; } */
/* .AboutBox_2 .textBox{ line-height:24px; font-size:14px; color:#575757; text-align:center; padding:2% 0; max-width:900px; margin:0 auto;}
.AboutBox_2 .AboutHonour{ background:url(../images/bg_honour.png) no-repeat center top; position:relative; width:1000px; margin:0 auto; height:664px;}
.AboutBox_2 .AboutHonour li{ width:100%;}
.AboutBox_2 .AboutHonour li figure{ float:left; } 
.AboutBox_2 .AboutHonour li figcaption{ float:left; color:#575757; padding-left:20px; line-height:24px;}
.AboutBox_2 .AboutHonour li figcaption span{ display:block; font-size:15px; font-weight:bold;}
.AboutBox_2 .AboutHonour li figcaption em{ display:block; font-size:12px; font-style:normal;}
.AboutBox_2 .AboutHonour li .year{ color:#3ab9f2; font-size:3em; }

.AboutBox_2 .AboutHonour li.li1{ width:630px; padding-left:20px; padding-top:30px;}
.AboutBox_2 .AboutHonour li.li1 figcaption{ padding-top:81px;}
.AboutBox_2 .AboutHonour li.li1 .year{ float:right; padding-top:39px; }

.AboutBox_2 .AboutHonour li.li2{ position:absolute; left:30px; top:157px;}
.AboutBox_2 .AboutHonour li.li2 figcaption{ padding-top:81px; text-align:right; width:270px; padding-right:20px;}
.AboutBox_2 .AboutHonour li.li2 .year{ float:left; padding-top:39px; padding-left:360px; }

.AboutBox_2 .AboutHonour li.li3{ width:515px; position:absolute; left:85px; top:257px;}
.AboutBox_2 .AboutHonour li.li3 figcaption{ padding-top:101px;}
.AboutBox_2 .AboutHonour li.li3 .year{ float:right; padding-top:63px; }

.AboutBox_2 .AboutHonour li.li4{ position:absolute; left:30px; top:417px;}
.AboutBox_2 .AboutHonour li.li4 figcaption{ padding-top:116px; text-align:right; width:206px; padding-right:20px;}
.AboutBox_2 .AboutHonour li.li4 .year{ float:left; padding-top:79px; padding-left:380px; }

.AboutBox_3{}
.AboutBox_3 .textBox{ line-height:24px; font-size:14px; color:#575757; text-align:center; padding:2% 0 0%; margin:0 auto; max-width:658px;}
.AboutBox_3 .textBox .ImgBox { padding-top:3%;}
.AboutBox_3 .textBox .ImgBox img{ box-shadow:1px 3px 5px #999; padding:5px; max-width:96%;}

.aboutbg{ background:url(../images/bg_about_01.jpg) no-repeat top center; background-size:auto 100%; padding:3% 0;}
.aboutbg1{ background:url(../images/bg_about_02.jpg) no-repeat top center; background-size:auto 100%;padding:3% 0 5%;} */

@media screen and (max-width:1100px){
	.AboutBox_1 .LeftBox{ padding-left:3%;}
	.AboutBox_1 .RightBox{ width:50%;}

    .AboutCont,.AboutBox_1 {  padding:4% 0;}
    .AboutBox_2 { padding:0 0 4%; }
}
@media screen and (max-width:1077px){
	.AboutBox_2 .AboutHonour{ background:none; height:auto; width:100%;}
	.AboutBox_2 .AboutHonour li{ margin:0 auto; padding-bottom:3%;}	
	.AboutBox_2 .AboutHonour li .year{ width:357px;}
	
	
	.AboutBox_2 .AboutHonour li.li1{ width:100%; max-width:670px; padding-left:0; padding-top:30px; }
	.AboutBox_2 .AboutHonour li.li1 figcaption{ margin-left:20px; padding-left:0; padding-top:81px; background:url(../images/bg_li.png) no-repeat right center;  width:49%;}
	.AboutBox_2 .AboutHonour li.li1 .year{ float:left; margin-top:40px; margin-left:10px; padding:0; width:auto; }
	
	.AboutBox_2 .AboutHonour li.li2{ position:static; width:100%; max-width:670px; }
	.AboutBox_2 .AboutHonour li.li2 figcaption{ margin:0 3%; padding:0; padding-top:81px; background:url(../images/bg_li.png) no-repeat right center;  width:49%;}
	.AboutBox_2 .AboutHonour li.li2 .year{ float:left; padding-top:39px; padding-left:0; width:auto; }
	
	.AboutBox_2 .AboutHonour li.li3{ position:static; width:100%; max-width:670px; padding-left:0; padding-top:30px; }
	.AboutBox_2 .AboutHonour li.li3 figcaption{ margin-left:20px; padding-left:0; padding-top:81px; background:url(../images/bg_li.png) no-repeat right center;  width:49%;}
	.AboutBox_2 .AboutHonour li.li3 .year{ float:left; margin-top:40px; margin-left:10px; padding:0; width:auto; }
	
	.AboutBox_2 .AboutHonour li.li4{ position:static; width:100%; max-width:670px; }
	.AboutBox_2 .AboutHonour li.li4 figcaption{ margin:0 3%; padding:0; padding-top:81px; background:url(../images/bg_li.png) no-repeat right center;  width:49%;}
	.AboutBox_2 .AboutHonour li.li4 .year{ float:left; padding-top:39px; padding-left:0; width:auto; }
	}
@media screen and (max-width:938px){
	.AboutBox_1 .LeftBox{ padding-left:1%;}
}

@media screen and (max-width:880px){
	.AboutBox_1 .RightBox{ padding-top:0;}
}
@media screen and (max-width:768px){
	.AboutBox_2 .AboutHonour li{ }
	.AboutBox_2 .AboutHonour li.li1 figcaption{ width:40%; margin:0 5%; }
	.AboutBox_2 .AboutHonour li.li1 .year{ width:10%;}
	.AboutBox_2 .AboutHonour li.li1 figure{ width:28%;}
	
	.AboutBox_2 .AboutHonour li.li2 figcaption{ width:40%; margin:0 5%; }
	.AboutBox_2 .AboutHonour li.li2 .year{ width:10%;}
	.AboutBox_2 .AboutHonour li.li2 figure{ width:28%;}
	
	.AboutBox_2 .AboutHonour li.li3 figcaption{ width:40%; margin:0 5%; }
	.AboutBox_2 .AboutHonour li.li3 .year{ width:10%;}
	.AboutBox_2 .AboutHonour li.li3 figure{ width:28%;}
	
	.AboutBox_2 .AboutHonour li.li4 figcaption{ width:40%; margin:0 5%; }
	.AboutBox_2 .AboutHonour li.li4 .year{ width:10%;}
	.AboutBox_2 .AboutHonour li.li4 figure{ width:28%;}
}

@media screen and (max-width:680px){
	.AboutTitle span{ font-size:1.77em;}
	.AboutTitle em{ font-size:13px;}
}
@media screen and (max-width:550px){
	.AboutBox_1 .LeftBox{ padding:0 0 6% 0; width:100%; float:none;}
	.AboutBox_1 .LeftBox img{ width:100%;}
	.AboutBox_1 .LeftBox figure{height: auto;}
	.AboutBox_1 .RightBox{ width:95%; float:none; padding:0 3%;}
	
	.AboutBox_2 .AboutHonour li.li1 .year{ font-size:2em;}
	.AboutBox_2 .AboutHonour li.li2 .year{ font-size:2em;}
	.AboutBox_2 .AboutHonour li.li3 .year{ font-size:2em;}
	.AboutBox_2 .AboutHonour li.li4 .year{ font-size:2em;}
	
	.AboutBox_2 .AboutHonour li.li1 figcaption{ background-position:right 20px; padding-top:50px;}
}
/*关于我们*/

/*Pages*/
.Pages{ text-align:center; font-size:1.17em; padding:0 5px;}
.Pages a{ color:#656565; display:block; float:left; width:38px; height:33px; line-height:33px; border:1px solid #ececec; margin:0;}
.Pages a.a_cur { background:#3ab9f2; color:#fff;}
.Pages em{ font-style:normal; display:block; float:left; margin:0 4px;}
.Pages span{ display:inline-block;}
.Pages .a_first,.Pages .a_end{ margin:0 4px; /*width:63px;*/}
.Pages .a_prev{ background:url(../images/bgprev.jpg) no-repeat center; margin:0 4px;}
.Pages .a_next{ background:url(../images/bgnext.jpg) no-repeat center; margin:0 4px;}

/*Pages*/

/*Brand*/
.Brand{ width:100%;}
.Brand ul li{ width:29.09%; float:left; margin-right:6.36%; margin-bottom:5%; cursor:pointer;}
.Brand ul li.liThree{ margin-right:0;}
.Brand ul li .BrandImg a{ display:block;}
.Brand ul li .BrandImg img{ width:100%;}
.Brand ul li .BrandCont{ background:url(../images/bg3.jpg) repeat-x left bottom; padding:7.8125% 0;}
.Brand ul li .BrandCont .BrandName{ font-size:1.25em; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#555; line-height:25px; font-weight:bold;}
.Brand ul li .BrandCont p{ margin:0; color:#888; font-size:1.17em; line-height:20px; height:40px; overflow:hidden; margin-bottom:20px;}
.Brand ul li .BrandCont .more{ display:block; float:right; width:85px; height:28px; background:url(../images/bg6.png) no-repeat center;}
.Brand ul li .BrandCont span{ color:#c4c4c4; line-height:1;}
.Brand ul li .BrandCont span b{ font-size:2em; font-weight:normal;}
.Brand ul li.on .BrandCont{ background:url(../images/bg4.jpg) repeat-x left bottom;}
/*.Brand ul li.on .BrandCont .BrandName{ color:#3ab9f2;}*/
.Brand ul li.on .BrandCont .more{ background:url(../images/bg7.png) no-repeat center;}

.Location{ border-bottom:1px solid #efefef;}
.Location .MainLocation{ max-width:1100px; margin:0 auto; padding:3.1818% 0;}
.Location .MainLocation .BrandTitle{ font-size:2.5em; color:#000; line-height:1; float:left;}
.Location .MainLocation dl{ float:right; color:#000; font-size:1.17em; line-height:30px; }


@media screen and (max-width:768px){
.Brand ul li{ width:46.815%;}
.Brand ul li.liThree{ margin-right:6.36%;}
.Brand ul li:nth-child(even){ margin-right:0;}

.Location .MainLocation{ padding:30px 0;}
.Location .MainLocation .BrandTitle{ float:none; line-height:1.5; font-size:1.725em}
.Location .MainLocation dl{ float:none;}
.BrandInfo{ padding:30px 0;}

}
@media screen and (max-width:480px){
.Brand ul li{ width:100%; margin-right:0;}
}


/*Brand*/

/*Food*/
.FoodTitle{ text-align:center; padding:25px 0;}
.FoodTitle a{}
.FoodTitle p{ background:url(../images/bg5.png) no-repeat center; font-size:3em; line-height:1.2; color:#333; margin:0;}
.FoodTitle span{ font-size:1.5em; color:#999; line-height:1.3; font-style:italic; text-transform:uppercase;}

.FoodTitle a:hover p,.FoodTitle a:hover span{ color:#3ab9f2;}

/*Yogurt*/
.Yogurt{ width:100%; overflow:hidden;}
.Yogurt ul li{ width:29.09%; float:left; margin-right:6.36%; margin-bottom:5%; position:relative; cursor:pointer;}
.Yogurt ul li a.box{ position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
.Yogurt ul li.liThree{ margin-right:0;}
.Yogurt ul li .YogurtImg a{ display:block;}
.Yogurt ul li .YogurtImg img{ width:100%;}
.Yogurt ul li .YogurtCont{ padding:7.8125% 0 0 0; border:5px solid; border-color:transparent; transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out;}
.Yogurt ul li .YogurtCont .YogurtName{ font-size:1.25em; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#555; line-height:25px; font-weight:bold;}
.Yogurt ul li .YogurtCont p{ margin:0; color:#888; font-size:1.17em; line-height:20px; height:40px; overflow:hidden;}
 /*.Yogurt ul li .YogurtImg a:hover { opacity:0.5;}
 .Yogurt ul li .YogurtCont .YogurtName:hover { color:#3ab9f2}*/
 .Yogurt ul li.on .YogurtCont{border-bottom: 3px #3ab9f2 solid; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,.15);}
 .Yogurt ul li .YogurtCont em{ background:url(../images/bg6.png) no-repeat center; width:85px; height:28px; display:block; margin:2% 0;}
 .Yogurt ul li.on .YogurtCont em{background:url(../images/bg7.png) no-repeat center;}
/* .Yogurt ul li.on .YogurtCont .YogurtName{ color:#3ab9f2}*/
 

.Tips{ position:relative; width:100%;}
.Tips .TipsPrev{ background:url(../images/bgprev1.png) no-repeat center; width:35px; height:35px; display:block; position:absolute; top:50%; margin-top:-37px; left:-75px; z-index:10;}
.Tips .TipsPrev:hover{ background:url(../images/bgprev2.png) no-repeat center;}
.Tips .TipsNext{ background:url(../images/bgnext1.png) no-repeat center; width:35px; height:35px; display:block; position:absolute; top:50%; margin-top:-37px; right:-75px; z-index:10;}
.Tips .TipsNext:hover{ background:url(../images/bgnext2.png) no-repeat center;}
.Tips .TipsBox{ position:relative; width:99.95%; overflow:hidden;}
.Tips .TipsBox ul{ position:absolute; left:0;}
.Tips .TipsBox ul li{ float:left; position:relative; cursor:pointer;}
.Tips .TipsBox ul li a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.Tips .TipsBox ul li a span{ display:block; width:auto; height:98.7%;}
.Tips .TipsBox ul li a:hover span{ border:3px solid #3ab9f2;}
.Tips .TipsBox ul li img{ width:100%;}
.Tips .TipsBox ul li .TipsCont{ padding:10.92% 9.56%; background:#fff;}
.Tips .TipsBox ul li .TipsCont span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.25em; color:#555; line-height:2; font-weight:bold;}
.Tips .TipsBox ul li .TipsCont p{ font-size:1.17em; color:#888; color:#888; line-height:20px; height:80px; overflow:hidden; margin-bottom:25px;}
.Tips .TipsBox ul li.on .TipsCont em{ background:url(../images/bg7.png) no-repeat center;}
.Tips .TipsBox ul li .TipsCont em{ background:url(../images/bg6.png) no-repeat center; width:85px; height:28px; display:block;}

.TipsList{ width:100%;}
.TipsList .TipsBox{ width:100%; overflow:hidden;}
.TipsList .TipsBox ul li{ float:left; width:33.33%; position:relative; margin-bottom:5%; cursor:pointer;}
.TipsList .TipsBox ul li a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.TipsList .TipsBox ul li a span { display:block; height:99%;}
.TipsList .TipsBox ul li a:hover span{ border:3px solid #3ab9f2;}
.TipsList .TipsBox ul li img{ width:100%;}
.TipsList .TipsBox ul li .TipsCont{ padding:10.92% 9.56%; background:#fff;}
.TipsList .TipsBox ul li .TipsCont span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.25em; color:#555; line-height:2; font-weight:bold;}
.TipsList .TipsBox ul li .TipsCont p{ font-size:1.17em; color:#888; color:#888; line-height:20px; height:80px; overflow:hidden; margin-bottom:25px;}
.TipsList .TipsBox ul li.on .TipsCont em{ background:url(../images/bg7.png) no-repeat center;}
.TipsList .TipsBox ul li .TipsCont em{ background:url(../images/bg6.png) no-repeat center; width:85px; height:28px; display:block;}

#boxbg{text-align: center; position:fixed; width:100%; min-width:320px; height:100%; background:url(../images/boxbg.png); display:none; z-index:1002; zoom:1;}
.boxmain{ max-width:620px; position:relative; margin:0 auto;}
.Proinfo{ text-align:center;display:inline-block;padding:0 35px;margin:0 auto; position:relative; width:620px; background:#fff;/* -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px; border:1px solid #6bc233;*/ overflow-x:hidden;overflow-y:auto;/*overflow:hidden;*/ z-index:999; box-shadow:0px 2px 6px rgba(0,0,0,0.3); padding-top:15px; }
#closed{ position:absolute; top:5%; left:auto; font-size:50px; color:#3ab9f2; display:block; cursor:pointer;height:34px; line-height:30px; background:#fff; width:34px;}
.Proinfo .info_title{ padding:2% 0px 14px; margin:0 auto; width:90%; font-size:2em; text-align:center;}
.Proinfo .info_time{ font-size:12px; text-align:center; color:#A1A1A1; font-weight:normal; border-bottom:1px dotted #ccc; padding-bottom:5px; margin:0;}
.FoodInfo .info_txt{ padding:3% 3% 3% 3%; font-size:1.125em; text-align:left;overflow-y:auto;}

.PrevNextBox .h1{ font-size:14px; font-weight:normal; margin:0;  line-height:25px;}
.PrevNextBox dl { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:25px;}
.productAiContent .sms-content .left{
	float: left;
	margin-top: 60px;
}
.productAiContent .sms-content h5{
	background: #fff;
	margin: 0;
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	font-size: 18px;
	font-weight: bold;
}
.ck-slide-dir{
	background: #fff;
	/* height: 240px; */
}
.sms-content4 .ck-slide4 li .spn4{
	float: left;
	width: 100px;

}
.sms-content12 .right span{
	float: left;
	margin-right: 10px;
	margin-top: 8px;
}
.sms-content12 span img{
	vertical-align: top!important;
}
.ck-slide4{
	height: 415px!important;
}
.ck-slide4 .ck-slide-dir{
	background: #fff;
	 height: 370px!important; 
}
.ck-slide4 .ck-slide-wrapper{
	height: 390px!important; 
}
.p-float-none p{
	float: none!important;
}
.right .ck-slide p.p-top{
	    width: 640px;
	    padding-left: 30px;
	    word-wrap: break-word;
	    word-break: break-all;
	    text-align: justify;
}
.ck-slidebox ul li em{
	width: 9px;
	height: 9px;
	background: url(../images/grayIcon.png);
}
.ck-slidebox ul{
	background: none;
}
.ck-slidebox ul li.current em{
	width: 9px;
	height: 9px;
	background:url(../images/blueIcon.png);
}
.ck-slidebox{
	left: 80%;
}
.sms-content5 li span img{
	vertical-align: middle!important;
}
.sms-content13 .right img{
	margin-top: 10px;
	margin-right: 10px;
}
.ck-slide-wrapper li div{
	width: 680px;
	clear: both;
	overflow: hidden;
	padding: 0px 30px 0 30px;
	
}
.productAiContent li span {
    float: left;
    margin: 0px 10px 0 0px;
}
.productAiContent li span img{
	vertical-align: middle;
}
.swiper-slide-voice .right span{
	float: left;
	/* margin: 10px 10px 0 0; */
}
.swiper-slide-voice .right h5{
	padding-left: 0;
}
.swiper-slide-voice .right{
	background: #fff;
	padding-left: 30px;
	width: 720px!important;
	margin-right: 50px!important;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 20px;
	
}
.swiper-slide-ai h5{
	margin-bottom: 46px;
	font-weight: bold;
	padding-left: 0;
}

.sms-content7 h5{
	margin-bottom: 50px!important;
	padding-left: 0!important;
}
.sms-content8 span{
	float: left;
}
.sms-content8 p{
	text-align: justify;
}
.sms-content9 span{
	float: left;
}
.sms-content9 .leftnew{
	float: left;
	width:308px;
}
.sms-content11 span{
	margin-top:0!important ;
}
.sms-content11 span img{
	margin-top: 10px;
}

.productAiContent .sms-content9 .aiRight{
	background: none;
	padding: 0;
	width: 700px;
}
.sms-content10 .changjing-service p{
	font-weight: bold;
	line-height: 50px!important;
}
.sms-content10 .aiRight span{
margin-top: 5px!important;
}
#HomeBox2 ul.productUl li{
	width: 140px;
	text-align: center;
	height: 30px;
	line-height: 20px;
}
.productAiContent .sms-content9 .aiRight .leftnew div{
	background: #fff;
	padding: 20px 20px 43px 20px
}
.productAiContent .sms-content9 .aiRight .leftnew div:nth-of-type(2){
	margin-top: 35px;
}
.sms-content9 .rightnew{
	float: right;
	width: 420px;
	padding: 20px;
	background: #fff;
}
.sms-content10 .aiRight{
	background: none!important;
}
.sms-content10 .changjing-service span{
	float: left;
	margin-top: 10px;
	padding-top: 15px;
}
.changjing-service {
    width: 180px;
    height: 50px;
    background: #fff;
    margin-left: 60px;
    float: left;
    margin-top: 20px;
    line-height: 50px;
    padding-left: 20px;
    box-shadow: 1px 0 5px #e3e3e3;
}
.sms-content9 .rightnew p{
	text-align: justify;
	margin-bottom: 5px;
}
.sms-content5 .ck-slide-wrapper li div{
	width: 720px;
	padding-left: 0;
}
.sms-content5 .ck-slide-wrapper{
	width: 1514px!important;
}
.sms-content5  .ck-slide{
	width: 740px;
	/* height: 280px; */
}
.sms-content5 .ck-slide-dir{
	/* height: 220px; */
}
.productAiContent .sms-content6 h5{
	padding-left: 0;
} 
.productAiContent .sms-content6 .aiRight span{
	float: left;
}
.Bottomer p{
	color: #6e8698;
}

.sms-content .right{
	width: 700px;
	float: right;
	margin-right: 100px;
	margin-top: 60px;
}
.sms-content .right p{
	font-size: 16px;
	color: #6c6c6c;
	line-height: 30px;
	margin-bottom: 0;
	font-style: normal;
	text-align: justify;
}
.sms-content .right p strong{
	font-size: 16px;
	color: #6c6c6c;
	line-height: 30px;
	margin-bottom: 0;
	margin-right: 5px;
}
.sms-content .right h3{
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	margin: 0;
}
.ck-slide-dir{
	height: 240px!important;

}
.sms-content11 .aiRight span{
	float: left;
}

dt{
	font-weight: normal!important;
}

ul.productUl li {
    font-size: 16px;
	font-weight: bold;
	width: 130px;
}
ul.productUl{
	margin-top: 20px;
}
.HomeBox1 ul.productUl li{
	position: relative;
	width: 64px;
	text-align: center;
	padding: 0 16px!important;
	height: 30px;
	font-weight: bold;
}
.HomeBox1 ul.productUl li span{
	position: absolute;
	right:-2px;
	bottom: 6px;
	color: #ccc;
}

.sms-content{
	display: none;
}
.sms-content:nth-of-type(1){
	display: block;
}
.MainContent ul li{ float:left; font-size:18px; color:#575757;cursor: pointer;}	
.productUl li span{margin-left: 20px; font-style: normal;}
.productUl li{border-bottom: 1px solid #ddd; }
.productUl .tabactive{border-bottom: 1px solid #999;}
.productUl .tabactive{border-bottom: 1px solid #3ab9f2;}
.MainContent .product{
	height: 60px;
}
.swiper-container-slide{
	width: 1200px;
	margin: 0 auto;
}
.MainContent .swiper-container-slide dl{
	width: 190px;
	float: left;
	color: #6c6c6c ;
	position: relative;
	font-size: 18px;
}
.MainContent .swiper-container-slide .pro-p{
	font-weight: bold;
	margin-left: -10px;
	margin-top: 5px;
}
.MainContent .swiper-container-slide dd{
	width: 50%;
	border-bottom: 1px solid #DDDDDD;
	position: absolute;
	top: 30px;
	left:70px;
}
.swiper-slide-voice li span img{
	vertical-align: top;
}
.productAiContent .aiLeft{
	float: left;
}
.sms-content7 .aiRight,.sms-content8 .aiRight{
	padding-top: 20px!important;
}
.productAiContent .aiRight{
    float: left;
    background: #fff;
    width: 700px;
    padding: 10px 30px 20px 30px;
    margin-top: 70px;
    margin-left: 90px;
    font-size: 16px;
    line-height: 30px;

}
.productAiContent .aiRight p{
	margin: 0;
	    font-style: normal;
	
}
.productAiContent .aiRight span{
	margin-top: 10px;
	margin-right: 10px;
	display: block;
}
.productAiContent .aiRight strong{
	margin-right: 10px;
	display: inline-block;
}
.productAiContent .aiLeft img{
	width: 300px;
}
.productAiContent .aiRight p{
	font-size: 16px;
	line-height: 30px;
}
.productAiContent li p{
	float: left;
}
.productAiContent li span{
	float: left;
}
.MainContent .swiper-container-slide dt img{
	    /* margin: 10px 6px; */
	    margin:10px;
	    display: inline-block;
	    width: 30px;
		cursor: pointer;
}
.MainContent .swiper-container-slide dt i{
	display: inline-block;
	cursor: pointer;
}
.MainContent .swiper-container-slide .activehoveli{
	    width: 50px;
	    height: 50px;
	    background: #fff;
	    border: 1.5px solid #8fd6f9;
	    border-radius: 50%;
	    display: inline-block;
}
.menuTwo p {
	    margin: 0;
		float: left;
		margin-top: -20px;
		margin-left: 20px;
	}
	.menuTwo p a{
		font-size: 14px!important;
		font-style: normal!important;
	}
	.Submit dl{
		clear: both;
	}
	.MainNav1 li .Submit dl dd{
		overflow: hidden;
	}
	.menuTwo p a{
		font-size: 16px!important;
		text-decoration: none;
	}
	.mobile-containers{
		display: none;
	}
	.pc-containers{
		display: block;
	}
	.smsContent23-pc,.smsContent2-pc-1,.safe-pc-container,.row-pc{
		display: block;
	}
	.smsContent23-mobile,.smsContent2-mobile-1,.safe-mobile-container,.row-mobile{
		display: none;
	}
	@media only screen and (min-width:1025px)
	and (max-width:1920px){
		#pc-nav,#pc-banner,#product,#pc-solution,#businessPart,#pc-footer{
			display: block;
		}
		#mobile-nav,#mobile-banner,#mobile-product,#mobile-solution,#mobile-company,#mobile-footer{
			display: none;
		}
	}
	@media only screen and (min-width:268px)
	and (max-width:1024px){
	    html,body{
			overflow-x:hidden ;
		}
		.rows-mobiles{
			margin-top: 1.5rem!important;
		}
		.minP1{
			margin-top: 2rem!important;
		}
		.smsContent23-pc,.smsContent2-pc-1,.safe-pc-container,.row-pc{
			display: none;
		}
		.smsContent23-mobile,.smsContent2-mobile-1,.safe-mobile-container, .row-mobile{
			display: block;
		}
		.col2 h3{
			font-size: 16px!important;
		}
		.job-left p, .job-right p{
			line-height: 24px!important;
			margin-bottom: 0;
		}
		.mobile-containers .swiper-container-pro,.sms-mobile-container,.voice-mobile-container,.ai-mobile-container{
			position: relative!important;
			padding-bottom: 25px;
			padding: 0 15px 25px;
		}
		.mobile-containers{
			display: block;
		}
		.pc-containers{
			display: none;
		}
		.bottom-detail-left-two{
			padding-left: 5%;
		}
		.minUl{
			margin-bottom: 4rem;
		}
		.click-li-no p{
			font-size: 16px!important;
		}
		.submenu-p,.ul-one p{
			font-size: 16px!important;
		}
		p{
			font-size: 14px!important;
			line-height: 24px;
		}
		.swiper-container2{
			padding-bottom: 0!important;
		}
		/* .slide1{
			width: 100%;
			height: 17.5rem;
			background: url(../images/smsBanner.png);
			background-size: 100%;
		}
		.slide2{
			width: 100%;
			height: 17.5rem;
			background: url(../images/voiceBanner.png);
			background-size: 100%;
		}
		.slide3{
			width: 100%;
			height: 17.5rem;
			background: url(../images/aiBanner.png);
			background-size: 100%;
		} */
		.close {
		    position: relative;
		    width: 30px!important;
		    height: 30px!important;
			opacity:1!important
		}
		
		.close::before,
		.close::after {
		    position: absolute;
		    content: ' ';
		    background-color: #0099cc!important;
		    left: 10px;
		    width: 3px;
		    height: 24px;
		}
		
		.close::before {
		    transform: rotate(45deg);
		}
		.close::after {
		    transform: rotate(-45deg);
		}
		.swiper-container-mobile-solution{
			display: none;
		}
		.conmany-mobile-h3{
			text-align: center;
			font-style: normal!important;
			margin-top: 4px;
			margin-bottom: 14px;
		}
		#pc-nav,#pc-banner,#product,#pc-solution,#businessPart,#pc-footer{
			display: none;
		}
		.dtOne{
			width: 30px;
			height: 30px;
			background: url(../images/sprite.png) -104px -125px;
			margin: 20px auto 0;
		}
		.dtTwo{
			width: 30px;
			height: 30px;
			background: url(../images/sprite.png) -13px -125px;
			margin: 20px auto 0;
		}
		.dthree{
			width: 30px;
			height: 30px;
			background: url(../images/sprite.png) -59px -125px;
			margin: 20px auto 0;
		}
		.dtTwo-one{
			width: 23px;
			height: 25px;
			margin: 10px auto;
			background: url(../images/sprite.png) -342px -323px;
		}
		.tdOne-one,.tdOne-two,.tdOne-four,.tdOne-three{
			width: 30px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -244px -221px;
		}
		.tdOne-two{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -155px -224px;
		}
		.tdOne-three{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -60px -224px;
		}
		.tdOne-four{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -340px -224px;
		}
		.topOne dd{
			line-height: 40px;
			font-size: 18px;
			text-align: center;
			font-weight: bold;
		}
		.swiper-container2,.swiper-container3,.swiper-container4,.swiper-container5{
			font-size: 14px;
			line-height: 26px;
			text-align: center;
			padding-bottom: 30px;
		}
		.dtTwo-two{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -62px -178px;
		}
		
		/*金融解决方案css*/
		
		.dtTwo-ones{
			width: 23px;
			height: 25px;
			margin: 10px auto;
			background: url(../images/sprite.png) -155px -275px;
		}
		.tdOne-ones,.tdOne-twos,.tdOne-fours,.tdOne-threes{
			width: 28px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -153px -178px;
		}
		.tdOne-twos{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -155px -323px;
		}
		.sms-icons{
			width: 31px;
			height: 33px;
			background: url(../images/sprite.png) -11px -25px;
			margin: 0 auto 10px;
		}
		.voice-icons{
			width: 31px;
			height: 33px;
			background: url(../images/sprite.png) -107px -25px;
			margin: 0 auto 10px;
		}
		.ai-icons{
			width: 31px;
			height: 33px;
			background: url(../images/sprite.png) -59px -25px;
			margin: 0 auto 10px;
		}
		.dtTwo-threes{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -246px -278px;
		}
		.dtTwo-twos{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -340px -278px;
		}
		.tdOne-threes{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -62px -323px;
		}
		.tdOne-fours{
			width: 25px;
			height: 28px;
			margin: 10px auto;
			background:url(../images/sprite.png) -246px -322px;
		}
		.topOnes dd{
			line-height: 40px;
			font-size: 18px;
			text-align: center;
			font-weight: bold;
		}
	
		
		/*==========金融解决方案css==========*/
		.p-solu{
			line-height: 24px;
			margin-bottom: 0;
			margin-top: 10px;
			text-align: center;
		}
		.swiper-container2 dd,.swiper-container3 dd,.swiper-container4 dd,.swiper-container5 dd,
		.swiper-container33 dd,.swiper-container44 dd,.swiper-container55 dd{
			font-size: 16px;
			text-align: center;
		}
		.swiper-container33,.swiper-container44,.swiper-container55{
			padding-bottom: 30px;
		}
		.mobile-nav{
			position: fixed;
			top: 0;
			left: 0;
			padding: 10px;
		}
		#mobile-nav,#mobile-banner,#mobile-product,#mobile-solution,#mobile-company,#mobile-footer{
			display: block;
			padding:0 1rem;
		}
		.gh{
			width: 30px;
			height: 30px;
			position: fixed;
			right: 10px;
			top: 20px;
			color: #0099cc!important;
			font-size: 20px;
		}
		.ul-two{
			display: none;
		}
		.submenu-content {
		    width: 100%;
		    height: auto;
		    overflow: hidden;
		    position: fixed;
		    top: 65px;
		    left: 0;
		    background: rgba(255,255,255,1);
		    text-align: left;
		    border-bottom: 1px;
		    font-size: 16px;
		    line-height: 1rem;
		    display: none;
		    z-index: 2;
		}
		.submenu-content li {
		    line-height: 45px;
		}
		
			a{
				color: #575757;
			}
		.click-li, li.click-li-no {
		    border-bottom: 1px solid #eee;
		    height: auto;
		    line-height: 1.6rem;
		}
		.submenu-content ul p {
		    color: #575757;
		}
		.submenu-content ul p {
		    margin-left: 1rem;
		    height: 50px;
		    line-height: 50px;
			margin-bottom: 0!important;
		}
		.click-li span, .click-li-no span {
		    margin-right: 22px;
			color: #666;
		}
		.click-li ul{
		    background: #fff;
		    overflow: hidden;
		    width: 100%;
		}
		.click-li .ul-one{
			padding-left: 20px;
			display: none;
		}
		#mobile-banner{
			margin-top: 70px;
		}
		
		/*==================产品中心===========*/
		.mobile-product-ul{
			width: 100%;
			clear: both;
			overflow: hidden;
		}
		.mobile-product-ul li{
			/* width: 100px; */
			padding: 0 10px;
			height: 30px;
			background: #eee;
			float: left;
			line-height: 30px;
			text-align: center;
		}
		 .mobile-act{
			background: #00B1F8!important;
			color: #fff;
		}
		.mobile-content-product{
			overflow: hidden;
			clear: both;
		}
		.mobile-content-product dl{
			width: 33%;
			float: left;
			text-align: center;
			margin-top: 3rem;
		}
		.mobile-content-product dl img{
			width: 36px;
			height: 36px;
		}
		.mobile-content-product dd{
			margin-top: 0.6rem;
			font-weight: bold;
			font-size: 16px;
		}
		.mobile-content-voice dl{
			width: 50%;
			float: left;
			text-align: center;
			margin-top: 2rem;
		}
		.mobile-solution-ul li{
			padding: 0 10px;
			height: 30px;
			background: #eee;
			float: left;
			line-height: 30px;
			width: 100px;
			text-align: center;
		}
		.mobile-solution-ul{
			height: 30px;
			margin:0 auto;
			width: 241px;
		}
		.swiper-container-mobile-solution .swiper-slide li{
			border-bottom: 1px solid #acd5f4;
			padding: 10px;
		}
		 .solution-slide a {
		    border: 1px solid #2b82d1;
		    color: #2b82d1;
		    margin-top: 10px;
		    border-radius: 3px;
		    display: block;
		    width: 100px;
		    height: 32px;
		    line-height: 32px;
		    text-align: center;
		    font-size: 14px;
			cursor: pointer;
		}
		 .solution-slide a:hover{
			 background: #00B1F8;
			 cursor: pointer; 
		 }
		 #mobile-company p{
			 text-align: justify;
		 }
		 .mobile-footer-content div{
			 float: left;
			 padding: 20px;
		 }
		 .Bottomer{
			 padding-left:0 ;
			 text-align: left;
		 }
		 .mobile-footer-content{
			 margin-left: -20px;
		 }
		 .Bottomer .bottom-detail div:nth-of-type(1){
			 margin-left: 0;
		 }
		 .Bottomer .bottom-connect{
			 margin-left: 0;
		 }
		 .submenu-p{
			position: relative;
		 }
		 .submenu-p1{
		 	position: relative;
		 }
		 .submenu-p span:nth-of-type(2),.pospan{
			 position: absolute;
			 right: -5px;
			 top: 0;
		 }
		 .submenu-p1 span:nth-of-type(2),.pospan{
		 			 position: absolute;
		 			 right: -5px;
		 			 top: 0;
		 }
		 .job-left,.job-right{
			 margin:0!important;
			 width: auto!important;
			 border: 0!important;
		 }
		 .job-job{
			 border: 0!important;
			 padding:10px!important;
			 margin-top: -10px!important;
		 }
		 .swiper-container-mobile-about {
			 margin-top: 20px;
		 }
		 #container2 {
		     width: 100%;
		     height: 100%;
		 }
		 .connect-content-mobile{
			 margin-top: -50px;
		 }
		 .content-one-wrap ul li{
			 margin-top: 1.3rem;
		 }
		 .content-one-wrap ul li a{
			 font-size: 15px;
		 }
	}
	.ul-two a{
		font-size: 15px!important;
	}
	.pThree{
		font-weight: bold;
	}
	.spn-left{
		font-weight: bold;
	}