﻿@charset "utf-8";

/* 564379992@qq.com */



/***头部***/

@media(max-width:1366px) {
.header ul { float: right; }
.header .logo { font-size: 18px; position: absolute; left: 0px; top: 0px; }
.header h1 { font-size: 25px; }
.header ul li a { font-size: 14px; }
.header ul li { margin-left: 2%; }
.header ul li.li1 { margin-left: 10%; }
}
 @media(max-width:1000px) {
.header { height: 60px; line-height: 60px; }
.header .logo { font-size: 20px; }
.header .logo h1 { font-size: 20px; }
.header .logo span { margin: 20px 12px; height: 20px; }
.header.hea2 { top: 0px; transform: translateY(0px); }
.menu { display: block; }
.header ul { position: fixed; transition: all 0.3s ease; left: 100%; top: 60px; width: 100%; background: rgba(54,56,73,.9); z-index: 999; }
.header ul.show { left: 0px; }
.header ul li { float: none; margin: 0px; }
.header ul li a { font-size: 15px; line-height: 55px; text-align: center; }
.header ul li a:after { display: none; }
.header ul li.li1 { margin-left: 0; }
}
@media(max-width:640px) {
	.header .logo { font-size: 15px; padding-left:6px; }
}

/***焦点图***/

@media(max-width:1050px) {
.banner .swiper-slide { height: 400px; }
.banner .swiper-slide .text h1 { font-size: 40px; }
.banner .swiper-slide .text h2 { font-size: 25px; }
.banner .swiper-slide.s2 .text img { max-width: 70%; }
.banner .swiper-slide.s2 .text h2 { font-size: 25px; }
}
 @media(max-width:640px) {
.banner .swiper-slide { height: 300px; }
.banner .swiper-slide .text h1 { font-size: 25px; padding: 0 12px; }
.banner .swiper-slide .text h2 { font-size: 15px; }
.banner .swiper-slide.s2 .text img { max-width: 70%; }
.banner .swiper-slide.s2 .text h2 { font-size: 15px; }
}



/***特点***/



@media(max-width:1022px) {
.list li { width: 50%; margin-bottom: 40px; }
}
 @media(max-width:640px) {
.bg1 { padding: 35px 0; }
.title h1 { font-size: 30px; margin-bottom: 10px; }
.title p { font-size: 16px; }
.list { margin-left: -12px; margin-top: 35px; }
.list li { width: 50%; margin-bottom: 12px; padding-left: 12px; }
.list li a img { margin-top: 50px; }
.list li a { height: 300px; }
.list li a .spec { width: 80%; font-size: 12px; line-height: 22px; top: 38%; }
}





/***小名片，大商机***/

@media(max-width:1361px) {
.xmpsj .xmpsjbox { max-width: 80%; margin: 0 auto; height: 427px; margin-top: 80px; }
.xmpsj .xmpsjbox .fl img { width: 480px; height: 427px; }
.xmpsj .xmpsjbox .fr { padding-left: 480px; }
.xmpsj .xmpsjbox .fr ul li { font-size: 18px; padding-left: 45px; height: 80px; line-height: 80px; }
.xmpsj .xmpsjbox .fr .title { padding-top: 25px; }
.xmpsj .xmpsjbox .fr .title h1 { font-size: 30px; }
.xmpsj .xmpsjbox .fr .title p { font-size: 15px; }
.xmpsj .xmpsjbox .fr ul li img { width: 40px; }
}
 @media(max-width:1361px) {
.xmpsj .xmpsjbox { max-width: 90%; }
}
 @media(max-width:1022px) {
.xmpsj .xmpsjbox { height: auto; }
.xmpsj .xmpsjbox .fl { position: static; float: none; }
.xmpsj .xmpsjbox .fl img { width: 100%; height: auto; }
.xmpsj .xmpsjbox .fr { padding: 0px; float: none; padding-bottom: 20px; }
}
 @media(max-width:640px) {
.xmpsj .xmpsjbox { margin-top: 40px; }
.xmpsj { padding-bottom: 40px; }
.xmpsj .xmpsjbox .fr .title { padding: 15px; text-align: center; }
.xmpsj .xmpsjbox .fr .title h1 { font-size: 25px; }
.xmpsj .xmpsjbox .fr ul li { font-size: 14px; }
.xmpsj .xmpsjbox .fr ul li img { left: 0px; }
.xmpsj .xmpsjbox .fr .ckbtn a { margin: 0px auto; display: block; margin-top: 25px; }
.xmpsj .xmpsjbox .fr ul { margin-top: 25px; }
}



