@charset "utf-8";
/* CSS Document */
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {margin: 0px;}
input, button, ul, ol {margin: 0px;padding: 0px;}
body {overflow-x: hidden;overflow-y: auto;margin: 0;padding: 0}
body, input, button, form {font-size: 14px;line-height: 28px;font-family: "microsoft yahei", "宋体", "Arial";color: #333333;outline: none}
h1, h2, h3, h4, h5, h6 {font-size: 14px;font-weight: normal;}
ul, ol, li {list-style: none;}
input {background: none;border: 0 none;}
img, iframe {border: 0px;}
img{width: 100%;}
em, i {font-style: normal;}
a{text-decoration: none}
button, input, select, textarea {font-size: 100%;outline: none;border:none;}
button{cursor: pointer}
/*input提示文字颜色*/
input::-webkit-input-placeholder {color:#999 ; /*WebKit browsers*/}
input::-moz-placeholder {color:#999 ; /*Mozilla Firefox 4 to 18 */}
input::-moz-placeholder {color:#999 ; /*Mozilla Firefox 19+ */}
input::-ms-input-placeholder {color:#999 ; /*Internet Explorer 10+*/ }
table{ table-layout:fixed; empty-cells:show; border-collapse: collapse; margin:0 auto; }
td{ height:30px; }
h1,h2,h3{ font-size:12px; margin:0; padding:0; }
.table{ color:#666; border-collapse:collapse;text-align: center}
.table th { background-repeat:repeat-x; height:30px; }
.w1350 {max-width: 1350px;margin: 0 auto;}
.w1300 {max-width: 1300px;margin: 0 auto;}


/*电话弹窗样式*/
.mask-box{cursor: pointer}
.mask-box .mask{opacity: 0.5; position: fixed; left: 0;top: 0;width: 100%;height: 100%;background-color: #000000; z-index: 999;}
.mask-box .content{position: fixed; left: calc(50% - 250px); top: calc(50% - 112px);width: 500px; min-height: 200px;z-index: 1000;background-color: #ffffff;border-radius: 5px;}
.mask-box .title{height: 45px;line-height: 45px;font-size: 1.5rem;padding-left: 20px; background-color: #1F7EFE; color: #fff;border-radius: 5px 5px 0 0;}
.mask-box .txt{height: 120px;line-height: 40px; font-size: 1.3rem;text-align: center;color: #333;word-wrap: break-word;padding: 30px;letter-spacing: 3px;}
.mask-box .content a{color: #F44336}



/*顶部导航*/
.nav-box{display: flex;flex-direction: row;align-items: center;background-color: transparent;height: 100px;line-height: 100px;position:relative;z-index: 10;justify-content: space-between;}
.nav-box .logo{width: 193px;height: 53px;position: relative;top:-8px;margin-right: 20px;}
.nav-box .nav{flex: 1}
.nav-box .nav ul{display: flex;flex-direction: row;justify-content: center;}
.nav-box .nav ul li{padding: 0 10px;}
.nav-box .nav ul li a{font-size: 22px;color: #fff; padding: 10px;position: relative}
.nav-box .nav ul .on a{color: #ffea00}
.nav-box .nav ul li a span{position: absolute;width: 16px;height: 16px;background-color:#ffea00;left: calc(50% - 8px); top: 30px;border-radius: 50%;transition: 0.3s;opacity: 0;}
.nav-box .nav ul li a:hover span{transform:translateY(20px);opacity:1;}
.nav-box .nav ul li a:hover{color: #ffea00}
.nav-box .tel img{width:40px;height: 40px;margin-top:20px;position: relative; top: 10px;margin-right: 10px;}
.nav-box .tel span{font-size: 28px;font-weight: bold;color: #fff}



/*定制开发banner*/
.banner-box{    position: absolute;
    top: 0;
    width: 100%;
    height: 100px;
	background: #225de6;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;}
.banner-box .banner{margin-bottom: 90px;display: flex;flex-direction: column;color: #fff}
.banner-box .banner .title{display: flex;flex-direction: column;align-items: center;font-size: 40px;line-height: 100px;margin-bottom: 40px;}
.banner-box .banner .title span:nth-child(2){font-size: 30px}
.banner-box .banner .title button{background: #fff; color: #ef0000; width: 200px;  height: 58px;  border-radius: 30px;font-size: 20px; font-weight: bold;margin: 30px 0 10px;}



.swiper-container  {;overflow: hidden}
.swiper-slide {
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  
  width: 354px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


     


/*资质证书*/
/*没生意没业务*/
.method-box{ background: url(../images/bg07.jpg) #423644 center no-repeat; background-attachment: fixed; color: #fff;}
.method-box .method {display: flex;flex-direction: row;justify-content: space-between;align-items: center}
.method-box .method .left{margin-bottom: 60px;position: relative;z-index: 9;}

.method-box .method .left p{text-shadow: 1px 1px 1px #104AD2;}
.method-box .method .left p:nth-child(1){ font-size: 24px;font-weight: normal;}
.method-box .method .left p:nth-child(2){ font-size: 24px;font-weight: normal;margin-top: 16px;}
.method-box .method .left p:nth-child(3){  margin-top: 24px;font-size: 48px;line-height: 64px;}
.method-box .method .left .row{display: flex;flex-direction: row;margin-top: 16px;}
.method-box .method .left .row .tag{width: 140px;height: 48px;background: #FFFFFF;border-radius: 16px 8px 16px 8px; text-align: center;font-size: 24px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: 400;color: #225DE6; line-height: 48px;margin-right: 16px;}
.method-box .method .right{width: 600px;display: flex;flex-direction: column;align-items: center;justify-content: center}
.method-box .method .right img{width: 750px;}

.bg2-pc{display: flex;background: url(../images/seo/bg2.png)  center no-repeat; background-size:100% 700px ;  padding:157px 0 140px;}
.bg2-pc .leftImg{width: 658px;margin-left: -88px;margin-right: 92px;}
.bg2-pc .titleImg{width: 666px;}
.bg2-pc .title{font-size: 28px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #333333;margin-top: 32px;}
.bg2-pc .text{font-size: 16px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;line-height: 24px;font-weight: 00;color: #191919;margin-top: 32px;}

.bg3-pc{background: url(../images/seo/bg3.png)  center no-repeat; background-size:1920px 840px  ;  padding:80px 0 100px;}
.bg3-pc .line{width: 200px;height: 1px; background-color: #A8C1DD;margin:  0 24px;}
.bg3-pc .title{display: flex;align-items: center;justify-content: center; font-size: 40px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #225DE6;}
.bg3-pc .text{margin-top: 19px; text-align: center; font-size: 20px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: 400;color: #666;}
.bg3-pc .swiper-slide{width: 354px;margin-top: 76px;}
.bg3-pc .swiper-slide img{width: 354px;height: 480px;}
.bg3-pc .page{position: absolute; display: flex;display: flex;justify-content: space-between;width: 1350px;transform: translateY(-264px);}
.bg3-pc .page .img{width: 48px;height: 48px;}
.bg3-pc .page .swiper-next{background: url(../images/seo/left.png)  center no-repeat;background-size: 100%;}
.bg3-pc .page .swiper-next:hover{background: url(../images/seo/right.png)  center no-repeat;background-size: 100%;transform: rotateY(180deg)}
.bg3-pc .page .swiper-prev{background: url(../images/seo/left.png)  center no-repeat;background-size: 100%;transform: rotateY(180deg)}
.bg3-pc .page .swiper-prev:hover{background: url(../images/seo/right.png)  center no-repeat;background-size: 100%;transform: rotateY(0)}


.bg4-pc{background: url(../images/seo/bg4.png)  center no-repeat; background-size:1920px 840px  ;  padding:80px 0 100px;}
.bg4-pc .line{width: 200px;height: 1px; background-color: #A8C1DD;margin:  0 24px;}
.bg4-pc .title{display: flex;align-items: center;justify-content: center; font-size: 40px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #fff;}
.bg4-pc .text{margin-top: 19px; text-align: center; font-size: 20px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: 400;color: #fff;margin-bottom: 24px;}
.bg4-pc .list { display: flex; flex-wrap: wrap;justify-content: space-between;}
.bg4-pc .list .card{ display: flex;background: #FFFFFF;width: 668px;align-items: center;margin-top: 32px;}
.bg4-pc .list .card img{ width: 96px;padding: 32px; padding-right: 16px;}
.bg4-pc .list .card .label{ font-size: 24px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #333333;}
.bg4-pc .list .card .text2{ font-size: 16px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: 400;color: #333333;line-height: 24px;margin-top: 16px;width: 446px;}



/*我们郑重承诺*/
.promise-box{background: #f4f4f4}
.promise-box .promise{display: flex;flex-direction: row;justify-content: space-between;align-items: center}
.promise-box .promise img{width: 600px;display: block}
.promise-box .promise .left{margin-right:30px}
.promise-box .promise .right{flex: 1}
.promise-box .promise .right h2{height: 60px; color: #333; line-height: 60px; font-size: 50px;font-weight: normal; letter-spacing: 5px;}
.promise-box .promise .right p{color: #666;line-height: 45px;font-weight: normal; font-size: 24px;}
.promise-box .promise .right .txt{margin-top: 20px}

/*我们的优势*/
.advantage-box .advantage .title{display: flex;flex-direction: column;align-items: center;padding-top: 100px;}
.advantage-box .advantage .title h2{height: 60px; color: #333; line-height: 60px; font-size: 50px;font-weight: normal; letter-spacing: 5px;}
.advantage-box .advantage .title p{ display: block;font-size: 18px;padding-top: 5px; line-height: 40px; height: 40px; color: #666;}
.advantage-box .advantage .list .item h2{font-size: 30px;font-weight: normal;color: #000; padding-top: 100px; line-height: 40px; padding-bottom: 10px;}
.advantage-box .advantage .list .item {line-height: 26px;font-size: 20px; color: #666; height: 400px; border-bottom: #999 dotted 1px;}
.advantage-box .advantage .list .item01{background: url(../images/bg09.jpg) right center no-repeat;padding-right: 530px;}
.advantage-box .advantage .list .item02{background: url(../images/bg10.jpg) left center no-repeat; padding-left: 530px;}
.advantage-box .advantage .list .item03{background: url(../images/bg11.jpg) right center no-repeat;padding-right: 530px;}
.advantage-box .advantage .list .item04{background: url(../images/bg12.jpg) left center no-repeat; padding-left: 530px;}
.advantage-box .advantage .list .item05{background: url(../images/bg13.jpg) right center no-repeat;padding-right: 530px;}
.advantage-box .advantage .list .item06{background: url(../images/bg14.jpg) left center no-repeat; padding-left: 530px;}
.advantage-box .advantage .list .item07{ background: url(../images/bg15.jpg) right center no-repeat;padding-right: 530px;border-bottom: none}


/*网站优化与竞价排名优势对比*/
.pk-box{height: 800px;background: url(../images/bg16.jpg) #586788 center bottom no-repeat;}
.pk-box .pk .title h2{height: 60px; color: #fff; line-height: 60px; font-size: 50px;font-weight: normal; letter-spacing: 5px;text-align: center;padding-top: 80px;padding-bottom: 10px}
.pk-box .pk .list img{width: 37px;height: 36px}
.pk-box .pk .list ul li span{color: #e0cc45; font-size: 30px;font-weight: normal;height: 50px;line-height: 50px;margin-left: 10px}
.pk-box .pk .list ul li .title{display: flex;flex-direction: row;align-items: center}
.pk-box .pk .list ul li{color: #fff;font-size: 18px;line-height: 30px; padding: 10px 380px 10px 0;}

/*关键词包年价格*/
.price-box .price {display: flex;flex-direction: row;padding: 80px 0}
.price-box .price .left img{width: 458px}
.price-box .price .right{flex: 1;margin-left: 20px}
.price-box .price .right .title h2{height: 50px;line-height: 50px;text-align: center;color: #333;font-size: 50px;font-weight: normal;}
.price-box .price .right .title p{line-height: 40px;height: 40px; color: #aaa;font-size: 16px; text-align: center;border-bottom: #aaa dotted 1px;}
.price-box .price .right table{width: 100%; text-align: center;margin-top: 10px}
.price-box .price .right table tr{line-height: 50px; height: 50px;font-size: 16px;}
.price-box .price .right table tr:nth-child(2n-1){background:rgb(249, 249, 249) }
.price-box .price .right table tr:nth-child(2n){background:rgb(238, 238, 238)}
.price-box .price .right table tr font{color: #e62e3b; font-size: 18px; font-weight: normal;}




/*底部客户咨询*/
.Submission-box{background-image: url(../images/bg7.png);background-size: 100% 160px;background-repeat: no-repeat}
.Submission-box .Submission{display: flex;flex-direction: row;align-items: center;height: 160px}
.Submission-box .Submission .Submission-left{flex: 1;display: flex;flex-direction: row;align-items: center}
.Submission-box .Submission .Submission-left img{width: 280px;position: relative;top:-20px;left: -40px}
.Submission-box .Submission .Submission-left p{color: #ffea00;font-size: 30px;line-height: 40px;position: relative;left: -26px}
.Submission-box .Submission .Submission-right{display: flex;flex-direction: row;}
.Submission-box .Submission .Submission-right input{display: flex;flex-direction: row;width: 220px;height: 64px;border-radius: 4px;background: #fff;font-size: 20px;margin-right: 30px;text-indent: 58px}
.Submission-box .Submission .Submission-right .name{background-image: url(../images/name.png);background-repeat: no-repeat;background-position: center left 12px}
.Submission-box .Submission .Submission-right .phone{background-image: url(../images/phone.png);background-repeat: no-repeat;background-position: center left 12px}
.Submission-box .Submission .Submission-right button{background: #ffea00;color: #000;width: 126px;height: 64px;font-size: 20px;border-radius: 4px;}


/*底部导航*/
.footer-box{background: #3a3a3a;}
.footer-box .footer {display: flex;flex-direction: row;align-items: center;padding: 40px 0}
.footer-box .footer .footer-left{display: flex;flex-direction: row;align-items: center}
.footer-box .footer .footer-left img{width:66px;padding-right: 10px}
.footer-box .footer .footer-left span{font-size: 20px;color: #fff}
.footer-box .footer .footer-left span .on{font-size: 36px;line-height: 40px}
.footer-box .footer .footer-nav{flex: 1}
.footer-box .footer .footer-nav ul{display: flex;flex-direction: row;}
.footer-box .footer .footer-nav ul li{display: flex; align-items: center;justify-content: center;flex: 1;text-align: center;border-right: 1px solid #fff;height: 20px;}
.footer-box .footer .footer-nav ul li:first-child a{padding-left: 34px;}
.footer-box .footer .footer-nav ul li a{color: #fff;font-size: 18px;}
.footer-box .footer .footer-nav ul li:last-child{border-right: none}
.footer-box .footer .footer-right{display: flex;flex-direction: row;}
.footer-box .footer .footer-right img{width: 140px;height: 140px;padding-left: 40px}

/*版权*/
.copyright{display: flex;flex-direction: column;align-items: center;justify-content: center;background: #252426;color: #fff;font-size: 16px;height: 60px;text-align: center}






/*响应式电话弹窗*/
@media (max-width:480px){
	.mask-box .content{left: 65%; top: calc(50% - 125px);width: 300px;min-height: 250px; left: calc(50% - 150px); z-index: 1000;}
	.mask-box .title{height: 45px;line-height: 45px;font-size: 1.0rem;padding-left: 20px; background-color: #1F7EFE; color: #fff;border-radius: 5px 5px 0 0;}
	.mask-box .txt{height: 100px;line-height: 28px; font-size: 1.2rem;word-wrap: break-word; padding: 20px; letter-spacing: 3px;}
}

/*手机端拨打电话*/
.tel-bottom{display: none}
@media (max-width:480px){
 	.tel-bottom{display: block;background: #fff;display: flex;flex-direction: row;position: fixed;bottom: 0;z-index: 999;width: 100%;justify-content: center;font-size: 18px;height:76px;line-height: 76px;border-top: 1px solid #ccc;align-items: center}
	.tel-bottom button{color: #333;width: 50%}
	.tel-bottom a{text-align: center;width: 50%;border-right: 1px solid #ccc;line-height: 32px;height: 32px;color:#225de6;font-weight: bold}
}


/*响应式-手机端顶部导航*/
	.m-nav,.toggle{display: none}
 @media (max-width:480px){
	.nav,.tel{display:none;}
	.m-nav{display: block;position:fixed;bottom: 76px;left: 0; width:100%;display: flex; flex-direction: column;align-items: center;background:#fff;padding: 24px 0;border-top: 1px solid #ccc; display: flex;
    flex-direction: column;box-sizing: border-box}
	.m-nav ul{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;    margin: 0 4%;}
	.m-nav ul li{margin: 2.2% 3%;width: calc(100%/3 - 6%);}
	.m-nav a{ color: #fff; font-size: 16px; line-height: 38px;border: 1px solid #225de6; padding: 6px 6px;  display: block;  text-align: center; background: #225de6;border-radius: 6px;}
	.nav-box{line-height: 30px;margin: 0 20px;height: 80px}
	.nav-box .logo { width: 164px;height: 45px;top:0}
	.toggle{display: block;background: transparent; color: #fff;font-size:18px;}
	.toggle span{width: 24px;display: block;margin-top: 5px;height: 4px;border-radius: 4px;background: #fff;}
	.toggle span:first-child{margin-top:0} 
}
@media (min-width:426px) and (max-width:451px){
	.nav-box .logo { width: 156px;height: 43px;top:0}
	.m-nav {padding: 24px 0}
}
@media (min-width:401px) and (max-width:425px){
	.nav-box .logo { width: 156px;height: 43px;top:0}
	.m-nav {padding: 20px 0}
}
@media (min-width:376px) and (max-width:400px){
	.nav-box .logo { width: 156px;height: 43px;top:0}
	.tel-bottom{height: 50px;line-height: 50px}
	.m-nav {padding:18px 0;bottom: 50px}
}
@media (min-width:351px) and (max-width:375px){
	.nav-box .logo { width: 156px;height: 43px;top:0}
	.tel-bottom{height: 50px;line-height: 50px}
	.m-nav {padding:18px 0;bottom: 50px}
}
@media (min-width:320px) and (max-width:350px){
	.nav-box .logo { width: 140px;height: 38px;top:0}
	.tel-bottom{height: 50px;line-height: 50px}
	.m-nav a{font-size: 15px;}
	.m-nav {padding:14px 0;bottom: 50px}
}
/*响应式-手机端定制开发banner*/
	.box-app{display: none;}
	
 @media (max-width:480px){
	 .box-pc{display: none;}
	 .box-app{
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 width: 100%;overflow-x:hidden;
	 }
	 .bg2-app{
		 padding: 48px 0 43px;
		 background: url(../images/seo/bg21.png) #E0BB90 center no-repeat; background-size: 100% 100%;
	 }
	 .bg2-app .title{text-align: center; font-size: 20px;font-family: PingFang SC-Bold, PingFang SC;font-weight: bold;color: #333333;}
	 
	 .bg2-app .titleImg{width: 332px;margin-top: 10px;}
	 
	 .bg2-app .text{width: 327px;line-height: 20px;}
	 
	 
	 .bg3-app{background: url(../images/seo/bg31.png)  center no-repeat; background-size:100% 440px  ;  padding:32px 0 42px;}
	 .bg3-app .line{width: 110px;height: 1px; background-color: #A8C1DD;margin:  0 9px;}
	 .bg3-app .title{display: flex;align-items: center;justify-content: center; font-size: 22px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #225DE6;}
	 .bg3-app .text{margin-top: 8px; text-align: center; font-size: 13px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: 400;color: #666;}
	 .bg3-app .swiper-slide{width: 207px;margin-top: 20px;}	
	 .bg3-app .swiper-slide img{width: 207px;height: 280px;}
	 /* .bg3-app .page{position: absolute; display: flex;display: flex;justify-content: space-between;width: 1350px;transform: translateY(-264px);} */
	 /* .bg3-app .page .img{width: 48px;height: 48px;} */
	/* .bg3-app .page .swiper-next{background: url(../images/seo/left.png)  center no-repeat;background-size: 100%;}
	 .bg3-app .page .swiper-next:hover{background: url(../images/seo/right.png)  center no-repeat;background-size: 100%;transform: rotateY(180deg)}
	 .bg3-app .page .swiper-prev{background: url(../images/seo/left.png)  center no-repeat;background-size: 100%;transform: rotateY(180deg)}
	 .bg3-app .page .swiper-prev:hover{background: url(../images/seo/right.png)  center no-repeat;background-size: 100%;transform: rotateY(0)} */
	 
	 .bg4-app{background: url(../images/seo/bg41.png)  center no-repeat; background-size:100% 580px  ;  padding:30px 0 60px;}
	 .bg4-app .line{width: 70px;height: 1px; background-color: #A8C1DD;margin:  0 12px;}
	 .bg4-app .title{display: flex;align-items: center;justify-content: center; font-size: 20px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #fff;}
	 .bg4-app .text{margin:19px auto 0; width: 290px; text-align: center; font-size: 11px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: 400;color: #fff;margin-bottom: 14px;line-height: 16px;}
	 .bg4-app .list { display: flex;flex-direction: column;align-items: center;}
	 .bg4-app .list .card{ display: flex;background: #FFFFFF;width: 355px;align-items: center;margin-top: 15px;}
	 .bg4-app .list .card img{ width: 50px;padding: 17px; padding-right: 8px;}
	 .bg4-app .list .card .label{ line-height: 22px; font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #333333;}
	 .bg4-app .list .card .text2{line-height: 17px; font-size: 11px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: 400;color: #333333;margin-top: 8px;width: 253px;}
	 
	 
	 .nav-box{height: 80px}
	 .nav-box .logo { width: 164px;height: 45px;top:0}
	 .banner-box{height: 80px}
	 .banner-box .banner .title {display: none}
	 
	 .method-box{padding-top: 30px;background: url(../images/seo/bg11.png) center no-repeat;background-size:100% x  ; background-color: #225CE4;}
	 .method-box .method {flex-direction: column; width: 88%;}
	 .method-box .method .left { margin-right:0; margin-bottom: 27px;}
	 .method-box .method .left p:nth-child(1) { font-size: 16px;}
	 .method-box .method .left p:nth-child(2) {font-size: 16px;}
	 .method-box .method .left p:nth-child(3) {font-size: 20px;}
	 
	 .method-box .method .right img { display: none;}
	 .method-box .method .left .row .tag{width: 68px;height: 27px;background: #FFFFFF;border-radius: 8px 4px 8px 4px; text-align: center;font-size: 13px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: 400;color: #225DE6; line-height: 27px;margin-right: 16px;}
	 
	 .promise-box .promise {width: 88%; flex-direction:column-reverse;padding: 30px 0 40px;align-items: flex-start}
	 .promise-box .promise .right h2{font-size: 34px}
	 .promise-box .promise .right .txt { margin-top: 6px;}
	 .promise-box .promise .right p{font-size: 21px;line-height: 42px;}
	 .promise-box .promise .left{display: none}
	 
	 .advantage-box .advantage{width: 88%;margin: 0 auto}
	 .advantage-box .advantage .title{display: none}
	 .advantage-box .advantage .title h2{font-size: 34px;}
	 .advantage-box .advantage .title p{margin-top: 0;font-size: 17px}
	 .advantage-box .advantage .list .item{padding: 0 0 30px 0;background-image: none;height: auto;line-height: 30px; font-size: 20px;}
	 .advantage-box .advantage .list .item h2{padding-top: 46px}
	 
	 .pk-box{height: auto}
	 .pk-box .pk .list{padding: 30px 0 40px}
	 .pk-box .pk .list ul li{padding: 8px 0}
	 .pk-box .pk{width: 88%;    margin: 0 auto;}
	 .pk-box .pk .title h2 { line-height: 50px;font-size: 38px;    padding-top: 60px;    padding-bottom: 30px;}
	 
	 
}
@media (min-width:426px) and (max-width:451px){
 	.nav-box{height: 80px}
	.nav-box .logo { width: 156px;height: 43px;top:0}
	
	.method-box .method .left p:nth-child(1) {font-size: 18px;}
	.method-box .method .left p:nth-child(2) {font-size: 18px;}
	.method-box .method .left p:nth-child(3) {font-size: 26px;}
	.method-box .method .left p:nth-child(4) {font-size: 17px;}
	
	
	.promise-box .promise .right h2 {font-size: 30px;}
	.promise-box .promise .right p { font-size: 20px;line-height: 38px;}
	
	
	.advantage-box .advantage .list .item h2 {padding-top: 32px;line-height: 36px;font-size: 26px}
	.advantage-box .advantage .list .item{font-size: 18px}
	
	.pk-box .pk .title h2 {  line-height: 46px; font-size: 34px;  padding-top: 34px;padding-bottom: 16px;}
	.pk-box .pk .list ul li span{font-size: 26px}
}
@media (min-width:401px) and (max-width:425px){
	.nav-box{height: 80px}
	.nav-box .logo { width: 156px;height: 43px;top:0}
	
	.method-box {  padding-top: 16px;}
	.method-box .method .left p:nth-child(1) {font-size: 18px;}
	.method-box .method .left p:nth-child(2) {font-size: 18px;margin-top: 8px;}
	.method-box .method .left p:nth-child(3) {font-size: 26px;}
	.method-box .method .left p:nth-child(4) {font-size: 17px;    line-height: 30px;}
	
	
	.promise-box .promise .right h2 {font-size: 30px;}
	.promise-box .promise .right p { font-size: 18px;line-height: 34px;}
	.promise-box .promise .right .txt {margin-top: 0px;}
	.promise-box .promise{padding:18px 0 28px}
	
	.advantage-box .advantage .list .item h2 {padding-top: 32px;line-height: 36px;font-size: 26px}
	.advantage-box .advantage .list .item{font-size: 18px}
	
	.pk-box .pk .title h2 {line-height: 42px;font-size: 30px;  padding-top: 30px;padding-bottom: 0px;}
	.pk-box .pk .list ul li span{font-size: 26px}
	.pk-box .pk .list img { width: 34px;height: 33px;}
}
@media (min-width:376px) and (max-width:400px){
	.nav-box{height: 80px}
	.nav-box .logo { width: 156px;height: 43px;top:0}
	
	.method-box {  padding-top: 16px;}
	.method-box .method .left p:nth-child(1) {font-size: 16px;}
	.method-box .method .left p:nth-child(2) {font-size: 16px;margin-top: 8px;}
	.method-box .method .left p:nth-child(3) {font-size: 26px;    line-height: 28px;;}
	
	
	
	.promise-box .promise .right h2 {font-size: 30px;}
	.promise-box .promise .right p { font-size: 16px;line-height: 32px;}
	.promise-box .promise .right .txt {margin-top: 0px;}
	.promise-box .promise{padding:18px 0 28px}
	
	.advantage-box .advantage .list .item h2 {padding-top: 32px;line-height: 36px;font-size: 24px}
	.advantage-box .advantage .list .item{font-size: 16px;line-height: 28px;}
	
	.pk-box .pk .title h2 {line-height: 36px;font-size: 26px;  padding-top: 30px;padding-bottom: 0px;}
	.pk-box .pk .list ul li span{font-size: 24px}
	.pk-box .pk .list ul li{font-size: 16px;line-height: 26px}
		.pk-box .pk .list img { width: 30px;height: 29px;}
}
@media (min-width:351px) and (max-width:375px){
	.nav-box{height: 80px}
	.nav-box .logo { width: 156px;height: 43px;top:0}
	
	.method-box {  padding-top: 16px;}
	.method-box .method .left p:nth-child(1) {font-size: 16px;}
	.method-box .method .left p:nth-child(2) {font-size: 16px;margin-top: 8px;}
	.method-box .method .left p:nth-child(3) {font-size: 24px;    line-height: 36px;padding-top: 12px;}
	.method-box .method .left p:nth-child(4) {font-size: 14px;    line-height:22px;}
	
	
	.promise-box .promise .right h2 {font-size: 26px;}
	.promise-box .promise .right p { font-size: 16px;line-height: 26px;}
	.promise-box .promise .right .txt {margin-top: 0px;}
	.promise-box .promise{padding:18px 0 28px}
	
	.advantage-box .advantage .list .item h2 {padding-top: 32px;line-height: 36px;font-size: 24px}
	.advantage-box .advantage .list .item{font-size: 16px;line-height: 26px;}
	
	.pk-box .pk .title h2 {line-height: 36px;font-size: 24px;  padding-top: 30px;padding-bottom: 0px;}
	.pk-box .pk .list ul li span{font-size: 22px}
	.pk-box .pk .list ul li{font-size: 16px;line-height: 26px}
	.pk-box .pk .list img { width: 30px;height: 29px;}
	.pk-box .pk .list {padding: 10px 0 26px;}
}
@media (min-width:320px) and (max-width:350px){
	.nav-box{height: 80px}
	.nav-box .logo { width: 140px;height: 38px;top:0}
	
	.method-box {  padding-top: 16px;}
	.method-box .method .left p:nth-child(1) {font-size: 14px;}
	.method-box .method .left p:nth-child(2) {font-size: 14px;}
	.method-box .method .left p:nth-child(3) {font-size: 22px;    line-height: 25px;padding-top: 12px;}
	.method-box .method .left p:nth-child(4) {font-size: 13px;    line-height:20px;}
	
	
	.promise-box .promise .right h2 {font-size: 26px;}
	.promise-box .promise .right p { font-size: 14px;line-height: 24px;}
	.promise-box .promise .right .txt {margin-top: 0px;}
	.promise-box .promise{padding:18px 0 28px}
	
	.advantage-box .advantage .list .item h2 {padding-top: 20px;line-height: 32px; font-size: 22px;}
	.advantage-box .advantage .list .item{font-size: 14px;line-height: 24px;    padding: 0 0 25px 0;}
	
	.pk-box .pk .title h2 {line-height: 36px;font-size: 24px;  padding-top: 30px;padding-bottom: 0px;}
	.pk-box .pk .list ul li span{font-size: 22px}
	.pk-box .pk .list ul li{font-size: 14px;line-height: 24px}
	.pk-box .pk .list img { width: 30px;height: 29px;}
	.pk-box .pk .list {padding: 10px 0 26px;}
	
}
/*响应式-手机端客户咨询*/
	.Submission .mtitle-box,.Submission-box .sub-bg,.Submission-box .Submission .sub-btn{display: none}
@media (max-width:480px){
	.Submission-box{display: none}

}

/*响应式-手机端底部导航*/
@media (max-width:480px){
	.footer-box .footer{flex-direction: column;padding: 30px 0}
	.footer-box .footer-nav{display: none}
	.footer-box .footer .footer-right img{padding: 0 20px}
	.footer-box .footer .footer-left{margin-bottom: 20px}	
}
@media (min-width:426px) and (max-width:451px){
	.footer-box .footer .footer-left img{width: 60px}
	.footer-box .footer .footer-left span .on{font-size: 32px}
}
@media (min-width:401px) and (max-width:425px){
	.footer-box .footer .footer-left img{width: 60px}
	.footer-box .footer .footer-left span .on{font-size: 32px}
}
@media (min-width:376px) and (max-width:400px){
	.footer-box .footer .footer-left img{width: 54px}
	.footer-box .footer .footer-left span .on{font-size: 32px}
	.footer-box .footer .footer-left span {font-size: 18px;line-height: 26px}
	.footer-box .footer .footer-right img{width: 126px;height: 126px;padding: 0 16px}
	.footer-box .footer {padding: 24px 0;}
	.footer-box .footer .footer-left {margin-bottom: 14px;}
}
@media (min-width:351px) and (max-width:375px){
	.footer-box .footer .footer-left img{width: 52px}
	.footer-box .footer .footer-left span .on{font-size: 30px;line-height: 34px;}
	.footer-box .footer .footer-left span {font-size: 16px;line-height: 26px}
	.footer-box .footer .footer-right img{width: 124px;height: 124px;padding: 0 12px}
	.footer-box .footer {padding: 22px 0;}
	.footer-box .footer .footer-left {margin-bottom: 10px;letter-spacing: 1px;}
}
@media (min-width:320px) and (max-width:350px){
	.footer-box .footer .footer-left img{width: 48px}
	.footer-box .footer .footer-left span .on{font-size: 26px;line-height: 34px;}
	.footer-box .footer .footer-left span {font-size: 16px;line-height: 24px}
	.footer-box .footer .footer-right img{width: 110px;height: 110px;padding: 0 10px}
	.footer-box .footer {padding: 18px 0;}
	.footer-box .footer .footer-left {margin-bottom: 10px;}
}
/*响应式-手机端版权*/
@media (max-width:480px){
	.copyright{padding: 6px 40px;line-height: 24px;}
}
@media (min-width:426px) and (max-width:451px){
	.copyright{line-height: 22px;}
}
@media (min-width:401px) and (max-width:425px){
	.copyright{line-height: 22px;}
}
@media (min-width:376px) and (max-width:400px){
	.copyright{font-size: 14px;line-height: 22px;}
}
@media (min-width:351px) and (max-width:375px){
	.copyright{font-size: 12px;line-height: 20px;padding: 0 40px}
}
@media (min-width:320px) and (max-width:350px){
	.copyright{font-size: 12px;line-height: 20px;padding: 0 40px}
}

/*响应式-平板*/
@media (min-width:1025px) and (max-width:1200px){
	.nav-box .tel{display: none}
	.w1350{max-width: 1000px}
	.w1300{max-width: 1000px}
	.banner-box .banner .title{font-size: 30px;line-height: 80px;    margin-bottom: 34px;}
	.banner-box .banner{margin-bottom: 40px}
	.content-box .back{display: none}
	.Submission-box .Submission .Submission-left img{display: none}
	.Submission-box .Submission .Submission-left p{left: 0; font-size: 28px; line-height: 42px;}
	.footer-box .footer{justify-content: center}
	.footer-box .footer .footer-nav {display: none}
	.Submission-box .Submission{height: 140px}
	
	
	.method-box{padding: 50px 0 0}
	.method-box .method .right{width: 400px}
	.method-box .method .right img{width: 380px}
/* 	.method-box .method .left p:nth-child(1){font-size: 32px}
	.method-box .method .left p:nth-child(2){font-size: 20px;line-height: 26px}
	.method-box .method .left p:nth-child(3){font-size: 32px}
	.method-box .method .left p:nth-child(4){font-size: 20px;line-height: 36px} */
	
	.promise-box .promise img{width: 400px}
	.promise-box .promise .right h2{font-size: 32px;}
	.promise-box .promise .right p {line-height: 36px;font-size: 20px;}
	.promise-box .promise .right .txt{margin-top: 2px}
	
	.advantage-box .advantage .title{padding-top: 40px}
	.advantage-box .advantage .title h2{font-size: 34px}
	.advantage-box .advantage .title p{line-height: 26px}
	
	
	.advantage-box .advantage .list .item{font-size: 18px;line-height: 30px;}
	.advantage-box .advantage .list .item h2{font-size: 26px;line-height: 36px}
	.advantage-box .advantage .list .item01{padding-right: 478px;}
	.advantage-box .advantage .list .item02{padding-left: 478px;}
	
	.pk-box .pk .title h2 {height: 60px;line-height: 38px; font-size: 38px; font-weight: normal;letter-spacing: 5px; text-align: center;padding-top: 60px;padding-bottom: 22px;}
	.pk-box .pk .list ul li{padding: 10px 0;    font-size: 20px; line-height: 36px;}
	.pk-box {height: auto;padding-bottom: 60px;}
	
}
@media (min-width:961px) and (max-width:1024px){
	.nav-box .nav ul li a{font-size: 20px;padding: 8px}
	.nav-box .tel{display: none}
	.w1350{max-width: 900px}
	.w1300{max-width: 900px}
	.banner-box .banner .title{display: none}
	.banner-box .banner{margin-bottom: 40px}
	
	.content-box .back{display: none}
	.Submission-box .Submission .Submission-left img{display: none}
	.Submission-box .Submission .Submission-left p{font-size: 22px;line-height: 34px; left: 0}
	.advantage-box .advantage-list ul li p {line-height: 24px;text-align: center;}
	.advantage-box .advantage-list .circle{box-shadow: 0 0 0 8px #fff, 0 0 0 16px #f7f7f7}
	.footer-box .footer{justify-content: center}
	.footer-box .footer .footer-nav {display: none}
	.Submission-box .Submission{height: 140px}
	
	
	.method-box{padding: 50px 0 0}
	.method-box .method .right{width: 400px}
	.method-box .method .right img{width: 380px;position: absolute;right: 0px;transform: translateY(45px);}
/* 	.method-box .method .left p:nth-child(1){font-size: 32px}
	.method-box .method .left p:nth-child(2){font-size: 20px;line-height: 26px}
	.method-box .method .left p:nth-child(3){font-size: 32px}
	.method-box .method .left p:nth-child(4){font-size: 20px;line-height: 36px} */
	
	.promise-box .promise img{width: 400px}
	.promise-box .promise .right h2{font-size: 32px;}
	.promise-box .promise .right p {line-height: 36px;font-size: 20px;}
	.promise-box .promise .right .txt{margin-top: 2px}
	
	.advantage-box .advantage .title{padding-top: 40px}
	.advantage-box .advantage .title h2{font-size: 34px}
	.advantage-box .advantage .title p{line-height: 26px}
	
	
	.advantage-box .advantage .list .item{font-size: 18px;line-height: 30px;}
	.advantage-box .advantage .list .item h2{font-size: 26px;line-height: 36px}
	.advantage-box .advantage .list .item01{padding-right: 478px;}
	.advantage-box .advantage .list .item02{padding-left: 478px;}
	
	.pk-box .pk .title h2 {height: 60px;line-height: 38px; font-size: 38px; font-weight: normal;letter-spacing: 5px; text-align: center;padding-top: 60px;padding-bottom: 22px;}
	.pk-box .pk .list ul li{padding: 10px 0;    font-size: 20px; line-height: 36px;}
	.pk-box {height: auto;padding-bottom: 60px;}
	
	
}
@media (min-width:769px) and (max-width:960px){
	.nav-box .nav ul li {padding: 0 8px;}
	.nav-box .nav ul li a{font-size: 17px;padding: 6px}
	.nav-box .tel{display: none}
	.w1350{max-width: 850px}
	.w1300{max-width: 850px}
	.banner-box .banner .title{display: none}
	.banner-box .banner{margin-bottom: 40px}
	
	
	.content-box .back{display: none}
	.Submission-box .Submission .Submission-left img{display: none}
	.Submission-box .Submission .Submission-left p{left: 0; font-size: 24px; line-height: 38px;}
	.Submission-box .Submission .Submission-right input{display: flex;flex-direction: row;width: 184px;height: 64px;border-radius: 4px;background: #fff;font-size: 18px;margin-right: 30px;text-indent: 50px;}
	.Submission-box .Submission .Submission-right .name{background-image: url(../images/name.png);background-repeat: no-repeat;background-position: center left 12px;background-size: 28px;}
	.Submission-box .Submission .Submission-right .phone{background-image: url(../images/phone.png);background-repeat: no-repeat;background-position: center left 12px;background-size: 28px;}
	.Submission-box .Submission .Submission-right button{background: #ffea00;color: #000;width: 116px;height: 64px;font-size: 18px;border-radius: 4px;}
	.footer-box .footer{justify-content: center}
	.footer-box .footer .footer-nav {display: none}	
	.Submission-box .Submission{height: 140px}
	
	
	
	.method-box{padding: 50px 0 0}
	.method-box .method .right{width: 400px}
	.method-box .method .right img{width: 380px}
	.method-box .method .left p:nth-child(1){font-size: 20px}
	.method-box .method .left p:nth-child(2){font-size: 20px;line-height: 26px}
	.method-box .method .left p:nth-child(3){font-size: 32px}
	.method-box .method .left p:nth-child(4){font-size: 20px;line-height: 36px}
	
	.promise-box .promise img{width: 400px}
	.promise-box .promise .right h2{font-size: 32px;}
	.promise-box .promise .right p {line-height: 36px;font-size: 20px;}
	.promise-box .promise .right .txt{margin-top: 2px}
	
	.advantage-box .advantage .title{padding-top: 40px}
	.advantage-box .advantage .title h2{font-size: 34px}
	.advantage-box .advantage .title p{line-height: 26px}
	
	
	.advantage-box .advantage .list .item{font-size: 18px;line-height: 30px;}
	.advantage-box .advantage .list .item h2{font-size: 26px;line-height: 36px}
	.advantage-box .advantage .list .item01{padding-right: 478px;}
	.advantage-box .advantage .list .item02{padding-left: 478px;}
	
	.pk-box .pk .title h2 {height: 60px;line-height: 38px; font-size: 38px; font-weight: normal;letter-spacing: 5px; text-align: center;padding-top: 60px;padding-bottom: 22px;}
	.pk-box .pk .list ul li{padding: 10px 0;    font-size: 20px; line-height: 36px;}
	.pk-box {height: auto;padding-bottom: 60px;}
	
	}


@media (min-width:481px) and (max-width:768px){
	.nav,.tel{display:none;}
	.tel-bottom{display: block;background: #fff;display: flex;flex-direction: row;position: fixed;bottom: 0;z-index: 999;width: 100%;justify-content: center;font-size: 26px;height: 76px;line-height: 76px;border-top: 1px solid #ccc;align-items: center}
	.tel-bottom button{color: #333;width: 50%}
	.tel-bottom a{text-align: center;width: 50%;border-right: 1px solid #ccc;line-height:32px;height: 32px;color:#225de6;font-weight: bold}
	.m-nav{display: block;position:fixed;bottom:76px;left: 0; width:100%;display: flex; flex-direction: column;align-items: center;background:#fff;padding: 30px 0;border-top: 1px solid #ccc; display: flex;
    flex-direction: row;box-sizing: border-box}
	.m-nav ul{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;    margin: 0 auto;}
	.m-nav ul li{margin: 2.2% 3%;width: calc(100%/3 - 6%);}
	.m-nav a{ color: #fff; font-size: 22px; line-height: 38px;  border: 1px solid #225de6; padding: 13px 15px;  display: block;  text-align: center; background: #225de6; border-radius: 6px;}
	.nav-box{line-height: 30px;margin: 0 30px;}
	.nav-box{height: 100px}
	.nav-box .logo { width: 220px;height: 60px;top:0}
	.toggle{display: block;background: transparent; color: #fff;font-size:22px;}
	.toggle span{width: 32px;display: block;margin-top: 5px;height: 5px;border-radius: 4px;background: #fff;}
	.toggle span:first-child{margin-top:0} 
	
	
	.banner-box .banner{margin-bottom: 0;border-radius: 10px;background: #fff;box-shadow:0px 10px 10px rgba(179, 179, 179, 0.3)}
	.banner-box .banner .title {display: none}
	.content-box .back{display: none} 

	
	
	
	
	 .method-box{padding-top: 30px;padding-bottom: 50px}
	 .method-box .method {flex-direction: column; width: 88%;}
	 .method-box .method .left { margin-right:0; margin-bottom: 40px;}
	 .method-box .method .left p:nth-child(1) { font-size: 26px;line-height:76px;}
	 .method-box .method .left p:nth-child(2) {font-size: 26px;line-height:42px;}
	 .method-box .method .left p:nth-child(3) {font-size: 46px;line-height: 68px;padding-top: 14px;}
	 .method-box .method .left p:nth-child(4) {font-size: 26px;line-height:42px;}
	 .method-box .method .right img { position: absolute; width: 430px;right: 0;transform: translateY(-110px);}
	 
	 .promise-box .promise {width: 88%; flex-direction:column-reverse;padding: 42px 0 58px;align-items: flex-start}
	 .promise-box .promise .right h2{font-size: 46px}
	 .promise-box .promise .right .txt { margin-top:18px;}
	 .promise-box .promise .right p{font-size: 26px;line-height: 50px;}
	 .promise-box .promise .left{display: none}
	 
	 .advantage-box .advantage{width: 88%;margin: 0 auto}
	 .advantage-box .advantage .title{display: none}
	 .advantage-box .advantage .title h2{font-size: 46px;}
	 .advantage-box .advantage .title p{margin-top: 0;font-size: 17px}
	 .advantage-box .advantage .list .item{padding: 0 0 30px 0;background-image: none;height: auto;    font-size: 26px;line-height: 42px;}
	 .advantage-box .advantage .list .item h2{padding-top: 46px}
	 
	 .pk-box{height: auto}
	 .pk-box .pk .list{padding: 0 0 40px}
	 .pk-box .pk .list ul li{ padding: 14px 0;font-size: 24px; line-height: 42px;}
	 .pk-box .pk{width: 88%;    margin: 0 auto;}
	 .pk-box .pk .title h2 { line-height: 50px;font-size:40px; padding-top: 60px;    padding-bottom: 30px;}
	 .pk-box .pk .list ul li span{font-size: 36px}
	 .pk-box .pk .list ul li .title{margin-bottom: 10px}
	
	

	

	.Submission-box{display: none}
	.content-box .back{display: none}
	.footer-box .footer{justify-content: center}
	.footer-box .footer .footer-nav {display: none}

}