/***媒体报道***/



@media(max-width:1020px) {
.media ul li a { height: 318px; }
}
 @media(max-width:900px) {
.media ul li a { padding: 15px; }
}
 @media(max-width:640px) {
.media { padding: 35px 0; }
.media ul { margin-left: -0px; }
.media ul li a { height: auto; padding: 12px; }
.media ul li { width: 100%; float: none; padding-left: 0px; margin-bottom: 15px; }
.media ul { margin-top: 30px; }
}



/***大咖推荐***/



@media(max-width:1100px) {
.dktj .fl { display: none; }
.dktj .fr { width: 100%; float: none; }
.dktj { height: auto; }
}
 @media(max-width:770px) {
.dktj .fr ul li .box { padding: 12px; }
.dktj .fr ul li .box .note { line-height: 22px; margin-bottom: 15px; padding: 12px; }
.dktj .fr ul li img { top: 50%; transform: translateY(-50%); }
.dktj .fr ul li:hover img { height: auto; width: 120px; height: auto; }
.dktj .fr ul li:hover { padding-right: 130px; }
.dktj .fr ul li.li1:hover { padding-left: 130px; }
.dktj .fr ul li .box .note:before { width: 12px; height: 12px; background-size: 100% 100%; }
.dktj .fr ul li .box .note:after { width: 12px; height: 12px; background-size: 100% 100%; }
}



/***典型客户***/

@media(max-width:1055px) {
.dljm img { width: 400px; }
.dljm .fl h2 { font-size: 30px; }
.dljm .fl { padding-left: 8%; padding-top: 10%; }
}
 @media(max-width:650px) {
.dljm img { width: 300px; }
.dljm .fl h2 { font-size: 20px; }
.dljm .fl { padding-left: 5%; padding-top: 8%; }
}
 @media(max-width:960px) {
.dxkf ul li { width: 33.3333333%; }
.dxkf ul li:last-child { display: none; }
}
 @media(max-width:640px) {
.dxkf ul li .box { width: 90%; }
.dxkf ul li .box p img { max-width: 90%; }
}



/***基于微信***/

@media(max-width:960px) {
.lucon ul { float: none; width: 100%; margin-top: 0px; margin-bottom: 20px; }
.lucon .img { float: none; width: auto; margin: 0 auto; }
.lutxt .lutabul li h2 { font-size: 14px; }
}
 @media(max-width:750px) {
.lucon h2 { padding: 20px 0; }
}
 @media(max-width:845px) {
.servicesupport { padding-bottom: 40px; }
.servicesupport ul li { width: 50%; margin-bottom: 20px; }
}



/***底部***/

@media(max-width:750px) {
.footer .link { height: auto; padding: 15px 0; line-height: 30px }
.footer .link a { }
.footer .fl { float: none; width: 100%; }
.footer .fr { float: none; width: 100%; text-align: left; padding: 20px 0; }
.footer .fr .tel { float: left; }
.footer .fr p { text-align: left; }
}





/***微信小名片***/

@media(max-width:1249px) {
.wxbg1 .text h1 { font-size: 45px; }
}
 @media(max-width:1080px) {
.wxbg1 .text h1 { font-size: 35px; }
.wxbg1 .text p { font-size: 15px; }
.wxbg1 .text p.p1 { max-width: 50%; }
}
 @media(max-width:840px) {
.wxbg1 .text { height: auto; }
.wxbg1 { background-position: center -180px; }
.wxbg1 .text { margin-top: 100px; }
.wxbg1 .text p.p1 { max-width: 80%; }
.wxbg1 .text img { position: static; display: block; margin: 0 auto; }
}
 @media(max-width:640px) {
.wxbg1 .text h1 { font-size: 25px; }
.wxbg1 .text p { margin-top: 25px; }
.wxbg1 .text img { margin-top: 30px; }
.wxbg1 .text p.p1 { max-width: 100%; }
}
 @media(max-width:970px) {
.text2 .fr .ntit { margin-top: 25px; }
.text2 .fl { float: none; width: 100%; margin-top: 25px; }
.text2 .fr { float: none; width: 100%; padding: 0 30px; }
.wxbg1 { padding-bottom: 25px; }
.text2 .fr ul li { font-size: 12px; }
}
 @media(max-width:640px) {
.text2 .fl img { max-width: 80%; }
.text2 .fr { padding: 0px; }
.text2 .fr .pt { margin-top: 20px; font-size: 14px; line-height: 26px; }
.text2 .fr ul { margin-top: 20px; margin-right: 0px; }
}
 @media(max-width:966px) {
.wxsm .wrap img { width: 250px; }
.wxsm .wrap h2 { font-size: 30px; background-size: 30px auto; padding-left: 45px; background-position: left 8px; }
}
 @media(max-width:750px) {
.wxsm .wrap h2 { right: 5%; bottom: 14%; }
}
 @media(max-width:640px) {
.wxsm .wrap h2 { right: 12px; bottom: 10%; letter-spacing: 0px; font-size: 16px; background-size: 16px auto; padding-left: 20px; background-position: left center; }
}



/***渠道合作***/

@media(max-width:960px) {
.cobanner img { margin-bottom: 40px; }
.cobanner { padding: 120px 0; }
.cobanner h1 { font-size: 50px; }
.cobg2 ul { margin-top: 40px; }
.cobg2 ul li { padding: 0 5px; }
.cobg2 ul li .box { height: 250px; }
.cobg2 ul li .box h2 { font-size: 22px; }
.cobg2 { padding: 80px 0; }
.cobg2 ul li .box .p1 { height: 130px; }
.cobg2 ul li .box img { margin-top: 40px; }
.cobg2 ul li .box p { font-size: 12px; padding: 0 12px; }
.title.t2 h1 { font-size: 30px; }
.title.t2 p { font-size: 14px; }
}
 @media(max-width:640px) {
.title.t2 h1 { font-size: 30px; }
.title.t2 p { font-size: 15px; }
.cobg2 ul li { width: 50%; margin-bottom: 10px; }
.cobg2 { padding: 60px 0; }
}
 @media(max-width:970px) {
.cobg3 ul li .box { padding: 20px; }
.cobg3 ul li .box .note { margin-top: 20px; }
}
 @media(max-width:750px) {
.cobg3 { padding: 40px 0; }
.cobg3 ul li .box { padding: 15px; }
.cobg3 ul li .box .note { margin-top: 15px; font-size: 14px; line-height: 25px; }
.cobg3 ul li .box .ht { padding-left: 60px; }
.cobg3 ul li .box .ht h2 { font-size: 18px; }
.cobg3 ul li .box .ht p { font-size: 11px; }
.cobg3 ul li .box .ht img { width: 50px; }
.cobg3 ul li .box { height: 220px; }
}
 @media(max-width:640px) {
.cobg3 ul { margin-left: -12px; margin-top: 30px; }
.cobg3 ul li .box .note { margin-top: 5px; }
.cobg3 ul li { padding-left: 12px; padding-bottom: 12px; width: 50%; }
.cobg3 ul li .box { height: 210px; }
}
 @media(max-width:1045px) {
.cobg4 ul { width: 450px; height: 450px; background-size: 100% auto; }
.cobg4 ul li h2 { font-size: 22px; }
.cobg4 ul li p { font-size: 13px; line-height: 24px; }
.cobg4 ul li.li1 { left: -175px; }
.cobg4 ul li.li2 { right: -125px; }
.cobg4 ul li.li3 { top: 300px; left: -160px; }
.cobg4 ul li.li4 { top: 300px; right: -130px; }
}
 @media(max-width:800px) {
.cobg4 { padding: 40px 0; }
.cobg4 ul { width: auto; height: auto; margin-top: 30px; }
.cobg4 ul li { position: static; background: #fff; height: 186px; box-shadow: #dddddd 0 0 10px; padding: 15px; float: left; width: 49%; margin-bottom: 12px; text-align: left; top: 0px; left: 0px; }
.cobg4 ul li:nth-child(2n) { float: right; }
.cobg4 ul li.li1 { text-align: left; }
.cobg4 ul li.li3 { text-align: left; }
.cobg4 ul li.li4 { text-align: left; }
}
 @media(max-width:1136px) {
.cobg5 ul { margin-left: -15px; }
.cobg5 ul li { padding-left: 15px; }
}
 @media(max-width:960px) {
.title h1 { font-size: 30px; }
}
 @media(max-width:850px) {
.cobg5 { padding: 40px 0; }
.cobg5 ul { margin-top: 30px; }
.cobg5 ul li { width: 33.3333333%; margin-bottom: 15px; }
}
 @media(max-width:640px) {
.cobg5 ul li { width: 50%; margin-bottom: 15px; }
}
 @media(max-width:1077px) {
.cobg6 .form { max-width: 90%; }
}
 @media(max-width:850px) {
.cobg6 .form { max-width: 100%; margin-left: -15px; }
}
 @media(max-width:640px) {
.cobg6 { padding: 40px 0; }
.cobg6 .form { max-width: 100%; margin-left: 0; }
.cobg6 .form li { width: 100%; float: none; padding: 0px; margin-bottom: 15px; }
.cobg6 .sbtn { margin-top: 20px; }
}



/***服务商查询***/

@media(max-width:820px) {
.agbanner { height: 350px; }
.agbanner h1 { font-size: 40px; padding-top: 130px; }
}
 @media(max-width:640px) {
.agbanner h1 { font-size: 35px; padding-top: 130px; }
.search { height: 80px; padding: 12px; }
.search .intxt { height: 58px; }
.search .sbtn { top: 12px; width: 120px; height: 58px; right: 12px; }
.pdbox { padding: 25px 0; }
.pdbox .pdboxc { padding-top: 25px; }
}





/***关于我们***/

@media(max-width:990px) {
.about-banner { height: 350px; }
.about-banner h1 { font-size: 40px; padding-top: 130px; margin-bottom: 20px; }
.about-banner p { font-size: 30px; }
.about .fl { float: none; width: 100%; }
.about .fr { float: none; margin: 0 auto; width: 75%; margin-top: 25px; }
}
 @media(max-width:820px) {
.about { padding: 40px 0; }
.about .fr { width: 100%; }
}
 @media(max-width:640px) {
.about .fl .atit h2 { font-size: 30px; }
.about .fl .atit .line { height: 3px; }
.about .fl .atit { margin-bottom: 25px; }
.about .fr ul { height: 130px; }
.about .fr ul li { height: 130px; }
.about .fl .note { font-size: 15px; line-height: 24px; }
}
 @media(max-width:750px) {
.honor .fl { float: none; width: 100%; }
.honor .fl img { width: 100%; }
.honor .fl .title { text-align: center; }
.honor .fl .title h1 { margin-bottom: 10px; }
.honor .fl .title p { font-size: 14px; }
.honor .fr { float: none; width: 100%; margin: 0px; }
.honor .fr ul li { padding: 15px 0; }
}
 @media(max-width:640px) {
.honor .fr ul li h2 { font-size: 14px; }
.honor .fr ul li:hover { padding: 20px 15px; }
}
 @media(max-width:1060px) {
.rzinfo ul { margin-left: -30px; }
.rzinfo ul li { padding-left: 30px; }
}
 @media(max-width:750px) {
.rzinfo { padding: 40px 0; }
.rzinfo ul { margin-left: 0px; margin-top: 35px; text-align: center; }
.rzinfo ul li { padding-left: 12px; width: 33.333333%; margin-bottom: 10px; display: inline-block; }
.rzinfo .title p { font-size: 14px; line-height: 24px; }
}
 @media(max-width:1400px) {
.history .prev { left: 12px; }
.history .next { right: 12px; }
}
 @media(max-width:800px) {
.history .bd ul li { width: 33.3333333%; }
}
 @media(max-width:640px) {
.history .bd ul li { width: 50%; }
}
