@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font:14px/1.7 "微软雅黑", sans-serif, Arial; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; background-color:rgba(255,255,255,.9); position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:1200px; margin:auto; height:80px;}
.header .head .logo{ height:44px; margin:18px auto; float:left;}
.header .head .logo img{ height:44px; display:block;}
.header .head .logo img.mobile{ display:none;}
.header .head .navBtn{ display:none;}
.header .head .ty{ width:160px; height:40px; border-radius:40px; cursor:pointer; background-color:#386fff; display:flex; justify-content:center; align-items:center; line-height:24px; font-size:16px; color:#fff; float:right; margin:20px 10px; margin-right:0;}
.header .head .ty img{ display:block; height:18px; margin-right:9px;}
.header .head .ty:hover{ background-color:#2561ff;}
.header .head .nav{ display:block; float:right; height:80px;}
.header .head .nav li{ display:flex; justify-content:center; align-items:center; float:left; position:relative; margin-right:30px; height:80px;}
.header .head .nav li>a{ display:block; font-size:16px; line-height:26px;}
.header .head .nav li>b{ width:10px; height:6px; display:block; margin-left:5px; background-image:url(../images/nav.png);}
.header .head .nav li>b img{ display:none;}
.header .head .nav li:hover>a,.header .head .nav li.on>a{ color:#386fff;}
.header .head .nav li:hover>b{ background-image:url(../images/navh.png);}
.header .head .nav li p{ border-top:2px solid #386fff; background-color:#fff; position:absolute; left:50%; margin-left:-80px; top:60px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; width:160px; position:absolute;}
.header .head .nav li:hover p{ top:80px; opacity:1; height:auto;}
.header .head .nav li p a{ padding:0 20px; display:block; overflow:hidden; font-size:14px; line-height:40px; height:40px; position:relative; text-align:center;}
.header .head .nav li p a:hover{ background-color:#f3f7ff; color:#386fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; background-color:rgba(255,255,255,.9); position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:94%; margin:auto; height:70px;}
.header .head .logo{ height:44px; margin:13px auto; float:left;}
.header .head .logo img{ height:44px; display:block;}
.header .head .logo img.mobile{ display:none;}
.header .head .navBtn{ display:none;}
.header .head .ty{ width:130px; height:36px; border-radius:36px; cursor:pointer; background-color:#386fff; display:flex; justify-content:center; align-items:center; line-height:24px; font-size:16px; color:#fff; float:right; margin:17px 1vw; margin-right:0;}
.header .head .ty img{ display:block; height:18px; margin-right:7px;}
.header .head .ty:hover{ background-color:#2561ff;}
.header .head .nav{ display:block; float:right; height:70px;}
.header .head .nav li{ display:flex; justify-content:center; align-items:center; float:left; position:relative; margin-right:1.5vw; height:70px;}
.header .head .nav li>a{ display:block; font-size:16px; line-height:26px;}
.header .head .nav li>b{ width:10px; height:6px; display:block; margin-left:5px; background-image:url(../images/nav.png);}
.header .head .nav li>b img{ display:none;}
.header .head .nav li:hover>a,.header .head .nav li.on>a{ color:#386fff;}
.header .head .nav li:hover>b{ background-image:url(../images/navh.png);}
.header .head .nav li p{ border-top:2px solid #386fff; background-color:#fff; position:absolute; left:50%; margin-left:-80px; top:50px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; width:160px; position:absolute;}
.header .head .nav li:hover p{ top:70px; opacity:1; height:auto;}
.header .head .nav li p a{ padding:0 15px; display:block; overflow:hidden; font-size:14px; line-height:36px; height:36px; position:relative; text-align:center;}
.header .head .nav li p a:hover{ background-color:#f3f7ff; color:#386fff;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; background-color:rgba(255,255,255,.9); position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:94%; margin:auto; height:60px;}
.header .head .logo{ height:34px; margin:13px auto; float:left;}
.header .head .logo img{ height:34px; display:block;}
.header .head .logo img.pc{ display:none;}
.header .head .ty{ width:110px; height:30px; border-radius:34px; cursor:pointer; background-color:#386fff; display:flex; justify-content:center; align-items:center; line-height:24px; font-size:14px; color:#fff; float:right; margin:15px 10px;}
.header .head .ty img{ display:block; height:16px; margin-right:5px;}
.header .head .ty:hover{ background-color:#2561ff;}
.header .head .navBtn{ position:relative; float:right; display:block; width:32px; height:60px; cursor:pointer;}
.header .head .navBtn span{ display:block; width:100%; height:2px; background-color:#333; position:absolute; left:0; top:calc((100% - 2px) / 2); transition:all .3s;}
.header .head .navBtn span:nth-child(1){ transform:translateY(11px) rotate(0deg);}
.header .head .navBtn span:nth-child(3){ transform:translateY(-11px) rotate(0deg);}
.header .head .navBtn.active span:nth-child(1){ transform:translateY(0) rotate(45deg);}
.header .head .navBtn.active span:nth-child(3){ transform:translateY(0) rotate(-45deg);}
.header .head .navBtn.active span:nth-child(2){ opacity:0;}
.header .head .nav{ width:94%; height:calc(100vh - 61px); background-color:#fff; padding:0 3%; overflow:auto; position:absolute; left:0; top:60px; border-top:1px solid #eee; display:none;}
.header .head .nav li{ width:100%; padding:15px 30px 15px 0; position:relative; display:block; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #eee;}
.header .head .nav li:last-child{ border-bottom:none;}
.header .head .nav li b{ position:absolute; right:0; top:16px; width:25px; text-align:center; opacity:0.3; -o-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s;}
.header .head .nav li.cur b{ -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s;}
.header .head .nav li b img{ width:25px; height:25px; display:block;}
.header .head .nav li>a{ display:block; font-size:16px; line-height:24px; height:24px; color:#333; font-weight:bold;}
.header .head .nav li:hover>a,.header .head .nav li.on>a{ color:#386fff;}
.header .head .nav li p{ display:none; padding-left:20px; overflow:hidden;}
.header .head .nav li p a{ display:block; font-size:14px; line-height:24px; height:24px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.header .head .nav li p a:hover{ color:#386fff;}
}

/*免费体验*/
@media screen and (min-width:1280px){
.mfty{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:none;}
.mfty .bg{ width:100%; height:100%; background-color:#000; opacity:.5; z-index:1; position:relative;}
.mfty .close{ position:absolute; right:3vw; top:3vw; z-index:99; -webkit-transition:1s linear; transition:1s ease-in;}
.mfty .close img{ display:block; width:30px; cursor:pointer;}
.mfty .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.mfty .box{ width:910px; border-top:2px solid #386fff; background-color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; padding:30px; box-sizing:border-box;}
.mfty .box a{ display:flex; align-items:center; overflow:hidden; padding:20px; border-bottom:1px solid #eee;}
.mfty .box a:last-child{ border-bottom:none;}
.mfty .box a .imglogo{ width:40px;}
.mfty .box a .imglogo img{ width:100%; display:block;}
.mfty .box a .imglogo img.img01{ display:none;}
.mfty .box a .rightText{ flex:1; padding:0 20px;}
.mfty .box a .rightText span{ display:block; font-size:20px; line-height:30px; overflow:hidden;}
.mfty .box a .rightText p{ display:block; font-size:14px; line-height:24px; color:#666; margin-top:2px; overflow:hidden;}
.mfty .box a .goFreeExperiene{ padding:0 20px; font-size:16px; height:36px; line-height:36px; border-radius:30px; border:1px solid #386fff; color:#386fff;}
.mfty .box a:hover{ background-color:#f3f7ff;}
.mfty .box a:hover .imglogo img.img02{ display:none;}
.mfty .box a:hover .imglogo img.img01{ display:block;}
.mfty .box a:hover .rightText span{ color:#386fff;}
.mfty .box a:hover .goFreeExperiene{ background-color:#386fff; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.mfty{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:none;}
.mfty .bg{ width:100%; height:100%; background-color:#000; opacity:.5; z-index:1; position:relative;}
.mfty .close{ position:absolute; right:3vw; top:3vw; z-index:99; -webkit-transition:1s linear; transition:1s ease-in;}
.mfty .close img{ display:block; width:30px; cursor:pointer;}
.mfty .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.mfty .box{ width:94%; max-width:910px; border-top:2px solid #386fff; background-color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; padding:30px; box-sizing:border-box;}
.mfty .box a{ display:flex; align-items:center; overflow:hidden; padding:20px; border-bottom:1px solid #eee;}
.mfty .box a:last-child{ border-bottom:none;}
.mfty .box a .imglogo{ width:40px;}
.mfty .box a .imglogo img{ width:100%; display:block;}
.mfty .box a .imglogo img.img01{ display:none;}
.mfty .box a .rightText{ flex:1; padding:0 20px;}
.mfty .box a .rightText span{ display:block; font-size:20px; line-height:30px; overflow:hidden;}
.mfty .box a .rightText p{ display:block; font-size:14px; line-height:24px; color:#666; margin-top:2px; overflow:hidden;}
.mfty .box a .goFreeExperiene{ padding:0 20px; font-size:16px; height:36px; line-height:36px; border-radius:30px; border:1px solid #386fff; color:#386fff;}
.mfty .box a:hover{ background-color:#f3f7ff;}
.mfty .box a:hover .imglogo img.img02{ display:none;}
.mfty .box a:hover .imglogo img.img01{ display:block;}
.mfty .box a:hover .rightText span{ color:#386fff;}
.mfty .box a:hover .goFreeExperiene{ background-color:#386fff; color:#fff;}
}
@media only screen and (max-width:1023px){
.mfty{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:none;}
.mfty .bg{ width:100%; height:100%; background-color:#000; opacity:.5; z-index:1; position:relative;}
.mfty .close{ position:absolute; right:3vw; top:3vw; z-index:99; -webkit-transition:1s linear; transition:1s ease-in;}
.mfty .close img{ display:block; width:20px; cursor:pointer;}
.mfty .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.mfty .box{ width:94%; max-width:910px; border-top:2px solid #386fff; background-color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; padding:15px; box-sizing:border-box;}
.mfty .box a{ display:flex; align-items:center; overflow:hidden; padding:15px; border-bottom:1px solid #eee;}
.mfty .box a:last-child{ border-bottom:none;}
.mfty .box a .imglogo{ width:40px;}
.mfty .box a .imglogo img{ width:100%; display:block;}
.mfty .box a .imglogo img.img01{ display:none;}
.mfty .box a .rightText{ flex:1; padding:0 15px;}
.mfty .box a .rightText span{ display:block; font-size:18px; line-height:28px; overflow:hidden;}
.mfty .box a .rightText p{ display:block; font-size:14px; line-height:24px; color:#666; margin-top:2px; overflow:hidden;}
.mfty .box a .goFreeExperiene{ padding:0 15px; font-size:14px; height:32px; line-height:32px; border-radius:30px; border:1px solid #386fff; color:#386fff;}
.mfty .box a:hover{ background-color:#f3f7ff;}
.mfty .box a:hover .imglogo img.img02{ display:none;}
.mfty .box a:hover .imglogo img.img01{ display:block;}
.mfty .box a:hover .rightText span{ color:#386fff;}
.mfty .box a:hover .goFreeExperiene{ background-color:#386fff; color:#fff;}
}

/*右侧浮动*/
@media screen and (min-width:1280px){
.right-helpdesk-new.outer-helpdesk{ position:fixed; right:0; bottom:20%; display:flex; flex-direction:column; justify-content:space-evenly; align-items:center; z-index:990; width:80px; background:#fff; border-radius:80px; box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.15);}
.right-helpdesk-new.outer-helpdesk .d4-item{ height:60px; width:60px; text-align:center; flex-shrink:0; cursor:pointer; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; margin:20px 0;}
.right-helpdesk-new.outer-helpdesk .d4-item>img{ display:block; margin:0 auto; height:26px;}
.right-helpdesk-new.outer-helpdesk .d4-item .bt{ font-size:14px; line-height:14px; margin-top:10px; display:block;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk{ display:none; position:absolute; background:#fff; border-radius:3px; box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.1); right:88px; top:0; cursor:default; z-index:100000; border-radius:12px;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk:after{ content:""; position:absolute; right:-5px; top:20px; height:10px; width:10px; background-color:#fff; transform:rotateZ(45deg); box-shadow:7px -7px 10px 0px rgba(0, 0, 0, 0.1);}
.right-helpdesk-new.outer-helpdesk .d4-item .weixin{ width:150px;display:block; margin:10px;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk .inner-width-top{ padding:20px; padding-bottom:0; width:250px; box-sizing:border-box; text-align:left; display:flex; flex-direction:column; justify-content:center;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk .inner-width-bottom{ padding:10px 20px; margin-top:30px; display:block; opacity:0.72; background:#f3f6f9; border-radius:3px; box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.1);}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk .inner-width-top h4{ font-size:16px; font-weight:400; line-height:16px;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk .inner-width-top p{ margin-top:8px; font-size:20px; font-weight:500; color:#0878fb; line-height:20px;}
.right-helpdesk-new.outer-helpdesk .space-line{ width:60px; height:2px; background-color:#f0f0f0;}
.right-helpdesk-new.outer-helpdesk .d4-item:hover{ background:#f3f6f9; border-radius:50%;}
.right-helpdesk-new.outer-helpdesk .d4-item:hover>img{ -webkit-filter:drop-shadow(-100px 0 0 #386fff); -moz-filter:drop-shadow(-100px 0 0 #386fff); -ms-filter:drop-shadow(-100px 0 0 #386fff); -o-filter:drop-shadow(-100px 0 0 #386fff); filter:drop-shadow(-100px 0 0 #386fff); transform:translateX(100px); -webkit-transform:translateX(100px);}
.right-helpdesk-new.outer-helpdesk .d4-item:hover .title{ color:#386fff;}
.right-helpdesk-new.outer-helpdesk .d4-item:hover .inner-helpdesk{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.right-helpdesk-new.outer-helpdesk{ position:fixed; right:0; bottom:20%; display:flex; flex-direction:column; justify-content:space-evenly; align-items:center; z-index:990; width:60px; background:#fff; border-radius:28px; box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.15);}
.right-helpdesk-new.outer-helpdesk .d4-item{ height:48px; width:48px; text-align:center; flex-shrink:0; cursor:pointer; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; margin:15px 0;}
.right-helpdesk-new.outer-helpdesk .d4-item>img{ display:block; margin:0 auto; height:22px;}
.right-helpdesk-new.outer-helpdesk .d4-item .bt{ font-size:12px; line-height:12px; margin-top:6px; display:block;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk{ display:none; position:absolute; background:#fff; border-radius:3px; box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.1); right:68px; top:0; cursor:default; z-index:100000; border-radius:12px;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk:after{ content:""; position:absolute; right:-5px; top:20px; height:10px; width:10px; background-color:#fff; transform:rotateZ(45deg); box-shadow:7px -7px 10px 0px rgba(0, 0, 0, 0.1);}
.right-helpdesk-new.outer-helpdesk .d4-item .weixin{ width:130px; display:block; margin:10px;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk .inner-width-top{ padding:10px 20px; padding-bottom:0; width:190px; box-sizing:border-box; text-align:left; display:flex; flex-direction:column; justify-content:center;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk .inner-width-bottom{ padding:10px 20px; margin-top:20px; display:block; opacity:0.72; background:#f3f6f9; border-radius:3px; box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.1);}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk .inner-width-top h4{ font-size:14px; font-weight:400; line-height:14px;}
.right-helpdesk-new.outer-helpdesk .d4-item .inner-helpdesk .inner-width-top p{ margin-top:8px; font-size:14px; font-weight:500; color:#0878fb; line-height:14px;}
.right-helpdesk-new.outer-helpdesk .space-line{ width:44px; height:2px; background-color:#f0f0f0;}
.right-helpdesk-new.outer-helpdesk .d4-item:hover{ background:#f3f6f9; border-radius:50%;}
.right-helpdesk-new.outer-helpdesk .d4-item:hover>img{ -webkit-filter:drop-shadow(-100px 0 0 #386fff); -moz-filter:drop-shadow(-100px 0 0 #386fff); -ms-filter:drop-shadow(-100px 0 0 #386fff); -o-filter:drop-shadow(-100px 0 0 #386fff); filter:drop-shadow(-100px 0 0 #386fff); transform:translateX(100px); -webkit-transform:translateX(100px);}
.right-helpdesk-new.outer-helpdesk .d4-item:hover .title{ color:#386fff;}
.right-helpdesk-new.outer-helpdesk .d4-item:hover .inner-helpdesk{ display:block;}
}
@media only screen and (max-width:1023px){
.right-helpdesk-new.outer-helpdesk{ position:fixed; right:0; bottom:20%; display:flex; flex-direction:column; justify-content:space-evenly; align-items:center; z-index:990; width:44px; background:#fff; border-radius:28px; box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.15);}
.right-helpdesk-new.outer-helpdesk .d4-item{ display:none;}
.right-helpdesk-new.outer-helpdesk .d4-item#goTopBtn{ height:44px; width:44px; text-align:center; flex-shrink:0; cursor:pointer; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
.right-helpdesk-new.outer-helpdesk .d4-item>img{ display:block; margin:0 auto; height:18px;}
.right-helpdesk-new.outer-helpdesk .d4-item .bt{ display:none;}
.right-helpdesk-new.outer-helpdesk .space-line{ display:none;}
.right-helpdesk-new.outer-helpdesk .d4-item:hover{ background:#f3f6f9; border-radius:50%;}
}

/*banner*/
@-webkit-keyframes opa_btm{
    0%{ -webkit-transform:translate(0, 10px); opacity:0;}
    100%{ -webkit-transform:translate(0, 0); opacity:1;}
}
@keyframes opa_btm{
    0%{ transform:translate(0, 10px); opacity:0;}
    100%{ transform:translate(0, 0); opacity:1;}
}
@media screen and (min-width:1280px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:740px; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide .tu img.mobile{ display:none;}
.banner .swiper-slide .wen{ width:1200px; display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.banner .swiper-slide .wen .cont{ width:690px; transform:translateX(-100px); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-slide .wen .cont .w01{ font-size:60px; line-height:80px; font-weight:bold; letter-spacing:15px;}
.banner .swiper-slide .wen .cont .w01 span{ letter-spacing:0; margin-right:15px;}
.banner .swiper-slide .wen .cont .w02{ font-size:24px; line-height:34px; margin-top:25px; letter-spacing:5px;}
.banner .swiper-slide .wen .cont .w03{ margin-top:65px;}
.banner .swiper-slide .wen .cont .w03 span{ display:block; text-align:center; width:160px; height:50px; line-height:50px; font-size:16px; color:#fff; background-color:#386fff; border-radius:10px; float:left; cursor:pointer;}
.banner .swiper-slide .wen .cont .w03 span:hover{ background-color:#2561ff;}
.banner .swiper-slide .wen .cont .w03 a{ display:block; text-align:center; width:158px; height:48px; line-height:48px; font-size:16px; color:#386fff; background-color:rgba(255,255,255,.3); border-radius:10px; cursor:pointer; border:1px solid #386fff; float:left; margin-left:20px;}
.banner .swiper-slide .wen .cont .w03 a:hover{ background-color:#2561ff; color:#fff;}
.banner .swiper-slide-active .wen .cont{ transform:translateX(0px);}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:30px; height:4px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:#000; opacity:.7;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1; background-color:#386fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:540px; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide .tu img.mobile{ display:none;}
.banner .swiper-slide .wen{ width:94%; display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.banner .swiper-slide .wen .cont{ width:60%; transform:translateX(-100px); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-slide .wen .cont .w01{ font-size:48px; line-height:58px; font-weight:bold; letter-spacing:15px;}
.banner .swiper-slide .wen .cont .w01 span{ letter-spacing:0; margin-right:15px;}
.banner .swiper-slide .wen .cont .w02{ font-size:20px; line-height:30px; margin-top:25px; letter-spacing:5px;}
.banner .swiper-slide .wen .cont .w03{ margin-top:45px;}
.banner .swiper-slide .wen .cont .w03 span{ display:block; text-align:center; width:130px; height:44px; line-height:44px; font-size:16px; color:#fff; background-color:#386fff; border-radius:5px; float:left; cursor:pointer;}
.banner .swiper-slide .wen .cont .w03 span:hover{ background-color:#2561ff;}
.banner .swiper-slide .wen .cont .w03 a{ display:block; text-align:center; width:128px; height:42px; line-height:42px; font-size:16px; color:#386fff; background-color:rgba(255,255,255,.3); border-radius:5px; cursor:pointer; border:1px solid #386fff; float:left; margin-left:20px;}
.banner .swiper-slide .wen .cont .w03 a:hover{ background-color:#2561ff; color:#fff;}
.banner .swiper-slide-active .wen .cont{ transform:translateX(0px);}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:25px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:30px; height:4px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:#000; opacity:.7;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1; background-color:#386fff;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .tu img.pc{ display:none;}
.banner .swiper-slide .wen{ width:94%; display:block; position:absolute; left:3%; top:90px; z-index:3;}
.banner .swiper-slide .wen .cont{ width:100%; transform:translateX(-100px); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-slide .wen .cont .w01{ font-size:30px; line-height:40px; font-weight:bold; letter-spacing:5px;}
.banner .swiper-slide .wen .cont .w01 span{ letter-spacing:0; margin-right:5px;}
.banner .swiper-slide .wen .cont .w02{ font-size:16px; line-height:26px; margin-top:15px;}
.banner .swiper-slide .wen .cont .w03{ margin-top:25px;}
.banner .swiper-slide .wen .cont .w03 span{ display:block; text-align:center; width:90px; height:34px; line-height:34px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px; float:left; cursor:pointer;}
.banner .swiper-slide .wen .cont .w03 span:hover{ background-color:#2561ff;}
.banner .swiper-slide .wen .cont .w03 a{ display:block; text-align:center; width:88px; height:32px; line-height:32px; font-size:14px; color:#386fff; background-color:rgba(255,255,255,.3); border-radius:5px; cursor:pointer; border:1px solid #386fff; float:left; margin-left:20px;}
.banner .swiper-slide .wen .cont .w03 a:hover{ background-color:#2561ff; color:#fff;}
.banner .swiper-slide-active .wen .cont{ transform:translateX(0px);}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:30px; height:4px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:#000; opacity:.7;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1; background-color:#386fff;}
}

/*我们的产品*/
@media screen and (min-width:1280px){
.title{ width:1200px; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:30px; line-height:40px;}
.title .t02{ font-size:16px; line-height:26px; color:#666; margin-top:4px;}
.pbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.pbox .box .gallery-thumbs{ height:40px;}
.pbox .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.pbox .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.pbox .box .gallery-thumbs .swiper-slide{ width:20%; display:flex; height:38px; padding-bottom:2px; justify-content:center; cursor:pointer;}
.pbox .box .gallery-thumbs .swiper-slide img{ display:block; height:30px; margin-left:5px;}
.pbox .box .gallery-thumbs .swiper-slide img.img02{ display:none;}
.pbox .box .gallery-thumbs .swiper-slide p{ display:block; font-size:18px; line-height:30px; height:30px; letter-spacing:5px; margin-left:10px;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img.img01{ display:none;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img.img02{ display:block;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#386fff;}
.pbox .box .gallery-top{ width:100%; margin-top:40px;}
.pbox .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.pbox .box .gallery-top .swiper-slide .left{ width:500px; float:left;}
.pbox .box .gallery-top .swiper-slide .left .w01{ font-size:30px; line-height:40px; font-weight:bold; margin-top:25px;}
.pbox .box .gallery-top .swiper-slide .left .w02{ font-size:26px; line-height:36px; font-weight:bold; margin-top:10px; text-transform:uppercase;}
.pbox .box .gallery-top .swiper-slide .left .w03{ font-size:14px; line-height:30px; margin-top:40px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.pbox .box .gallery-top .swiper-slide .left .w04{ margin-top:62px;}
.pbox .box .gallery-top .swiper-slide .left .w04 span{ display:block; text-align:center; width:140px; height:40px; line-height:40px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px; float:left; cursor:pointer;}
.pbox .box .gallery-top .swiper-slide .left .w04 span:hover{ background-color:#2561ff;}
.pbox .box .gallery-top .swiper-slide .left .w04 a{ display:block; text-align:center; width:138px; height:38px; line-height:38px; font-size:14px; color:#386fff; border-radius:5px; cursor:pointer; border:1px solid #386fff; float:left; margin-left:20px;}
.pbox .box .gallery-top .swiper-slide .left .w04 a:hover{ background-color:#2561ff; color:#fff;}
.pbox .box .gallery-top .swiper-slide .right{ width:630px; float:right;}
.pbox .box .gallery-top .swiper-slide .right img{ max-width:100%; display:block; float:right;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:26px; line-height:36px;}
.title .t02{ font-size:15px; line-height:25px; color:#666; margin-top:2px;}
.pbox{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.pbox .box .gallery-thumbs{ height:40px;}
.pbox .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.pbox .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.pbox .box .gallery-thumbs .swiper-slide{ width:20%; display:flex; height:38px; padding-bottom:2px; justify-content:center; cursor:pointer;}
.pbox .box .gallery-thumbs .swiper-slide img{ display:block; height:30px;}
.pbox .box .gallery-thumbs .swiper-slide img.img02{ display:none;}
.pbox .box .gallery-thumbs .swiper-slide p{ display:block; font-size:18px; line-height:30px; height:30px; margin-left:10px;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img.img01{ display:none;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img.img02{ display:block;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#386fff;}
.pbox .box .gallery-top{ width:100%; margin-top:30px;}
.pbox .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.pbox .box .gallery-top .swiper-slide .left{ width:42%; float:left;}
.pbox .box .gallery-top .swiper-slide .left .w01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:20px;}
.pbox .box .gallery-top .swiper-slide .left .w02{ font-size:22px; line-height:32px; font-weight:bold; margin-top:5px; text-transform:uppercase;}
.pbox .box .gallery-top .swiper-slide .left .w03{ font-size:14px; line-height:24px; margin-top:20px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.pbox .box .gallery-top .swiper-slide .left .w04{ margin-top:40px;}
.pbox .box .gallery-top .swiper-slide .left .w04 span{ display:block; text-align:center; width:120px; height:38px; line-height:38px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px; float:left; cursor:pointer;}
.pbox .box .gallery-top .swiper-slide .left .w04 span:hover{ background-color:#2561ff;}
.pbox .box .gallery-top .swiper-slide .left .w04 a{ display:block; text-align:center; width:118px; height:36px; line-height:36px; font-size:14px; color:#386fff; border-radius:5px; cursor:pointer; border:1px solid #386fff; float:left; margin-left:20px;}
.pbox .box .gallery-top .swiper-slide .left .w04 a:hover{ background-color:#2561ff; color:#fff;}
.pbox .box .gallery-top .swiper-slide .right{ width:53%; float:right;}
.pbox .box .gallery-top .swiper-slide .right img{ max-width:100%; display:block; float:right;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:20px; line-height:30px;}
.title .t02{ font-size:14px; line-height:24px; color:#666;}
.pbox{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pbox .box .gallery-thumbs{ height:36px;}
.pbox .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.pbox .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.pbox .box .gallery-thumbs .swiper-slide{ width:40%; display:flex; height:34px; padding-bottom:2px; justify-content:center; cursor:pointer;}
.pbox .box .gallery-thumbs .swiper-slide img{ display:block; height:26px;}
.pbox .box .gallery-thumbs .swiper-slide img.img02{ display:none;}
.pbox .box .gallery-thumbs .swiper-slide p{ display:block; font-size:16px; line-height:26px; height:26px; margin-left:5px;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img.img01{ display:none;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img.img02{ display:block;}
.pbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#386fff;}
.pbox .box .gallery-top{ width:100%; margin-top:15px;}
.pbox .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.pbox .box .gallery-top .swiper-slide .left{ width:100%; float:left;}
.pbox .box .gallery-top .swiper-slide .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.pbox .box .gallery-top .swiper-slide .left .w02{ font-size:18px; line-height:28px; font-weight:bold; text-transform:uppercase;}
.pbox .box .gallery-top .swiper-slide .left .w03{ font-size:14px; line-height:24px; margin-top:5px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.pbox .box .gallery-top .swiper-slide .left .w04{ margin-top:20px;}
.pbox .box .gallery-top .swiper-slide .left .w04 span{ display:block; text-align:center; width:90px; height:34px; line-height:34px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px; float:left; cursor:pointer;}
.pbox .box .gallery-top .swiper-slide .left .w04 span:hover{ background-color:#2561ff;}
.pbox .box .gallery-top .swiper-slide .left .w04 a{ display:block; text-align:center; width:88px; height:32px; line-height:32px; font-size:14px; color:#386fff; border-radius:5px; cursor:pointer; border:1px solid #386fff; float:left; margin-left:20px;}
.pbox .box .gallery-top .swiper-slide .left .w04 a:hover{ background-color:#2561ff; color:#fff;}
.pbox .box .gallery-top .swiper-slide .right{ width:100%; float:right; margin-top:20px;}
.pbox .box .gallery-top .swiper-slide .right img{ max-width:100%; display:block; margin:auto;}
}

/*核心解决方案*/
@media screen and (min-width:1280px){
.cbox .title .t01,.cbox .title .t02{ color:#fff;}
.cbox .bg{ width:100%; height:100%; background-color:#386fff; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.cbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover;}
.cbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.cbox .box .tab_menu{ width:280px; display:block; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:3;}
.cbox .box .tab_menu li{ height:90px; width:100%; position:relative; display:block; cursor:pointer;}
.cbox .box .tab_menu li em{ width:240px; height:1px; background-color:#fff; opacity:.5; position:absolute; left:20px; bottom:0; z-index:1; overflow:hidden;}
.cbox .box .tab_menu li:last-chile em{ display:none;}
.cbox .box .tab_menu li a{ padding:0 20px; width:100%; box-sizing:border-box; height:100%; display:flex; align-items:center;}
.cbox .box .tab_menu li a img{ width:50px; display:block;}
.cbox .box .tab_menu li a p{ flex:1; margin-left:20px; display:block;}
.cbox .box .tab_menu li a p b{ display:block; color:#fff; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .tab_menu li a p span{ display:block; color:#fff; font-size:14px; line-height:22px; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .tab_menu li.cur{ background-color:#386fff;}
.cbox .box .tab_menu li.cur>b{ width:40px; position:absolute; left:100%; top:0; height:100%; background-image:url(../images/cur.png); background-size:100% 100%; display:block; overflow:hidden;}
.cbox .box .tab_menu li.cur em{ display:none;}
.cbox .box .tab{ width:100%; position:relative; z-index:1;}
.cbox .box .tab .tabox{ width:100%; height:540px; background-position:center; background-size:cover;}
.cbox .box .tab .tabox .wen{ width:600px; padding:35px 30px; box-sizing:border-box; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; right:0; bottom:0; height:240px;}
.cbox .box .tab .tabox .wen .left{ width:390px; margin-right:30px;}
.cbox .box .tab .tabox .wen .left .w01 a{ display:block; font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.cbox .box .tab .tabox .wen .left .w01 a:hover{ color:#386fff;}
.cbox .box .tab .tabox .wen .left .w02{ display:block; font-size:14px; line-height:30px; margin-top:7px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.cbox .box .tab .tabox .wen .right{ width:120px;}
.cbox .box .tab .tabox .wen .right a:nth-child(1){ display:block; text-align:center; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px;}
.cbox .box .tab .tabox .wen .right a:nth-child(1):hover{ background-color:#2561ff;}
.cbox .box .tab .tabox .wen .right a:nth-child(2){ display:block; text-align:center; width:118px; height:38px; line-height:38px; font-size:14px; color:#fff; border-radius:5px; border:1px solid #fff; margin-top:20px;}
.cbox .box .tab .tabox .wen .right a:nth-child(2):hover{ background-color:#2561ff; border:1px solid #2561ff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.cbox .title .t01,.cbox .title .t02{ color:#fff;}
.cbox .bg{ width:100%; height:100%; background-color:#386fff; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.cbox{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-position:center; background-size:cover;}
.cbox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.cbox .box .tab_menu{ width:260px; display:block; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:3;}
.cbox .box .tab_menu li{ height:80px; width:100%; position:relative; display:block; cursor:pointer;}
.cbox .box .tab_menu li em{ width:220px; height:1px; background-color:#fff; opacity:.5; position:absolute; left:20px; bottom:0; z-index:1; overflow:hidden;}
.cbox .box .tab_menu li:last-chile em{ display:none;}
.cbox .box .tab_menu li a{ padding:0 20px; width:100%; box-sizing:border-box; height:100%; display:flex; align-items:center;}
.cbox .box .tab_menu li a img{ width:40px; display:block;}
.cbox .box .tab_menu li a p{ flex:1; margin-left:15px; display:block;}
.cbox .box .tab_menu li a p b{ display:block; color:#fff; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .tab_menu li a p span{ display:block; color:#fff; font-size:14px; line-height:22px; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .tab_menu li.cur{ background-color:#386fff;}
.cbox .box .tab_menu li.cur>b{ width:30px; position:absolute; left:100%; top:0; height:100%; background-image:url(../images/cur.png); background-size:100% 100%; display:block; overflow:hidden;}
.cbox .box .tab_menu li.cur em{ display:none;}
.cbox .box .tab{ width:100%; position:relative; z-index:1;}
.cbox .box .tab .tabox{ width:100%; height:480px; background-position:center; background-size:cover;}
.cbox .box .tab .tabox .wen{ padding:25px 20px; box-sizing:border-box; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; right:0; bottom:0; height:181px;}
.cbox .box .tab .tabox .wen .left{ width:390px; margin-right:20px;}
.cbox .box .tab .tabox .wen .left .w01 a{ display:block; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.cbox .box .tab .tabox .wen .left .w01 a:hover{ color:#386fff;}
.cbox .box .tab .tabox .wen .left .w02{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.cbox .box .tab .tabox .wen .right{ width:100px;}
.cbox .box .tab .tabox .wen .right a:nth-child(1){ display:block; text-align:center; width:100px; height:38px; line-height:38px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px;}
.cbox .box .tab .tabox .wen .right a:nth-child(1):hover{ background-color:#2561ff;}
.cbox .box .tab .tabox .wen .right a:nth-child(2){ display:block; text-align:center; width:98px; height:36px; line-height:36px; font-size:14px; color:#fff; border-radius:5px; border:1px solid #fff; margin-top:15px;}
.cbox .box .tab .tabox .wen .right a:nth-child(2):hover{ background-color:#2561ff; border:1px solid #2561ff;}
}
@media only screen and (max-width:1023px){
.cbox .title .t01,.cbox .title .t02{ color:#fff;}
.cbox .bg{ width:100%; height:100%; background-color:#386fff; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.cbox{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-position:center; background-size:cover;}
.cbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.cbox .box .tab_menu{ width:100%; display:block; overflow:hidden; background-color:rgba(0,0,0,.7);}
.cbox .box .tab_menu li{ width:50%; float:left; position:relative; display:block; cursor:pointer;}
.cbox .box .tab_menu li em{ width:calc(100% - 30px); height:1px; background-color:#fff; opacity:.5; position:absolute; left:15px; bottom:0; z-index:1; overflow:hidden;}
.cbox .box .tab_menu li:nth-child(n+5) em{ display:none;}
.cbox .box .tab_menu li a{ padding:15px; padding-bottom:10px; display:block; position:relative;}
.cbox .box .tab_menu li a:before{ width:1px; height:calc(100% - 30px); display:block; content:''; position:absolute; right:0; top:15px; background-color:#fff; opacity:.5;}
.cbox .box .tab_menu li:nth-child(2n) a:before{ display:none;}
.cbox .box .tab_menu li a img{ width:30px; display:block; margin:auto;}
.cbox .box .tab_menu li a p{ width:100%; text-align:center; display:block; margin-top:4px;}
.cbox .box .tab_menu li a p b{ display:block; color:#fff; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .tab_menu li a p span{ display:block; color:#fff; font-size:12px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .tab_menu li.cur{ background-color:#386fff;}
.cbox .box .tab_menu li.cur em{ display:none;}
.cbox .box .tab{ width:100%; position:relative; z-index:1;}
.cbox .box .tab .tabox{ width:100%; height:480px; background-position:center; background-size:cover;}
.cbox .box .tab .tabox .wen{ padding:15px; padding-bottom:20px; box-sizing:border-box; background-color:rgba(0,0,0,.7); position:absolute; right:0; bottom:0; width:100%;}
.cbox .box .tab .tabox .wen .left{ width:100%;}
.cbox .box .tab .tabox .wen .left .w01 a{ display:block; font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.cbox .box .tab .tabox .wen .left .w01 a:hover{ color:#386fff;}
.cbox .box .tab .tabox .wen .left .w02{ display:block; font-size:14px; line-height:24px; height:96px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.cbox .box .tab .tabox .wen .right{ width:100%; margin-top:10px;}
.cbox .box .tab .tabox .wen .right a:nth-child(1){ display:block; text-align:center; width:90px; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px; float:left;}
.cbox .box .tab .tabox .wen .right a:nth-child(1):hover{ background-color:#2561ff;}
.cbox .box .tab .tabox .wen .right a:nth-child(2){ display:block; text-align:center; width:88px; height:34px; line-height:34px; font-size:14px; color:#fff; border-radius:5px; border:1px solid #fff; margin-left:15px; float:left;}
.cbox .box .tab .tabox .wen .right a:nth-child(2):hover{ background-color:#2561ff; border:1px solid #2561ff;}
}

/*公司资质介绍*/
@media screen and (min-width:1280px){
.hbox{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-position:center; background-size:cover; min-height:620px;}
.hbox .tu{ position:absolute; left:50%; margin-left:-960px; bottom:0; z-index:1;}
.hbox .tu img{ width:690px; display:block;}
.hbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.hbox .box .list{ width:870px; float:right;}
.hbox .box .list li{ width:240px; margin-left:50px; margin-top:35px; display:block; float:left; overflow:hidden; text-align:center;}
.hbox .box .list li .w01{ width:100%; height:144px;}
.hbox .box .list li .w01 img{ height:144px; display:block; margin:auto;}
.hbox .box .list li .w02{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.hbox{ width:100%; padding-top:45px; padding-bottom:45px; position:relative; z-index:1; background-position:center; background-size:cover;}
.hbox .tu{ max-width:35.9375%; position:absolute; left:0%; bottom:0; z-index:1;}
.hbox .tu img{ width:100%; display:block;}
.hbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.hbox .box .list{ width:72.5%; float:right;}
.hbox .box .list li{ width:30.33%; margin-left:3%; margin-top:25px; display:block; float:left; overflow:hidden; text-align:center;}
.hbox .box .list li .w01{ width:100%; height:132px;}
.hbox .box .list li .w01 img{ height:132px; display:block; margin:auto;}
.hbox .box .list li .w02{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.hbox{ width:100%; padding-top:25px; position:relative; z-index:1; background-position:center; background-size:cover;}
.hbox .tu{ max-width:70%; position:relative; z-index:1; margin-top:15px;}
.hbox .tu img{ width:100%; display:block;}
.hbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.hbox .box .list{ width:100%; float:right;}
.hbox .box .list li{ width:48.5%; margin-left:3%; margin-top:15px; display:block; float:left; overflow:hidden; text-align:center;}
.hbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.hbox .box .list li .w01{ width:100%; height:120px;}
.hbox .box .list li .w01 img{ height:120px; display:block; margin:auto;}
.hbox .box .list li .w02{ width:100%; font-size:14px; line-height:24px; margin-top:5px;}
}

/*品牌介绍*/
@media screen and (min-width:1280px){
.abox .title .t01,.abox .title .t02{ color:#fff;}
.abox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.abox{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-position:center; background-size:cover;}
.abox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.abox .box .left{ width:45.83%; float:left;}
.abox .box .left .bt{ position:relative; padding-top:25px; padding-left:30px; padding-bottom:15px; color:#fff;}
.abox .box .left .bt b{ width:80px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#386fff; opacity:.3; z-index:1;}
.abox .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:24px; line-height:34px;}
.abox .box .left .bt p{ display:block; position:relative; z-index:2; font-size:16px; line-height:24px; margin-top:5px;}
.abox .box .left .wen{ width:100%; margin-top:22px; font-size:14px; line-height:30px; color:#fff; max-height:150px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.abox .box .left .more{ margin-top:42px;}
.abox .box .left .more a{ display:block; text-align:center; width:138px; height:38px; line-height:38px; font-size:14px; color:#fff; border-radius:5px; cursor:pointer; border:1px solid #fff;}
.abox .box .left .more a:hover{ background-color:#2561ff; border:1px solid #386fff;}
.abox .box .right{ width:50%; float:right;}
.abox .box .right img{ width:100%; display:block;}
.abox .list{ width:1200px; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:3;}
.abox .list li{ width:260px; margin-top:45px; display:block;}
.abox .list li strong{ width:30px; display:block; float:left; margin-top:12px;}
.abox .list li strong img{ width:100%; display:block;}
.abox .list li p{ display:block; float:left; width:calc(100% - 40px); margin-left:10px;}
.abox .list li p b{ font-size:54px; display:block; line-height:54px; color:#fff;}
.abox .list li p span{ font-size:14px; display:block; line-height:24px; color:#fff; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox .title .t01,.abox .title .t02{ color:#fff;}
.abox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.abox{ width:100%; padding-top:45px; padding-bottom:45px; position:relative; z-index:1; background-position:center; background-size:cover;}
.abox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.abox .box .left{ width:47%; float:left;}
.abox .box .left .bt{ position:relative; padding-top:15px; padding-left:20px; padding-bottom:10px; color:#fff;}
.abox .box .left .bt b{ width:60px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#386fff; opacity:.3; z-index:1;}
.abox .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:20px; line-height:30px;}
.abox .box .left .bt p{ display:block; position:relative; z-index:2; font-size:14px; line-height:22px; margin-top:5px;}
.abox .box .left .wen{ width:100%; margin-top:15px; font-size:14px; line-height:24px; color:#fff; max-height:120px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.abox .box .left .more{ margin-top:30px;}
.abox .box .left .more a{ display:block; text-align:center; width:118px; height:36px; line-height:36px; font-size:14px; color:#fff; border-radius:5px; cursor:pointer; border:1px solid #fff;}
.abox .box .left .more a:hover{ background-color:#2561ff; border:1px solid #386fff;}
.abox .box .right{ width:50%; float:right;}
.abox .box .right img{ width:100%; display:block;}
.abox .list{ width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:3;}
.abox .list li{ width:22.75%; margin-top:30px; display:block;}
.abox .list li strong{ width:24px; display:block; float:left; margin-top:10px;}
.abox .list li strong img{ width:100%; display:block;}
.abox .list li p{ display:block; float:left; width:calc(100% - 34px); margin-left:10px;}
.abox .list li p b{ font-size:44px; display:block; line-height:44px; color:#fff;}
.abox .list li p span{ font-size:14px; display:block; line-height:24px; color:#fff; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.abox .title .t01,.abox .title .t02{ color:#fff;}
.abox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.abox{ width:100%; padding-top:25px; padding-bottom:25px; position:relative; z-index:1; background-position:center; background-size:cover;}
.abox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left;}
.abox .box .left .bt{ position:relative; padding-top:10px; padding-left:15px; padding-bottom:5px; color:#fff;}
.abox .box .left .bt b{ width:40px; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; background-color:#386fff; opacity:.3; z-index:1;}
.abox .box .left .bt strong{ display:block; position:relative; z-index:2; font-size:18px; line-height:28px;}
.abox .box .left .bt p{ display:block; position:relative; z-index:2; font-size:12px; line-height:20px;}
.abox .box .left .wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px; color:#fff; max-height:168px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7;}
.abox .box .left .more{ margin-top:15px;}
.abox .box .left .more a{ display:block; text-align:center; width:88px; height:32px; line-height:32px; font-size:14px; color:#fff; border-radius:5px; cursor:pointer; border:1px solid #fff;}
.abox .box .left .more a:hover{ background-color:#2561ff; border:1px solid #386fff;}
.abox .box .right{ width:100%; float:right; margin-top:20px;}
.abox .box .right img{ width:100%; display:block;}
.abox .list{ width:94%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:3;}
.abox .list li{ width:48.5%; margin-top:15px; display:block;}
.abox .list li strong{ width:20px; display:block; float:left; margin-top:7px;}
.abox .list li strong img{ width:100%; display:block;}
.abox .list li p{ display:block; float:left; width:calc(100% - 26px); margin-left:6px;}
.abox .list li p b{ font-size:34px; display:block; line-height:34px; color:#fff;}
.abox .list li p span{ font-size:14px; display:block; line-height:24px; color:#fff;}
}

/*系统资质*/
@media screen and (min-width:1280px){
.rbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.rbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3; padding-bottom:100px;}
.rbox .box .list{ width:100%; display:flex; position:relative; z-index:3;}
.rbox .box .list li{ width:285px; display:block; float:left; margin-left:20px; position:relative;}
.rbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.rbox .box .list li .bg{ width:100%; height:calc(100% - 150px); border-radius:10px; background-color:#f3f7ff; position:absolute; left:0; bottom:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbox .box .list li .wen{ padding:60px 20px; padding-bottom:25px; box-sizing:border-box; position:relative; z-index:2;}
.rbox .box .list li .k01{ height:60px;}
.rbox .box .list li .k01 img{ display:block; height:60px; margin:auto;}
.rbox .box .list li .k02{ padding-top:55px; font-size:18px; line-height:28px; height:28px; text-align:center; font-weight:bold;}
.rbox .box .list li .k03{ padding-top:10px; font-size:14px; line-height:24px;}
.rbox .box .list li:hover .bg{ height:100%;}
.rbox .box .mask{ width:100%; border-radius:10px; background-color:#386fff; height:160px; padding:0 30px; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:1;}
.rbox .box .mask .left{ float:left; padding-top:82px; font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.rbox .box .mask .right{ height:120px; float:right; padding-top:40px; opacity:.1;}
.rbox .box .mask .right img{ display:block; float:right; height:120px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.rbox{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.rbox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; padding-bottom:100px;}
.rbox .box .list{ width:100%; display:flex; position:relative; z-index:3;}
.rbox .box .list li{ width:22.75%; display:block; float:left; margin-left:3%; position:relative;}
.rbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.rbox .box .list li .bg{ width:100%; height:calc(100% - 105px); border-radius:10px; background-color:#f3f7ff; position:absolute; left:0; bottom:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbox .box .list li .wen{ padding:35px 20px; padding-bottom:20px; box-sizing:border-box; position:relative; z-index:2;}
.rbox .box .list li .k01{ height:50px;}
.rbox .box .list li .k01 img{ display:block; height:50px; margin:auto;}
.rbox .box .list li .k02{ padding-top:40px; font-size:18px; line-height:28px; height:28px; text-align:center; font-weight:bold;}
.rbox .box .list li .k03{ padding-top:10px; font-size:14px; line-height:24px;}
.rbox .box .list li:hover .bg{ height:100%;}
.rbox .box .mask{ width:100%; border-radius:10px; background-color:#386fff; height:160px; padding:0 30px; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:1;}
.rbox .box .mask .left{ float:left; padding-top:82px; font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.rbox .box .mask .right{ height:120px; float:right; padding-top:40px; opacity:.1;}
.rbox .box .mask .right img{ display:block; float:right; height:120px;}
}
@media only screen and (max-width:1023px){
.rbox{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.rbox .box{ width:94%; margin:auto; position:relative; z-index:3; padding-bottom:72px;}
.rbox .box .list{ width:100%; display:flex; flex-wrap:wrap; position:relative; z-index:3;}
.rbox .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; position:relative;}
.rbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.rbox .box .list li .bg{ width:100%; height:calc(100% - 85px); border-radius:5px; background-color:#f3f7ff; position:absolute; left:0; bottom:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbox .box .list li .wen{ padding:10px 15px; padding-top:30px; box-sizing:border-box; position:relative; z-index:2;}
.rbox .box .list li .k01{ height:40px;}
.rbox .box .list li .k01 img{ display:block; height:40px; margin:auto;}
.rbox .box .list li .k02{ padding-top:25px; font-size:18px; line-height:28px; text-align:center; font-weight:bold;}
.rbox .box .list li .k03{ font-size:14px; line-height:24px;}
.rbox .box .list li:hover .bg{ height:100%;}
.rbox .box .mask{ width:100%; border-radius:5px; background-color:#386fff; height:87px; padding:0 15px; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:1;}
.rbox .box .mask .left{ padding-top:25px; font-size:16px; line-height:26px; font-weight:bold; color:#fff; position:relative; z-index:3;}
.rbox .box .mask .right{ height:87px; position:absolute; right:0; bottom:0; z-index:1; opacity:.1;}
.rbox .box .mask .right img{ display:block; float:right; height:87px;}
}

/*全渠道布局*/
@media screen and (min-width:1280px){
.mbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover;}
.mbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.mbox .box img{ max-width:100%; display:block; margin:auto;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.mbox{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-position:center; background-size:cover;}
.mbox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.mbox .box img{ max-width:100%; display:block; margin:auto;}
}
@media only screen and (max-width:1023px){
.mbox{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-position:center; background-size:cover;}
.mbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.mbox .box img{ max-width:100%; display:block; margin:auto;}
}

/*服务行业*/
@media screen and (min-width:1280px){
.sbox .title .t01,.sbox .title .t02{ color:#fff;}
.sbox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover;}
.sbox .box{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.sbox .box .gallery-thumbs{ width:100%; position:relative; height:45px;}
.sbox .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.sbox .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.sbox .box .gallery-thumbs .swiper-slide{ width:10%; font-size:16px; color:#fff; display:block; line-height:26px; height:43px; padding-bottom:2px; text-align:center; cursor:pointer;}
.sbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0; color:#386fff;}
.sbox .box .gallery-top{ width:100%; margin-top:50px;}
.sbox .box .gallery-top .swiper-slide{ width:740px; height:300px; background-image:url(../images/sbg.png); background-position:left center; background-repeat:no-repeat; display:block; overflow:hidden; background-size:100% 100%;}
.sbox .box .gallery-top .swiper-slide .left{ width:270px; float:left; padding:25px 30px;}
.sbox .box .gallery-top .swiper-slide .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.sbox .box .gallery-top .swiper-slide .left .w02{ font-size:14px; line-height:24px; height:96px; margin-top:5px;}
.sbox .box .gallery-top .swiper-slide .left .w03{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.sbox .box .gallery-top .swiper-slide .left .w03 span{ color:#386fff;}
.sbox .box .gallery-top .swiper-slide .left .w04{ font-size:14px; line-height:24px; height:72px; margin-top:5px;}
.sbox .box .gallery-top .swiper-slide .right{ width:380px; height:270px; float:left; margin:15px 30px; margin-left:0; border-radius:10px;}
.sbox .box .gallery-top .swiper-slide .right img{ width:100%; display:block;}
.sbox .box .swi{ margin-top:50px;}
.sbox .box .swi a{ display:block; text-align:center; width:138px; height:38px; line-height:38px; font-size:14px; color:#fff; border-radius:5px; cursor:pointer; border:1px solid #fff; float:left;}
.sbox .box .swi a:hover{ background-color:#2561ff; border:1px solid #386fff;}
.sbox .box .swi .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#fff; margin-left:20px; cursor:pointer; background-size:100% 100%; float:right;}
.sbox .box .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.sbox .box .swi .swiper-button-next{ background-image:url(../images/next.png);}
.sbox .box .swi .swiper-button-white:hover{ background-color:#386fff;}
.sbox .box .swi .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.sbox .box .swi .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sbox .title .t01,.sbox .title .t02{ color:#fff;}
.sbox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-position:center; background-size:cover;}
.sbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.sbox .box .gallery-thumbs{ width:100%; position:relative; height:35px;}
.sbox .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.sbox .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.sbox .box .gallery-thumbs .swiper-slide{ width:10%; font-size:16px; color:#fff; display:block; line-height:26px; height:33px; padding-bottom:2px; text-align:center; cursor:pointer;}
.sbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0; color:#386fff;}
.sbox .box .gallery-top{ width:100%; margin-top:35px;}
.sbox .box .gallery-top .swiper-slide{ width:740px; height:300px; background-image:url(../images/sbg.png); background-position:left center; background-repeat:no-repeat; display:block; overflow:hidden; background-size:100% 100%;}
.sbox .box .gallery-top .swiper-slide .left{ width:270px; float:left; padding:25px 30px;}
.sbox .box .gallery-top .swiper-slide .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.sbox .box .gallery-top .swiper-slide .left .w02{ font-size:14px; line-height:24px; height:96px; margin-top:5px;}
.sbox .box .gallery-top .swiper-slide .left .w03{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.sbox .box .gallery-top .swiper-slide .left .w03 span{ color:#386fff;}
.sbox .box .gallery-top .swiper-slide .left .w04{ font-size:14px; line-height:24px; height:72px; margin-top:5px;}
.sbox .box .gallery-top .swiper-slide .right{ width:380px; height:270px; float:left; margin:15px 30px; margin-left:0; border-radius:10px;}
.sbox .box .gallery-top .swiper-slide .right img{ width:100%; display:block;}
.sbox .box .swi{ margin-top:35px;}
.sbox .box .swi a{ display:block; text-align:center; width:118px; height:36px; line-height:36px; font-size:14px; color:#fff; border-radius:5px; cursor:pointer; border:1px solid #fff; float:left;}
.sbox .box .swi a:hover{ background-color:#2561ff; border:1px solid #386fff;}
.sbox .box .swi .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:#fff; margin-left:20px; cursor:pointer; background-size:100% 100%; float:right;}
.sbox .box .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.sbox .box .swi .swiper-button-next{ background-image:url(../images/next.png);}
.sbox .box .swi .swiper-button-white:hover{ background-color:#386fff;}
.sbox .box .swi .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.sbox .box .swi .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
}
@media only screen and (max-width:1023px){
.sbox .title .t01,.sbox .title .t02{ color:#fff;}
.sbox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-position:center; background-size:cover;}
.sbox .box{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:3;}
.sbox .box .gallery-thumbs{ width:100%; position:relative; height:30px;}
.sbox .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.sbox .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.sbox .box .gallery-thumbs .swiper-slide{ width:20%; font-size:14px; color:#fff; display:block; line-height:24px; height:28px; padding-bottom:2px; text-align:center; cursor:pointer;}
.sbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0; color:#386fff;}
.sbox .box .gallery-top{ width:100%; margin-top:20px;}
.sbox .box .gallery-top .swiper-slide{ padding:15px; padding-bottom:20px; width:70%; border-radius:10px; background-color:#fff;}
.sbox .box .gallery-top .swiper-slide .left{ width:100%; float:left; margin-bottom:15px;}
.sbox .box .gallery-top .swiper-slide .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.sbox .box .gallery-top .swiper-slide .left .w02{ font-size:14px; line-height:24px; height:96px; margin-top:5px;}
.sbox .box .gallery-top .swiper-slide .left .w03{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.sbox .box .gallery-top .swiper-slide .left .w03 span{ color:#386fff;}
.sbox .box .gallery-top .swiper-slide .left .w04{ font-size:14px; line-height:24px; height:72px; margin-top:5px;}
.sbox .box .gallery-top .swiper-slide .right{ width:100%; position:relative; float:left; border-radius:10px;}
.sbox .box .gallery-top .swiper-slide .right:before{ width:100%; padding-top:71.05%; display:block; content:'';}
.sbox .box .gallery-top .swiper-slide .right img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .swi{ margin-top:20px;}
.sbox .box .swi a{ display:block; text-align:center; width:88px; height:32px; line-height:32px; font-size:14px; color:#fff; border-radius:5px; cursor:pointer; border:1px solid #fff; float:left;}
.sbox .box .swi a:hover{ background-color:#2561ff; border:1px solid #386fff;}
.sbox .box .swi .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#fff; margin-left:15px; cursor:pointer; background-size:100% 100%; float:right;}
.sbox .box .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.sbox .box .swi .swiper-button-next{ background-image:url(../images/next.png);}
.sbox .box .swi .swiper-button-white:hover{ background-color:#386fff;}
.sbox .box .swi .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.sbox .box .swi .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
}

/*案例展示*/
@media screen and (min-width:1280px){
.zbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.zbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.zbox .box .swiper-container{ width:100%; position:relative; z-index:1;}
.zbox .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}
.zbox .box .swiper-container .swiper-slide a{ width:224px; height:100px; display:flex; justify-content:center; align-items:center; overflow:hidden; margin-bottom:20px; margin-left:20px; background-color:#fff; float:left; border:1px solid #eee; box-sizing:border-box;}
.zbox .box .swiper-container .swiper-slide a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.zbox .box .swiper-container .swiper-slide a:hover{ border:1px solid #386fff;}
.zbox .box .swiper-container .swiper-slide a img{ max-width:100%; max-height:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zbox .box .swiper-container .swiper-slide a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.zbox .box .swiper-pagination{ display:flex; justify-content:center; margin-top:10px; overflow:hidden;}
.zbox .box .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.zbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#386fff;}
.zbox .box01{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.zbox{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.zbox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.zbox .box .swiper-container{ width:100%; position:relative; z-index:1;}
.zbox .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}
.zbox .box .swiper-container .swiper-slide a{ width:calc(18.4% - 2px); display:block; overflow:hidden; margin-bottom:15px; margin-left:2%; background-color:#fff; float:left; border:1px solid #eee; position:relative;}
.zbox .box .swiper-container .swiper-slide a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.zbox .box .swiper-container .swiper-slide a:hover{ border:1px solid #386fff;}
.zbox .box .swiper-container .swiper-slide a:before{ width:100%; padding-top:44.14%; display:block; content:'';}
.zbox .box .swiper-container .swiper-slide a img{ max-width:100%; max-height:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zbox .box .swiper-container .swiper-slide a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.zbox .box .swiper-pagination{ display:flex; justify-content:center; margin-top:10px; overflow:hidden;}
.zbox .box .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.zbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#386fff;}
.zbox .box01{ display:none;}
}
@media only screen and (max-width:1023px){
.zbox{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.zbox .box{ display:none;}
.zbox .box01{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.zbox .box01 .swiper-container{ width:100%; position:relative; z-index:1;}
.zbox .box01 .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}
.zbox .box01 .swiper-container .swiper-slide a{ width:calc(32% - 2px); display:block; overflow:hidden; margin-bottom:10px; margin-left:2%; background-color:#fff; float:left; border:1px solid #eee; position:relative;}
.zbox .box01 .swiper-container .swiper-slide a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.zbox .box01 .swiper-container .swiper-slide a:hover{ border:1px solid #386fff;}
.zbox .box01 .swiper-container .swiper-slide a:before{ width:100%; padding-top:44.14%; display:block; content:'';}
.zbox .box01 .swiper-container .swiper-slide a img{ max-width:100%; max-height:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zbox .box01 .swiper-container .swiper-slide a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.zbox .box01 .swiper-pagination{ display:flex; justify-content:center; margin-top:10px; overflow:hidden;}
.zbox .box01 .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.zbox .box01 .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#386fff;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:65px; padding-bottom:110px; position:relative; z-index:1; background-color:#f4f8ff;}
.nbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.nbox .box .left{ width:290px; height:460px; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(56,111,255,0.0),rgba(56,111,255,0.7));}
.nbox .box .left .wen{ position:absolute; left:0; bottom:0; padding:25px 20px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:22px; height:22px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:18px; line-height:28px; color:#fff; height:28px; font-weight:bold; margin-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .left .wen .n04{ font-size:14px; line-height:24px; height:24px; color:#fff; margin-top:10px;}
.nbox .box .left a:hover .wen{ padding-bottom:35px;}
.nbox .box .mil{ width:290px; height:460px; border-radius:10px; float:left; background-color:#fff; margin:0 30px;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ padding:25px 20px;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:22px; height:22px; color:#386fff;}
.nbox .box .mil .wen .n02{ font-size:18px; line-height:28px; color:#333; height:28px; font-weight:bold; margin-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:24px; color:#333; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .mil .wen .n04{ font-size:14px; line-height:24px; height:24px; color:#999; margin-top:10px;}
.nbox .box .mil .tu{ width:250px; height:180px; position:absolute; left:20px; bottom:30px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#386fff;}
.nbox .box .mil .wen .n04:hover{ color:#386fff;}
.nbox .box .right{ width:560px; display:block; float:right; margin-top:-20px;}
.nbox .box .right li{ display:block; height:140px; margin-top:20px; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding:15px; padding-right:30px; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:84px; float:left; padding-right:1px; text-align:center; position:relative;}
.nbox .box .right li .zc b{ font-size:36px; line-height:38px; display:block; color:#386fff;}
.nbox .box .right li .zc p{ font-size:14px; line-height:20px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:50px; background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:410px;}
.nbox .box .right li .yc b{ font-size:18px; line-height:28px; display:block; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; margin:5px 0; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:14px; line-height:24px; height:24px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#386fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.nbox{ width:100%; padding-top:45px; padding-bottom:90px; position:relative; z-index:1; background-color:#f4f8ff;}
.nbox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.nbox .box .left{ width:24%; height:390px; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(56,111,255,0.0),rgba(56,111,255,0.7));}
.nbox .box .left .wen{ position:absolute; left:0; bottom:0; padding:20px 5%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:22px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:16px; line-height:26px; color:#fff; height:26px; font-weight:bold; margin-top:5px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .left .wen .n04{ font-size:14px; line-height:22px; color:#fff; margin-top:10px;}
.nbox .box .left a:hover .wen{ padding-bottom:35px;}
.nbox .box .mil{ width:24%; height:390px; border-radius:10px; float:left; background-color:#fff; margin:0 3%;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ width:90%; padding:20px 5%;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:22px; color:#386fff;}
.nbox .box .mil .wen .n02{ font-size:16px; line-height:26px; color:#333; height:28px; font-weight:bold; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:24px; color:#333; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.nbox .box .mil .wen .n04{ font-size:14px; line-height:22px; color:#999; margin-top:10px;}
.nbox .box .mil .tu{ width:90%; height:14.62vw; position:absolute; left:5%; bottom:25px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#386fff;}
.nbox .box .mil .wen .n04:hover{ color:#386fff;}
.nbox .box .right{ width:46%; display:block; float:right; margin-top:-15px;}
.nbox .box .right li{ display:block; height:120px; margin-top:15px; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding:10px 3%; padding-right:5%; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:74px; float:left; padding-right:1px; text-align:center; position:relative;}
.nbox .box .right li .zc b{ font-size:32px; line-height:34px; display:block; color:#386fff;}
.nbox .box .right li .zc p{ font-size:14px; line-height:20px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:44px; background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:calc(100% - 90px);}
.nbox .box .right li .yc b{ font-size:16px; line-height:26px; display:block; height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; margin:2px 0; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:14px; line-height:22px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#386fff;}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#f4f8ff;}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.nbox .box .left{ width:48%; height:68.46vw; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(56,111,255,0.0),rgba(56,111,255,0.7));}
.nbox .box .left .wen{ width:90%; position:absolute; left:0; bottom:0; padding:10px 5%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .wen .n01{ font-size:14px; line-height:22px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:16px; line-height:26px; color:#fff; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen .n03{ font-size:14px; line-height:24px; color:#fff; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .left .wen .n04{ font-size:14px; line-height:22px; color:#fff;}
.nbox .box .left a:hover .wen{ padding-bottom:15px;}
.nbox .box .mil{ width:48%; height:68.46vw; border-radius:10px; float:left; background-color:#fff; margin-left:4%;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ padding:10px 5%;}
.nbox .box .mil .wen .n01{ font-size:14px; line-height:22px; color:#386fff;}
.nbox .box .mil .wen .n02{ font-size:16px; line-height:26px; color:#333; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .mil .wen .n03{ font-size:14px; line-height:24px; color:#333; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.nbox .box .mil .wen .n04{ font-size:14px; line-height:22px; color:#999;}
.nbox .box .mil .tu{ width:90%; height:29.24vw; position:absolute; left:5%; bottom:15px;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#386fff;}
.nbox .box .mil .wen .n04:hover{ color:#386fff;}
.nbox .box .right{ width:100%; display:block; float:right;}
.nbox .box .right li{ display:block; margin-top:15px; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding:10px 3%; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:70px; float:left; padding-right:1px; text-align:center; position:relative;}
.nbox .box .right li .zc b{ font-size:32px; line-height:34px; display:block; color:#386fff;}
.nbox .box .right li .zc p{ font-size:14px; line-height:20px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:44px; background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:calc(100% - 91px); padding:0 10px;}
.nbox .box .right li .yc b{ font-size:16px; line-height:26px; display:block; height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .right li .yc p{ font-size:14px; line-height:24px; height:48px; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:14px; line-height:22px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#386fff;}
}

/*免费体验*/
@media screen and (min-width:1280px){
.tybox{ width:100%; height:400px; position:relative; z-index:3; background-position:center; background-size:cover;}
.tybox .box{ width:1200px; margin:auto; position:relative;}
.tybox .box .left{ width:540px; margin-left:170px; height:400px; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:3;}
.tybox .box .left .w01{ font-size:30px; line-height:40px;}
.tybox .box .left .w02{ font-size:40px; line-height:50px; margin-top:20px;}
.tybox .box .left .w03{ margin-top:45px; padding-bottom:5px;}
.tybox .box .left .w03 a{ display:block; text-align:center; width:180px; height:50px; line-height:50px; font-size:18px; color:#fff; background-color:#386fff; border-radius:10px; cursor:pointer; letter-spacing:4px; text-indent:4px;}
.tybox .box .left .w03 a:hover{ background-color:#2561ff;}
.tybox .box .right{ position:absolute; right:0; bottom:0; z-index:1;}
.tybox .box .right img{ max-width:489px; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.tybox{ width:100%; height:300px; position:relative; z-index:3; background-position:center; background-size:cover;}
.tybox .box{ width:94%; margin:auto; position:relative;}
.tybox .box .left{ width:46%; margin-left:14%; height:300px; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:3;}
.tybox .box .left .w01{ font-size:24px; line-height:34px;}
.tybox .box .left .w02{ font-size:30px; line-height:40px; margin-top:10px;}
.tybox .box .left .w03{ margin-top:25px; padding-bottom:5px;}
.tybox .box .left .w03 a{ display:block; text-align:center; width:160px; height:44px; line-height:44px; font-size:16px; color:#fff; background-color:#386fff; border-radius:10px; cursor:pointer; letter-spacing:2px; text-indent:2px;}
.tybox .box .left .w03 a:hover{ background-color:#2561ff;}
.tybox .box .right{ width:37%; position:absolute; right:0; bottom:0; z-index:1;}
.tybox .box .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.tybox{ width:100%; position:relative; z-index:3; background-position:center; background-size:cover;}
.tybox .box{ width:94%; margin:auto; position:relative;}
.tybox .box .left{ width:100%; position:relative; z-index:3;}
.tybox .box .left .w01{ font-size:16px; line-height:26px; padding-top:25px;}
.tybox .box .left .w02{ font-size:24px; line-height:34px; margin-top:5px;}
.tybox .box .left .w03{ margin-top:15px;}
.tybox .box .left .w03 a{ display:block; text-align:center; width:120px; height:38px; line-height:38px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px; cursor:pointer; letter-spacing:2px; text-indent:2px;}
.tybox .box .left .w03 a:hover{ background-color:#2561ff;}
.tybox .box .right{ height:200px; z-index:1;}
.tybox .box .right img{ height:200px; float:right; display:block;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; padding-top:50px; background-color:#252525;}
.footer .foot{ width:1200px; margin:auto;}
.footer .foot .f01{ width:1240px; margin-left:-20px; display:flex; justify-content:space-between; align-items:center; padding-bottom:30px; border-bottom:1px solid #333;}
.footer .foot .f01 dd{ width:1px; height:140px; display:block; background-color:#333;}
.footer .foot .f01 dt{ display:block; flex:1; text-align:center; padding:0 20px; text-align:center; overflow:hidden;}
.footer .foot .f01 dt strong{ display:block; padding:5px 0;}
.footer .foot .f01 dt strong img{ display:block; margin:auto; height:42px;}
.footer .foot .f01 dt span{ display:block; margin-top:10px; font-size:18px; line-height:28px; color:#999;}
.footer .foot .f01 dt p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02{ padding:30px 0; border-bottom:1px solid #333; width:100%;}
.footer .foot .f02 p{ float:left;}
.footer .foot .f02 p a{ display:block; font-size:14px; line-height:34px; height:34px; color:#999; float:left;}
.footer .foot .f02 p a:hover{ color:#fff;}
.footer .foot .f02 p span{ display:block; font-size:14px; line-height:34px; height:34px; color:#999; float:left; margin:0 30px;}
.footer .foot .f02 select{ width:212px; height:34px; line-height:34px; display:block; float:right; overflow:hidden; box-sizing:border-box; border:1px solid #333; background-color:#252525; background-image:url(../images/sel.png); background-position:190px center; background-repeat:no-repeat; color:#999; text-indent:10px;}
.footer .foot .f03{ width:100%; display:flex; align-items:center; padding:15px 0;}
.footer .foot .f03 .left{ width:50%;}
.footer .foot .f03 .left p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f03 .left p a{ color:#999;}
.footer .foot .f03 .right{ width:50%;}
.footer .foot .f03 .right p{ display:block; overflow:hidden; float:right;}
.footer .foot .f03 .right a{ display:block; float:left; height:26px; margin:11px 10px; margin-right:0; opacity:.7;}
.footer .foot .f03 .right a img{ display:block; height:26px;}
.footer .foot .f03 .right a:hover{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:100%; padding-top:50px; background-color:#252525;}
.footer .foot{ width:94%; margin:auto;}
.footer .foot .f01{ margin-right:-15px; margin-left:-15px; display:flex; justify-content:space-between; align-items:center; padding-bottom:30px; border-bottom:1px solid #333;}
.footer .foot .f01 dd{ width:1px; height:140px; display:block; background-color:#333;}
.footer .foot .f01 dt{ display:block; flex:1; text-align:center; padding:0 15px; text-align:center; overflow:hidden;}
.footer .foot .f01 dt strong{ display:block; padding:5px 0;}
.footer .foot .f01 dt strong img{ display:block; margin:auto; height:42px;}
.footer .foot .f01 dt span{ display:block; margin-top:10px; font-size:18px; line-height:28px; color:#999;}
.footer .foot .f01 dt p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02{ padding:20px 0; border-bottom:1px solid #333; width:100%;}
.footer .foot .f02 p{ float:left;}
.footer .foot .f02 p a{ display:block; font-size:14px; line-height:34px; height:34px; color:#999; float:left;}
.footer .foot .f02 p a:hover{ color:#fff;}
.footer .foot .f02 p span{ display:block; font-size:14px; line-height:34px; height:34px; color:#999; float:left; margin:0 3vw;}
.footer .foot .f02 select{ width:182px; height:34px; line-height:34px; display:block; float:right; overflow:hidden; box-sizing:border-box; border:1px solid #333; background-color:#252525; background-image:url(../images/sel.png); background-position:190px center; background-repeat:no-repeat; color:#999; text-indent:10px;}
.footer .foot .f03{ width:100%; display:flex; align-items:center; padding:15px 0;}
.footer .foot .f03 .left{ width:60%;}
.footer .foot .f03 .left p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f03 .left p a{ color:#999;}
.footer .foot .f03 .right{ width:40%;}
.footer .foot .f03 .right p{ display:block; overflow:hidden; float:right;}
.footer .foot .f03 .right a{ display:block; float:left; height:26px; margin:11px 10px; margin-right:0; opacity:.7;}
.footer .foot .f03 .right a img{ display:block; height:26px;}
.footer .foot .f03 .right a:hover{ opacity:1;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; padding-top:15px; background-color:#252525;}
.footer .foot{ width:94%; margin:auto;}
.footer .foot .f01{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding-bottom:25px;}
.footer .foot .f01 dd{ display:none;}
.footer .foot .f01 dt{ display:block; width:48.5%; text-align:center; margin-top:15px; text-align:center; overflow:hidden;}
.footer .foot .f01 dt strong{ display:block; padding:5px 0;}
.footer .foot .f01 dt strong img{ display:block; margin:auto; height:42px;}
.footer .foot .f01 dt span{ display:block; margin-top:5px; font-size:16px; line-height:26px; color:#999;}
.footer .foot .f01 dt p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02{ width:100%;}
.footer .foot .f02 p{ float:left; padding:10px 0; text-align:center; width:100%; display:none;}
.footer .foot .f02 p a{ display:inline-block; margin:0 5px; font-size:14px; line-height:24px; height:24px; color:#999;}
.footer .foot .f02 p a:hover{ color:#fff;}
.footer .foot .f02 p span{ display:none;}
.footer .foot .f02 select{ width:calc(100% - 60px); height:36px; line-height:34px; display:block; float:left; overflow:hidden; box-sizing:border-box; border:1px solid #333; background-color:#252525; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat; color:#999; text-indent:10px;}
.footer .foot .f03{ width:100%; padding:15px 0;}
.footer .foot .f03 .left{ width:100%;}
.footer .foot .f03 .left p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f03 .left p a{ color:#999;}
.footer .foot .f03 .right{ margin-left:-5px; margin-right:-5px; text-align:center;}
.footer .foot .f03 .right p{ display:block; overflow:hidden; width:100%;}
.footer .foot .f03 .right a{ display:inline-block; margin:0 5px; height:20px; margin-top:10px; opacity:.7;}
.footer .foot .f03 .right a img{ display:block; height:20px;}
.footer .foot .f03 .right a:hover{ opacity:1;}
}

/*产品介绍*/
@media screen and (min-width:1280px){
.ban{ width:100%; position:relative; z-index:1; border-top:80px solid #fff;}
.ban .bg{ width:100%; height:calc(100% - 200px); position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover;}
.ban .box{ width:1200px; margin:auto; position:relative; z-index:3; padding-top:95px;}
.ban .box .w01{ font-size:50px; line-height:60px; text-align:center; font-weight:bold; color:#fff;}
.ban .box .w02{ margin-top:45px; display:flex; justify-content:center;}
.ban .box .w02 span{ display:block; text-align:center; width:160px; height:50px; line-height:50px; font-size:16px; color:#fff; background-color:#386fff; border-radius:10px; cursor:pointer;}
.ban .box .w02 span:hover{ background-color:#2561ff;}
.ban .box .w02 a{ display:block; text-align:center; width:158px; height:48px; line-height:48px; font-size:16px; color:#fff; border-radius:10px; cursor:pointer; border:1px solid #fff; margin-left:20px;}
.ban .box .w02 a:hover{ background-color:#2561ff; border:1px solid #2561ff;}
.ban .box .w03{ width:100%; margin-top:50px;}
.ban .box .w03 img{ max-width:100%; display:block; margin:auto;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ban{ width:100%; position:relative; z-index:1; border-top:70px solid #fff;}
.ban .bg{ width:100%; height:calc(100% - 160px); position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover;}
.ban .box{ width:94%; margin:auto; position:relative; z-index:3; padding-top:75px;}
.ban .box .w01{ font-size:40px; line-height:50px; text-align:center; font-weight:bold; color:#fff;}
.ban .box .w02{ margin-top:35px; display:flex; justify-content:center;}
.ban .box .w02 span{ display:block; text-align:center; width:130px; height:44px; line-height:44px; font-size:16px; color:#fff; background-color:#386fff; border-radius:5px; cursor:pointer;}
.ban .box .w02 span:hover{ background-color:#2561ff;}
.ban .box .w02 a{ display:block; text-align:center; width:128px; height:42px; line-height:42px; font-size:16px; color:#fff; border-radius:5px; cursor:pointer; border:1px solid #fff; margin-left:20px;}
.ban .box .w02 a:hover{ background-color:#2561ff; border:1px solid #2561ff;}
.ban .box .w03{ width:100%; margin-top:40px;}
.ban .box .w03 img{ max-width:100%; display:block; margin:auto;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.ban .bg{ width:100%; height:calc(100% - 120px); position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover;}
.ban .box{ width:94%; margin:auto; position:relative; z-index:3; padding-top:55px;}
.ban .box .w01{ font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#fff;}
.ban .box .w02{ margin-top:25px; display:flex; justify-content:center;}
.ban .box .w02 span{ display:block; text-align:center; width:90px; height:34px; line-height:34px; font-size:14px; color:#fff; background-color:#386fff; border-radius:5px; cursor:pointer;}
.ban .box .w02 span:hover{ background-color:#2561ff;}
.ban .box .w02 a{ display:block; text-align:center; width:88px; height:32px; line-height:32px; font-size:14px; color:#fff; border-radius:5px; cursor:pointer; border:1px solid #fff; margin-left:20px;}
.ban .box .w02 a:hover{ background-color:#2561ff; border:1px solid #2561ff;}
.ban .box .w03{ width:100%; margin-top:30px;}
.ban .box .w03 img{ max-width:100%; display:block; margin:auto;}
}

@media screen and (min-width:1280px){
.pro01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.pro01 .box{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.pro01 .box .gallery-thumbs{ width:100%; position:relative; height:45px;}
.pro01 .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.pro01 .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.pro01 .box .gallery-thumbs .swiper-slide{ width:11.11%; font-size:18px; color:#333; display:block; line-height:28px; height:43px; padding-bottom:2px; text-align:center; cursor:pointer;}
.pro01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0; color:#386fff;}
.pro01 .box .cont{ padding:0 70px; margin-top:50px; position:relative;}
.pro01 .box .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#f3f7ff; cursor:pointer; background-size:100% 100%; position:absolute; top:50%; margin-top:-20px;}
.pro01 .box .swiper-button-prev{ left:0; background-image:url(../images/prev.png);}
.pro01 .box .swiper-button-next{ right:0; background-image:url(../images/next.png);}
.pro01 .box .swiper-button-white:hover{ background-color:#386fff;}
.pro01 .box .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.pro01 .box .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.pro01 .box .gallery-top{ width:100%; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide{ width:100%; display:flex; flex-direction:row-reverse; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide .left{ width:25%; background-color:#f3f7ff; border-radius:20px; border:2px dashed #386fff; box-sizing:border-box; padding:30px;}
.pro01 .box .gallery-top .swiper-slide .left .detailDesc{ font-size:24px; line-height:34px; font-weight:bold;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list{ display:block;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li{ display:flex; margin-top:20px; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-left{ width:8px; height:8px; display:block; border-radius:100%; background-color:#386fff; overflow:hidden; margin:10px 0;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right{ margin-left:10px; flex:1;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right .bt{ font-size:18px; line-height:28px;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right .desc{ font-size:16px; line-height:26px; color:#666;}
.pro01 .box .gallery-top .swiper-slide .right{ width:72%; margin-left:3%;}
.pro01 .box .gallery-top .swiper-slide .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pro01{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.pro01 .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.pro01 .box .gallery-thumbs{ width:100%; position:relative; height:35px;}
.pro01 .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.pro01 .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.pro01 .box .gallery-thumbs .swiper-slide{ width:11.11%; font-size:18px; color:#333; display:block; line-height:28px; height:33px; padding-bottom:2px; text-align:center; cursor:pointer;}
.pro01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0; color:#386fff;}
.pro01 .box .cont{ padding:0 60px; margin-top:35px; position:relative;}
.pro01 .box .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:#f3f7ff; cursor:pointer; background-size:100% 100%; position:absolute; top:50%; margin-top:-19px;}
.pro01 .box .swiper-button-prev{ left:0; background-image:url(../images/prev.png);}
.pro01 .box .swiper-button-next{ right:0; background-image:url(../images/next.png);}
.pro01 .box .swiper-button-white:hover{ background-color:#386fff;}
.pro01 .box .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.pro01 .box .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.pro01 .box .gallery-top{ width:100%; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide{ width:100%; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide .left{ width:100%; background-color:#f3f7ff; border-radius:15px; border:2px dashed #386fff; box-sizing:border-box; padding:25px;}
.pro01 .box .gallery-top .swiper-slide .left .detailDesc{ font-size:20px; line-height:30px; font-weight:bold;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list{ display:block;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li{ width:32%; float:left; margin-left:2%; display:flex; margin-top:15px; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-left{ width:6px; height:6px; display:block; border-radius:100%; background-color:#386fff; overflow:hidden; margin:10px 0;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right{ margin-left:10px; flex:1;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right .bt{ font-size:16px; line-height:26px;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right .desc{ font-size:14px; line-height:24px; color:#666;}
.pro01 .box .gallery-top .swiper-slide .right{ width:100%; margin-bottom:20px;}
.pro01 .box .gallery-top .swiper-slide .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.pro01{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.pro01 .box{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:3;}
.pro01 .box .gallery-thumbs{ width:100%; position:relative; height:30px;}
.pro01 .box .gallery-thumbs:before{ width:100%; height:1px; display:block; content:''; background-color:#eee; position:absolute; left:0; bottom:0;}
.pro01 .box .gallery-thumbs .swiper-wrapper{ position:relative; z-index:3;}
.pro01 .box .gallery-thumbs .swiper-slide{ width:33.33%; font-size:16px; color:#333; display:block; line-height:26px; height:28px; padding-bottom:2px; text-align:center; cursor:pointer;}
.pro01 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border-bottom:2px solid #386fff; padding-bottom:0; color:#386fff;}
.pro01 .box .cont{ padding:0 50px; margin-top:20px; position:relative;}
.pro01 .box .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#f3f7ff; cursor:pointer; background-size:100% 100%; position:absolute; top:50%; margin-top:-17px;}
.pro01 .box .swiper-button-prev{ left:0; background-image:url(../images/prev.png);}
.pro01 .box .swiper-button-next{ right:0; background-image:url(../images/next.png);}
.pro01 .box .swiper-button-white:hover{ background-color:#386fff;}
.pro01 .box .swiper-button-prev:hover{ background-image:url(../images/prevh.png);}
.pro01 .box .swiper-button-next:hover{ background-image:url(../images/nexth.png);}
.pro01 .box .gallery-top{ width:100%; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide{ width:100%; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide .left{ width:100%; background-color:#f3f7ff; border-radius:10px; border:2px dashed #386fff; box-sizing:border-box; padding:15px;}
.pro01 .box .gallery-top .swiper-slide .left .detailDesc{ font-size:18px; line-height:28px; font-weight:bold;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list{ display:block;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li{ width:100%; display:flex; margin-top:10px; overflow:hidden;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-left{ width:6px; height:6px; display:block; border-radius:100%; background-color:#386fff; overflow:hidden; margin:10px 0;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right{ margin-left:5px; flex:1;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right .bt{ font-size:16px; line-height:26px;}
.pro01 .box .gallery-top .swiper-slide .left .detail-bottom-list li .title-right .desc{ font-size:14px; line-height:24px; color:#666;}
.pro01 .box .gallery-top .swiper-slide .right{ width:100%; margin-bottom:20px;}
.pro01 .box .gallery-top .swiper-slide .right img{ width:100%; display:block;}
}

@media screen and (min-width:1280px){
.pro02{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-position:center; background-size:cover;}
.pro02 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.pro02 .erp-process-sales{ display:flex; justify-content:center; width:100%;}
.pro02 .erp-process-sales-item{ width:280px; background:#fff; border:2px dashed #386fff; border-radius:14px; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.09); padding:30px; box-sizing:border-box;}
.pro02 .erp-process-sales-item .showImg{ display:flex; height:150px; width:100%; justify-content:center; align-items:center;}
.pro02 .erp-process-sales-item .showImg img{ max-width:100%; max-height:150px;}
.pro02 .erp-process-sales-item h4{ width:100px; height:36px; background:#386fff; border-radius:40px; color:#fff; text-align:center; font-size:16px; line-height:36px; margin:10px auto 0; display:block;}
.pro02 .erp-process-sales-item .sales-item-list{ width:100%; display:block; padding-top:5px;}
.pro02 .erp-process-sales-item .sales-item-list li{ margin-top:15px; width:100%; height:30px; background:#e9f0fd; border-radius:14px; font-size:14px; text-align:center; color:#333; line-height:30px;}
.pro02 .erp-process-sales-separate{ display:flex; align-items:center; width:50px; margin:0 10px;}
.pro02 .erp-process-sales-separate img.pcseparate{ width:50px; display:block;}
.pro02 .erp-process-sales-separate img.wapseparate{ display:none;}

.pro02 .erp-process-service{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding-top:5px;}
.pro02 .erp-process-service li{ flex:1; display:block; margin:0 20px; margin-top:35px;}
.pro02 .erp-process-service li img{ display:block; margin:auto; height:120px;}
.pro02 .erp-process-service li h4{ text-align:center; font-size:18px; line-height:28px; display:block; font-weight:normal; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pro02{ width:100%; padding-top:45px; padding-bottom:45px; position:relative; z-index:1; background-position:center; background-size:cover;}
.pro02 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.pro02 .erp-process-sales{ display:flex; justify-content:center; width:100%;}
.pro02 .erp-process-sales-item{ width:280px; background:#fff; border:2px dashed #386fff; border-radius:14px; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.09); padding:30px; box-sizing:border-box;}
.pro02 .erp-process-sales-item .showImg{ display:flex; height:150px; width:100%; justify-content:center; align-items:center;}
.pro02 .erp-process-sales-item .showImg img{ max-width:100%; max-height:150px;}
.pro02 .erp-process-sales-item h4{ width:100px; height:36px; background:#386fff; border-radius:40px; color:#fff; text-align:center; font-size:16px; line-height:36px; margin:10px auto 0; display:block;}
.pro02 .erp-process-sales-item .sales-item-list{ width:100%; display:block; padding-top:5px;}
.pro02 .erp-process-sales-item .sales-item-list li{ margin-top:15px; width:100%; height:30px; background:#e9f0fd; border-radius:14px; font-size:14px; text-align:center; color:#333; line-height:30px;}
.pro02 .erp-process-sales-separate{ display:flex; align-items:center; width:50px; margin:0 10px;}
.pro02 .erp-process-sales-separate img.pcseparate{ width:50px; display:block;}
.pro02 .erp-process-sales-separate img.wapseparate{ display:none;}

.pro02 .erp-process-service{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding-top:5px;}
.pro02 .erp-process-service li{ flex:1; display:block; margin:0 20px; margin-top:35px;}
.pro02 .erp-process-service li img{ display:block; margin:auto; height:100px;}
.pro02 .erp-process-service li h4{ text-align:center; font-size:16px; line-height:26px; display:block; font-weight:normal; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.pro02{ width:100%; padding-top:25px; padding-bottom:25px; position:relative; z-index:1; background-position:center; background-size:cover;}
.pro02 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pro02 .erp-process-sales{ width:100%;}
.pro02 .erp-process-sales-item{ width:280px; background:#fff; border:2px dashed #386fff; border-radius:14px; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.09); padding:30px; box-sizing:border-box; margin:auto;}
.pro02 .erp-process-sales-item .showImg{ display:flex; height:150px; width:100%; justify-content:center; align-items:center;}
.pro02 .erp-process-sales-item .showImg img{ max-width:100%; max-height:150px;}
.pro02 .erp-process-sales-item h4{ width:100px; height:36px; background:#386fff; border-radius:40px; color:#fff; text-align:center; font-size:16px; line-height:36px; margin:10px auto 0; display:block;}
.pro02 .erp-process-sales-item .sales-item-list{ width:100%; display:block; padding-top:5px;}
.pro02 .erp-process-sales-item .sales-item-list li{ margin-top:15px; width:100%; height:30px; background:#e9f0fd; border-radius:14px; font-size:14px; text-align:center; color:#333; line-height:30px;}
.pro02 .erp-process-sales-separate{width:100%;}
.pro02 .erp-process-sales-separate img.pcseparate{ width:50px; display:none;}
.pro02 .erp-process-sales-separate img.wapseparate{ height:40px; display:block; margin:15px auto;}

.pro02 .erp-process-service{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding-top:5px;}
.pro02 .erp-process-service li{ flex:1; display:block; margin:0 20px; margin-top:15px;}
.pro02 .erp-process-service li img{ display:block; margin:auto; height:100px;}
.pro02 .erp-process-service li h4{ text-align:center; font-size:16px; line-height:26px; display:block; font-weight:normal; margin-top:5px;}
}

/*解决方案*/
@media screen and (min-width:1280px){
.ban01{ width:100%; height:460px; position:relative; z-index:1; border-top:80px solid #fff;}
.ban01 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover;}
.ban01 .box{ width:1200px; margin:auto; z-index:3; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban01 .box .w01{ font-size:50px; line-height:60px; text-align:center; font-weight:bold; color:#fff;}
.ban01 .box .w02{ font-size:30px; line-height:40px; text-align:center; color:#fff; margin-top:20px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ban01{ width:100%; height:360px; position:relative; z-index:1; border-top:70px solid #fff;}
.ban01 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover;}
.ban01 .box{ width:94%; margin:auto; z-index:3;position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban01 .box .w01{ font-size:40px; line-height:50px; text-align:center; font-weight:bold; color:#fff;}
.ban01 .box .w02{ font-size:24px; line-height:34px; text-align:center; color:#fff; margin-top:15px;}
}
@media only screen and (max-width:1023px){
.ban01{ width:100%; height:260px; position:relative; z-index:1; border-top:60px solid #fff;}
.ban01 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover;}
.ban01 .box{ width:94%; margin:auto; z-index:3;position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban01 .box .w01{ font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#fff;}
.ban01 .box .w02{ font-size:18px; line-height:28px; text-align:center; color:#fff; margin-top:10px;}
}

@media screen and (min-width:1280px){
.solution01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.solution01 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.solution01 .box .wen{ font-size:18px; line-height:28px; text-align:center;}
.solution01 .box .tu{ width:100%; margin-top:35px;}
.solution01 .box .tu img{ max-width:100%; display:block; margin:auto;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.solution01{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.solution01 .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.solution01 .box .wen{ font-size:16px; line-height:26px; text-align:center;}
.solution01 .box .tu{ width:100%; margin-top:25px;}
.solution01 .box .tu img{ max-width:100%; display:block; margin:auto;}
}
@media only screen and (max-width:1023px){
.solution01{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.solution01 .box{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:3;}
.solution01 .box .wen{ font-size:14px; line-height:24px; text-align:center;}
.solution01 .box .tu{ width:100%; margin-top:15px;}
.solution01 .box .tu img{ max-width:100%; display:block; margin:auto;}
}

@media screen and (min-width:1280px){
.solution02{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-position:center; background-size:cover;}
.solution02 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.solution02 .box .swiper-container{ width:100%; position:relative; z-index:1;}
.solution02 .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}
.solution02 .box .swiper-container .swiper-slide img{ max-width:100%; display:block; margin:auto;}
.solution02 .box .swiper-pagination{ display:flex; justify-content:center; margin-top:40px; overflow:hidden;}
.solution02 .box .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.solution02 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#386fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.solution02{ width:100%; padding-top:45px; padding-bottom:45px; position:relative; z-index:1; background-position:center; background-size:cover;}
.solution02 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.solution02 .box .swiper-container{ width:100%; position:relative; z-index:1;}
.solution02 .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}
.solution02 .box .swiper-container .swiper-slide img{ max-width:100%; display:block; margin:auto;}
.solution02 .box .swiper-pagination{ display:flex; justify-content:center; margin-top:30px; overflow:hidden;}
.solution02 .box .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.solution02 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#386fff;}
}
@media only screen and (max-width:1023px){
.solution02{ width:100%; padding-top:25px; padding-bottom:25px; position:relative; z-index:1; background-position:center; background-size:cover;}
.solution02 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.solution02 .box .swiper-container{ width:100%; position:relative; z-index:1;}
.solution02 .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}
.solution02 .box .swiper-container .swiper-slide img{ max-width:100%; display:block; margin:auto;}
.solution02 .box .swiper-pagination{ display:flex; justify-content:center; margin-top:20px; overflow:hidden;}
.solution02 .box .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.solution02 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#386fff;}
}

@media screen and (min-width:1280px){
.videos{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.videos .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.videos .video-menu{ width:280px; height:100%; position:absolute; left:0; top:0; background-color:#f3f7ff;}
.videos .video-menu-nav{ height:60px; line-height:60px; font-size:20px; font-weight:400; text-align:left; color:#333; letter-spacing:0.4px; padding-left:20px;}
.videos .sup{ width:100%; height:calc(100% - 60px); cursor:pointer; overflow-y:auto;}
.videos .bottomLine{ width:calc(100% - 40px); margin:auto; height:1px; background-color:#ddd;}
.videos .sup > li > span{ position:relative; height:56px; font-size:16px; padding-left:35px; line-height:56px; display:flex; align-items:center;}
.videos .sup > li.active > span{ color:#fff; background:#386fff;}
.videos .supNavImg{ width:19px; margin-right:14px;}
.videos .supNavImg01{ width:19px; margin-right:14px; display:none;}
.videos .sup > li.active .supNavImg{ display:none;}
.videos .sup > li.active .supNavImg01{ display:block;}
.videos .sup > li > span > b{ width:6px; height:12px; top:20px; right:20px; position:absolute; background:url("../images/menu-arrow.png") no-repeat;}
.videos .sup > li.active > span > b{ width:12px; height:6px; top:24px; right:20px; background:url("../images/menu-arrow-open.png") no-repeat;}
.videos .sub{ display:none;}
.videos .sub > li{ padding-left:50px; height:40px; line-height:40px;}
.videos .sup > li.active > span{ color:#fff; background:#386fff;}
.videos .sub > li.active{ color:#386fff;}
.videos .video-box{ width:calc(100% - 330px); float:right;}
.videos .video-box video{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.videos{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff}
.videos .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.videos .video-menu{ width:280px; height:100%; position:absolute; left:0; top:0; background-color:#f3f7ff;}
.videos .video-menu-nav{ height:60px; line-height:60px; font-size:20px; font-weight:400; text-align:left; color:#333; letter-spacing:0.4px; padding-left:20px;}
.videos .sup{ width:100%; height:calc(100% - 60px); cursor:pointer; overflow-y:auto;}
.videos .bottomLine{ width:calc(100% - 40px); margin:auto; height:1px; background-color:#ddd;}
.videos .sup > li{ position:relative; display:block;}
.videos .sup > li > span{ position:relative; height:56px; font-size:16px; padding-left:35px; line-height:56px; display:flex; align-items:center;}
.videos .sup > li.active > span{ color:#fff; background:#386fff;}
.videos .supNavImg{ width:19px; margin-right:14px;}
.videos .supNavImg01{ width:19px; margin-right:14px; display:none;}
.videos .sup > li.active .supNavImg{ display:none;}
.videos .sup > li.active .supNavImg01{ display:block;}
.videos .sup > li > span > b{ width:6px; height:12px; top:20px; right:20px; position:absolute; background:url("../images/menu-arrow.png") no-repeat;}
.videos .sup > li.active > span > b{ width:12px; height:6px; top:24px; right:20px; background:url("../images/menu-arrow-open.png") no-repeat;}
.videos .sub{ display:none;}
.videos .sub > li{ padding-left:50px; height:40px; line-height:40px;}
.videos .sup > li.active > span{ color:#fff; background:#386fff;}
.videos .sub > li.active{ color:#386fff;}
.videos .video-box{ width:calc(97% - 280px); float:right;}
.videos .video-box video{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.videos{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff}
.videos .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.videos .video-menu{ width:100%; height:300px; background-color:#f3f7ff;}
.videos .video-menu-nav{ height:50px; line-height:50px; font-size:18px; font-weight:400; text-align:left; color:#333; letter-spacing:0.4px; padding-left:15px;}
.videos .sup{ width:100%; height:calc(100% - 50px); cursor:pointer; overflow-y:auto;}
.videos .sup > li{ position:relative; display:block;}
.videos .bottomLine{ width:calc(100% - 30px); margin:auto; height:1px; background-color:#ddd;}
.videos .sup > li > span{ position:relative; height:46px; font-size:16px; padding-left:20px; line-height:46px; display:flex; align-items:center;}
.videos .sup > li.active > span{ color:#fff; background:#386fff;}
.videos .supNavImg{ width:19px; margin-right:10px;}
.videos .supNavImg01{ width:19px; margin-right:10px; display:none;}
.videos .sup > li{ position:relative; display:block;}
.videos .sup > li.active .supNavImg{ display:none;}
.videos .sup > li.active .supNavImg01{ display:block;}
.videos .sup > li > span > b{ width:6px; height:12px; top:17px; right:15px; position:absolute; background:url("../images/menu-arrow.png") no-repeat;}
.videos .sup > li.active > span > b{ width:12px; height:6px; top:20px; right:15px; background:url("../images/menu-arrow-open.png") no-repeat;}
.videos .sub{ display:none;}
.videos .sub > li{ padding-left:50px; height:34px; line-height:34px;}
.videos .sup > li.active > span{ color:#fff; background:#386fff;}
.videos .sub > li.active{ color:#386fff;}
.videos .video-box{ width:100%; margin-top:20px; float:right;}
.videos .video-box video{ width:100%; display:block;}
}

/*典型案例*/
@media screen and (min-width:1280px){
.case{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f3f7ff;}
.case .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.case .box .list{ width:100%; margin-top:-5px;}
.case .box .list li{ padding:40px; display:block; overflow:hidden; border-radius:10px; background-color:#fff; margin-top:40px;}
.case .box .list li .left{ width:calc(100% - 420px); float:left;}
.case .box .list li .left .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.case .box .list li .left .w02{ font-size:16px; line-height:26px; margin-top:5px;}
.case .box .list li .left .w03{ font-size:18px; line-height:28px; font-weight:bold; margin-top:20px;}
.case .box .list li .left .w03 span{ color:#386fff;}
.case .box .list li .left .w04{ font-size:16px; line-height:26px; margin-top:5px;}
.case .box .list li .right{ width:380px; height:270px; float:right; border-radius:10px;}
.case .box .list li .right img{ width:100%; display:block;}
.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; background-color:#fff; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#386fff;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#386fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.case{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#f3f7ff;}
.case .box{ width:94%; margin:auto; position:relative; z-index:3;}
.case .box .list{ width:100%; margin-top:-5px;}
.case .box .list li{ padding:30px; display:block; overflow:hidden; border-radius:10px; background-color:#fff; margin-top:30px;}
.case .box .list li .left{ width:calc(100% - 410px); float:left;}
.case .box .list li .left .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.case .box .list li .left .w02{ font-size:16px; line-height:26px; margin-top:5px;}
.case .box .list li .left .w03{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.case .box .list li .left .w03 span{ color:#386fff;}
.case .box .list li .left .w04{ font-size:16px; line-height:26px; margin-top:5px;}
.case .box .list li .right{ width:380px; height:270px; float:right; border-radius:10px;}
.case .box .list li .right img{ width:100%; display:block;}
.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; background-color:#fff; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#386fff;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#386fff;}
}
@media only screen and (max-width:1023px){
.case{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#f3f7ff;}
.case .box{ width:94%; margin:auto; position:relative; z-index:3;}
.case .box .list{ width:100%; margin-top:-5px;}
.case .box .list li{ padding:15px; padding-bottom:20px; display:block; overflow:hidden; border-radius:10px; background-color:#fff; margin-top:20px;}
.case .box .list li .left{ width:100%; float:left; margin-bottom:15px;}
.case .box .list li .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.case .box .list li .left .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.case .box .list li .left .w03{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.case .box .list li .left .w03 span{ color:#386fff;}
.case .box .list li .left .w04{ font-size:14px; line-height:24px; margin-top:5px;}
.case .box .list li .right{ width:100%; position:relative; float:left; border-radius:10px;}
.case .box .list li .right:before{ width:100%; padding-top:71.05%; display:block; content:'';}
.case .box .list li .right img{ width:100%; display:block; position:absolute; left:0; top:0;}
.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#fff; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#386fff;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#386fff;}
}

/*生态合作*/
@media screen and (min-width:1280px){
.join01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.join01 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3; background-position:center; background-repeat:no-repeat; background-size:cover;}
.join01 .box ul{ width:100%; display:block; overflow:hidden;}
.join01 .box ul li{ padding:50px 30px; padding-bottom:42px; box-sizing:border-box; width:360px; min-height:460px; display:block; float:left; overflow:hidden; margin-left:60px; background-color:rgba(0,0,0,.7); position:relative;}
.join01 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.join01 .box ul li .w01{ width:100%; height:100px; position:relative;}
.join01 .box ul li .w01 strong{ width:50px; height:100%; background-color:#386fff; display:block; position:absolute; left:0; top:0; z-index:1;}
.join01 .box ul li .w01 a{ padding-top:25px; padding-left:20px; height:75px; display:block; position:relative; z-index:3; float:left;}
.join01 .box ul li .w01 a span{ display:block; font-size:20px; line-height:30px; color:#fff;}
.join01 .box ul li .w01 a b{ display:block; width:20px; height:2px; background-color:#fff; margin:5px 0;}
.join01 .box ul li .w01 a p{ display:block; font-size:16px; line-height:28px; color:#fff;}
.join01 .box ul li .w02{ width:100%; margin-top:22px; font-size:14px; line-height:30px; color:#fff;}
.join01 .box ul li .w04{ position:absolute; z-index:3; width:50px; top:-100px; right:30px; opacity:.3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.join01 .box ul li .w04 img{ width:100%; display:block;}
.join01 .box ul li:hover .w04{ top:30px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.join01{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.join01 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; background-position:center; background-repeat:no-repeat; background-size:cover;}
.join01 .box ul{ width:100%; display:block; overflow:hidden;}
.join01 .box ul li{ padding:40px 25px; padding-bottom:32px; box-sizing:border-box; width:31%; min-height:460px; display:block; float:left; overflow:hidden; margin-left:3.5%; background-color:rgba(0,0,0,.7); position:relative;}
.join01 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.join01 .box ul li .w01{ width:100%; height:90px; position:relative;}
.join01 .box ul li .w01 strong{ width:50px; height:100%; background-color:#386fff; display:block; position:absolute; left:0; top:0; z-index:1;}
.join01 .box ul li .w01 a{ padding-top:15px; padding-left:20px; height:75px; display:block; position:relative; z-index:3; float:left;}
.join01 .box ul li .w01 a span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.join01 .box ul li .w01 a b{ display:block; width:20px; height:2px; background-color:#fff; margin:5px 0;}
.join01 .box ul li .w01 a p{ display:block; font-size:16px; line-height:28px; color:#fff;}
.join01 .box ul li .w02{ width:100%; margin-top:17px; font-size:14px; line-height:30px; color:#fff;}
.join01 .box ul li .w04{ position:absolute; z-index:3; width:50px; top:-100px; right:30px; opacity:.3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.join01 .box ul li .w04 img{ width:100%; display:block;}
.join01 .box ul li:hover .w04{ top:30px;}
}
@media only screen and (max-width:1023px){
.join01{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.join01 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3; background-position:center; background-repeat:no-repeat; background-size:cover;}
.join01 .box ul{ width:100%; display:block; overflow:hidden;}
.join01 .box ul li{ padding:15px; padding-top:20px; box-sizing:border-box; width:100%; display:block; overflow:hidden; margin-top:15px; background-color:rgba(0,0,0,.7); position:relative;}
.join01 .box ul li:nth-child(3n+1){ margin-top:0;}
.join01 .box ul li .w01{ width:100%; position:relative;}
.join01 .box ul li .w01 strong{ width:50px; height:100%; background-color:#386fff; display:block; position:absolute; left:0; top:0; z-index:1;}
.join01 .box ul li .w01 a{ padding:10px 0; padding-left:15px; display:block; position:relative; z-index:3; float:left;}
.join01 .box ul li .w01 a span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.join01 .box ul li .w01 a b{ display:block; width:20px; height:2px; background-color:#fff; margin:5px 0;}
.join01 .box ul li .w01 a p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.join01 .box ul li .w02{ width:100%; margin-top:10px; font-size:14px; line-height:24px; color:#fff;}
.join01 .box ul li .w04{ position:absolute; z-index:3; width:50px; top:-100px; right:15px; opacity:.3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.join01 .box ul li .w04 img{ width:100%; display:block;}
.join01 .box ul li:hover .w04{ top:15px;}
}

@media screen and (min-width:1280px){
.join02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.join02 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3; display:flex; align-items:center;}
.join02 .box .left{ width:630px; float:left; margin-right:60px;}
.join02 .box .left .k01{ width:100%; margin-top:5px;}
.join02 .box .left .k01 b{ display:block; box-sizing:border-box; max-width:100%; float:left; background-color:#386fff; padding:5px 20px; font-size:20px; line-height:30px; color:#fff;}
.join02 .box .left .k02{ width:100%; font-size:16px; line-height:26px; color:#999; margin-top:5px; text-transform:uppercase;}
.join02 .box .left .k04{ display:block;}
.join02 .box .left .k04 li{ overflow:hidden; margin-top:10px;}
.join02 .box .left .k04 li .top{ display:flex;}
.join02 .box .left .k04 li .top strong{ display:block; font-size:72px; line-height:76px; height:76px; color:#386fff;}
.join02 .box .left .k04 li .top p{ display:block; margin-left:10px; overflow:hidden; flex:1; padding-top:9px;}
.join02 .box .left .k04 li .top p span{ display:block; font-size:16px; line-height:18px; color:#666; overflow:hidden; text-transform:uppercase;}
.join02 .box .left .k04 li .top p b{ display:block; font-size:20px; line-height:30px; overflow:hidden; margin-top:1px; color:#333;}
.join02 .box .left .k04 li .top p a{ display:block; width:20px; height:2px; margin-top:5px; background-color:#386fff;}
.join02 .box .left .k04 li .bot{ padding-top:5px; font-size:14px; line-height:24px; color:#333;}
.join02 .box .right{ margin:5px 0; float:right; overflow:hidden; position:relative;}
.join02 .box .right b{ width:calc(100% - 24px); height:calc(100% - 44px); display:block; border:2px solid #386fff; position:absolute; right:20px; top:20px; z-index:1; overflow:hidden;}
.join02 .box .right dl{ width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:3;}
.join02 .box .right dl dt{ width:150px; height:500px; display:block; float:left; overflow:hidden; margin-left:20px;}
.join02 .box .right dl dd{ width:150px; height:500px; display:block; float:left; overflow:hidden; margin-left:20px; margin-top:60px;}
.join02 .box .right dl img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.join02 .box .right dl dt:hover img,.join02 .box .right dl dd:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.join02{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.join02 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; display:flex; align-items:center;}
.join02 .box .left{ width:53%; float:left; margin-right:2%;}
.join02 .box .left .k01{ width:100%; margin-top:5px;}
.join02 .box .left .k01 b{ display:block; box-sizing:border-box; max-width:100%; float:left; background-color:#386fff; padding:5px 15px; font-size:18px; line-height:28px; color:#fff;}
.join02 .box .left .k02{ width:100%; font-size:16px; line-height:24px; color:#999; margin-top:5px; text-transform:uppercase;}
.join02 .box .left .k04{ display:block;}
.join02 .box .left .k04 li{ overflow:hidden; margin-top:5px;}
.join02 .box .left .k04 li .top{ display:flex;}
.join02 .box .left .k04 li .top strong{ display:block; font-size:62px; line-height:66px; height:66px; color:#386fff;}
.join02 .box .left .k04 li .top p{ display:block; margin-left:10px; overflow:hidden; flex:1; padding-top:5px;}
.join02 .box .left .k04 li .top p span{ display:block; font-size:16px; line-height:18px; color:#666; overflow:hidden; text-transform:uppercase;}
.join02 .box .left .k04 li .top p b{ display:block; font-size:18px; line-height:28px; overflow:hidden; margin-top:1px; color:#333;}
.join02 .box .left .k04 li .top p a{ display:block; width:20px; height:2px; margin-top:5px; background-color:#386fff;}
.join02 .box .left .k04 li .bot{ font-size:14px; line-height:24px; color:#333;}
.join02 .box .right{ width:45%; margin:5px 0; float:right; overflow:hidden; position:relative;}
.join02 .box .right b{ width:calc(97% - 4px); height:calc(100% - 44px); display:block; border:2px solid #386fff; position:absolute; right:3%; top:20px; z-index:1; overflow:hidden;}
.join02 .box .right dl{ width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:3;}
.join02 .box .right dl dt{ width:30.33%; height:42.76vw; display:block; float:left; overflow:hidden; margin-left:3%;}
.join02 .box .right dl dd{ width:30.33%; height:42.76vw; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:40px;}
.join02 .box .right dl img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.join02 .box .right dl dt:hover img,.join02 .box .right dl dd:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media only screen and (max-width:1023px){
.join02{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.join02 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.join02 .box .left{ width:100%; float:left;}
.join02 .box .left .k01{ width:100%;}
.join02 .box .left .k01 b{ display:block; box-sizing:border-box; max-width:100%; float:left; background-color:#386fff; padding:2px 10px; font-size:16px; line-height:26px; color:#fff; font-weight:normal;}
.join02 .box .left .k02{ width:100%; font-size:14px; line-height:22px; color:#999; margin-top:5px; text-transform:uppercase;}
.join02 .box .left .k04{ display:block;}
.join02 .box .left .k04 li{ overflow:hidden; margin-top:5px;}
.join02 .box .left .k04 li .top{ display:flex;}
.join02 .box .left .k04 li .top strong{ display:block; font-size:58px; line-height:60px; height:60px; color:#386fff;}
.join02 .box .left .k04 li .top p{ display:block; margin-left:10px; overflow:hidden; flex:1;}
.join02 .box .left .k04 li .top p span{ display:block; font-size:14px; line-height:16px; color:#666; overflow:hidden; text-transform:uppercase; margin-top:5px; }
.join02 .box .left .k04 li .top p b{ display:block; font-size:16px; line-height:26px; overflow:hidden; margin-top:1px; color:#333;}
.join02 .box .left .k04 li .top p a{ display:block; width:20px; height:2px; margin-top:5px; background-color:#386fff;}
.join02 .box .left .k04 li .bot{ font-size:14px; line-height:20px; color:#333;}
.join02 .box .right{ width:100%; margin-top:12px; float:right; overflow:hidden; position:relative;}
.join02 .box .right b{ width:calc(97% - 4px); height:calc(100% - 34px); display:block; border:2px solid #386fff; position:absolute; right:3%; top:15px; z-index:1; overflow:hidden;}
.join02 .box .right dl{ width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:3;}
.join02 .box .right dl dt{ width:30.33%; height:95vw; display:block; float:left; overflow:hidden; margin-left:3%;}
.join02 .box .right dl dd{ width:30.33%; height:95vw; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:30px;}
.join02 .box .right dl img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.join02 .box .right dl dt:hover img,.join02 .box .right dl dd:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}

@media screen and (min-width:1280px){
.join03 .title .t01,.join03 .title .t02{ color:#fff;}
.join03 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.join03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover;}
.join03 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.channel-search-input{ width:800px; height:60px; display:block; margin:auto;}
.channel-search-input .search-text{ width:calc(100% - 220px); height:60px; padding:0 20px; float:left; background-color:#fff;}
.channel-search-input .search-text input{ width:100%; font-size:18px; height:60px; line-height:60px; display:block; overflow:hidden;}
.channel-search-input .search-btn{ width:180px; height:60px; float:left; overflow:hidden;}
.channel-search-input .search-btn input{ width:100%; display:block; background-color:#386fff; color:#fff; font-size:18px; text-align:center; line-height:60px; height:60px; cursor:pointer;}
.channel-search-input .search-btn input:hover{ background-color:#2561ff;}
.channel-search-success{ display:flex; align-items:center; justify-content:center; font-size:24px; line-height:30px; color:#fff; margin-top:40px;}
.channel-search-success img{ height:30px; display:block; margin-right:10px;}
.channel-search-error{ text-align:center; margin-top:35px;}
.channel-search-error .errorTitle{ font-size:24px; line-height:34px; color:#fff;}
.channel-search-error .errorContent{ font-size:18px; line-height:28px; color:#ccc; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.join03 .title .t01,.join03 .title .t02{ color:#fff;}
.join03 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.join03{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-position:center; background-size:cover;}
.join03 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.channel-search-input{ width:600px; height:50px; display:block; margin:auto;}
.channel-search-input .search-text{ width:calc(100% - 190px); height:50px; padding:0 15px; float:left; background-color:#fff;}
.channel-search-input .search-text input{ width:100%; font-size:16px; height:50px; line-height:50px; display:block; overflow:hidden;}
.channel-search-input .search-btn{ width:160px; height:50px; float:left; overflow:hidden;}
.channel-search-input .search-btn input{ width:100%; display:block; background-color:#386fff; color:#fff; font-size:16px; text-align:center; line-height:50px; height:50px; cursor:pointer;}
.channel-search-input .search-btn input:hover{ background-color:#2561ff;}
.channel-search-success{ display:flex; align-items:center; justify-content:center; font-size:20px; line-height:30px; color:#fff; margin-top:30px;}
.channel-search-success img{ height:30px; display:block; margin-right:10px;}
.channel-search-error{ text-align:center; margin-top:25px;}
.channel-search-error .errorTitle{ font-size:20px; line-height:30px; color:#fff;}
.channel-search-error .errorContent{ font-size:16px; line-height:26px; color:#ccc; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.join03 .title .t01,.join03 .title .t02{ color:#fff;}
.join03 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.join03{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-position:center; background-size:cover;}
.join03 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.channel-search-input{ width:100%; height:40px; display:block; margin:auto;}
.channel-search-input .search-text{ width:calc(100% - 100px); height:40px; padding:0 10px; float:left; background-color:#fff;}
.channel-search-input .search-text input{ width:100%; font-size:14px; height:40px; line-height:40px; display:block; overflow:hidden;}
.channel-search-input .search-btn{ width:80px; height:40px; float:left; overflow:hidden;}
.channel-search-input .search-btn input{ width:100%; display:block; background-color:#386fff; color:#fff; font-size:14px; text-align:center; line-height:40px; height:40px; cursor:pointer;}
.channel-search-input .search-btn input:hover{ background-color:#2561ff;}
.channel-search-success{ display:flex; align-items:center; justify-content:center; font-size:16px; line-height:26px; color:#fff; margin-top:20px;}
.channel-search-success img{ height:20px; display:block; margin-right:10px;}
.channel-search-error{ text-align:center; margin-top:15px;}
.channel-search-error .errorTitle{ font-size:16px; line-height:26px; color:#fff;}
.channel-search-error .errorContent{ font-size:14px; line-height:24px; color:#ccc; margin-top:5px;}
}

@media screen and (min-width:1280px){
.join04{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.join04 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.join04 .box ul{ width:100%; display:flex; justify-content:space-between;}
.join04 .box ul li{ width:220px; display:block; text-align:center; padding:50px 20px; padding-bottom:45px; background-color:#f3f7ff; border-radius:10px;}
.join04 .box ul li strong{ width:120px; height:120px; border-radius:100%; background-color:#386fff; display:block; overflow:hidden; margin:auto;}
.join04 .box ul li strong img{ height:60px; display:block; margin:30px auto;}
.join04 .box ul li span{ font-size:20px; line-height:30px; display:block; margin-top:15px; font-weight:bold;}
.join04 .box ul li p{ font-size:16px; line-height:26px; display:block; margin-top:5px; color:#666;}
.join04 .box .more{ width:178px; height:48px; line-height:48px; font-size:16px; cursor:pointer; border-radius:10px; margin:auto; margin-top:40px; border:1px solid #386fff; color:#386fff; text-align:center;}
.join04 .box .more{ background-color:#386fff; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.join04{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.join04 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.join04 .box ul{ width:100%; display:flex; justify-content:space-between;}
.join04 .box ul li{ width:22%; display:block; text-align:center; padding:40px 15px; padding-bottom:35px; background-color:#f3f7ff; border-radius:10px; box-sizing:border-box;}
.join04 .box ul li strong{ width:100px; height:100px; border-radius:100%; background-color:#386fff; display:block; overflow:hidden; margin:auto;}
.join04 .box ul li strong img{ height:50px; display:block; margin:25px auto;}
.join04 .box ul li span{ font-size:18px; line-height:28px; display:block; margin-top:15px; font-weight:bold;}
.join04 .box ul li p{ font-size:16px; line-height:26px; display:block; margin-top:5px; color:#666;}
.join04 .box .more{ width:148px; height:42px; line-height:42px; font-size:16px; cursor:pointer; border-radius:10px; margin:auto; margin-top:30px; border:1px solid #386fff; color:#386fff; text-align:center;}
.join04 .box .more{ background-color:#386fff; color:#fff;}
}
@media only screen and (max-width:1023px){
.join04{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.join04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.join04 .box ul{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.join04 .box ul li{ width:48.5%; display:block; text-align:center; padding:30px 10px; padding-bottom:25px; background-color:#f3f7ff; border-radius:5px; box-sizing:border-box; margin-top:15px;}
.join04 .box ul li strong{ width:80px; height:80px; border-radius:100%; background-color:#386fff; display:block; overflow:hidden; margin:auto;}
.join04 .box ul li strong img{ height:40px; display:block; margin:20px auto;}
.join04 .box ul li span{ font-size:16px; line-height:26px; display:block; margin-top:10px; font-weight:bold;}
.join04 .box ul li p{ font-size:14px; line-height:24px; display:block; color:#666;}
.join04 .box .more{ width:108px; height:34px; line-height:34px; font-size:16px; cursor:pointer; border-radius:5px; margin:auto; margin-top:20px; border:1px solid #386fff; color:#386fff; text-align:center;}
.join04 .box .more{ background-color:#386fff; color:#fff;}
}

@media screen and (min-width:1280px){
.join05 .title .t01,.join05 .title .t02{ color:#fff;}
.join05{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#386fff;}
.join05 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.join05 .box strong{ width:200px; display:block; margin:auto;}
.join05 .box strong img{ width:100%; display:block;}
.join05 .box p{ font-size:20px; line-height:30px; margin-top:20px; text-align:center; display:block; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.join05 .title .t01,.join05 .title .t02{ color:#fff;}
.join05{ width:100%; padding-top:45px; padding-bottom:45px; position:relative; z-index:1; background-color:#386fff;}
.join05 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.join05 .box strong{ width:150px; display:block; margin:auto;}
.join05 .box strong img{ width:100%; display:block;}
.join05 .box p{ font-size:18px; line-height:28px; margin-top:15px; text-align:center; display:block; color:#fff;}
}
@media only screen and (max-width:1023px){
.join05 .title .t01,.join05 .title .t02{ color:#fff;}
.join05{ width:100%; padding-top:25px; padding-bottom:25px; position:relative; z-index:1; background-color:#386fff;}
.join05 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.join05 .box strong{ width:100px; display:block; margin:auto;}
.join05 .box strong img{ width:100%; display:block;}
.join05 .box p{ font-size:16px; line-height:26px; margin-top:10px; text-align:center; display:block; color:#fff;}
}

@media screen and (min-width:1280px){
.join06{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f3f7ff;}
.join06 .box{ width:900px; margin:auto; padding-top:5px; position:relative; z-index:3;}
.join06 .box .w01{ width:48.5%; float:left; margin-top:30px; height:50px; border-radius:10px; overflow:hidden; margin-left:3%;}
.join06 .box .w01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.join06 .box .w01 input{ width:100%; box-sizing:border-box; padding:0 20px; font-size:16px; height:50px; line-height:50px; overflow:hidden; display:block;} 
.join06 .box .w01 select{ width:100%; box-sizing:border-box; padding:0 20px; font-size:16px; height:50px; line-height:50px; overflow:hidden; display:block; background-image:url(../images/xiala_x.png); background-position:right 10px center; background-repeat:no-repeat;} 
.join06 .box .w02{ width:48.5%; float:left; margin-top:30px; height:50px; border-radius:10px; overflow:hidden; margin-left:3%;}
.join06 .box .w02 input{ width:calc(100% - 140px); box-sizing:border-box; padding:0 20px; font-size:16px; height:50px; line-height:50px; overflow:hidden; display:block; float:left;} 
.join06 .box .w02 a{ width:120px !important; height:50px !important; display:block; float:left; margin-left:20px !important; overflow:hidden;}
.join06 .box .w02 a img{ width:100% !important; display:block; height:50px !important; display:block;}
.join06 .box .w03{ width:100%; float:left; margin-top:25px; font-size:16px; line-height:26px; vertical-align:middle;}
.join06 .box .w03 input{ display:inline-block; margin-right:10px;}
.join06 .box .w03 a{ color:#386fff;}
.join06 .box .w03 a:hover{ text-decoration:underline;}
.join06 .box .w04{ width:100%; float:left; margin-top:25px; height:50px;}
.join06 .box .w04 input{ width:200px; display:block; background-color:#386fff; color:#fff; font-size:16px; text-align:center; line-height:50px; height:50px; cursor:pointer; margin:auto; border-radius:10px;}
.join06 .box .w04 input:hover{ background-color:#2561ff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.join06{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#f3f7ff;}
.join06 .box{ width:900px; margin:auto; position:relative; z-index:3;}
.join06 .box .w01{ width:48.5%; float:left; margin-top:25px; height:46px; border-radius:10px; overflow:hidden; margin-left:3%;}
.join06 .box .w01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.join06 .box .w01 input{ width:100%; box-sizing:border-box; padding:0 20px; font-size:16px; height:46px; line-height:46px; overflow:hidden; display:block;} 
.join06 .box .w01 select{ width:100%; box-sizing:border-box; padding:0 20px; font-size:16px; height:46px; line-height:46px; overflow:hidden; display:block; background-image:url(../images/xiala_x.png); background-position:right 10px center; background-repeat:no-repeat;} 
.join06 .box .w02{ width:48.5%; float:left; margin-top:25px; height:46px; border-radius:10px; overflow:hidden; margin-left:3%;}
.join06 .box .w02 input{ width:calc(100% - 140px); box-sizing:border-box; padding:0 20px; font-size:16px; height:46px; line-height:46px; overflow:hidden; display:block; float:left;} 
.join06 .box .w02 a{ width:120px !important; height:46px !important; display:block; float:left; margin-left:20px !important; overflow:hidden;}
.join06 .box .w02 a img{ width:100% !important; display:block; height:46px !important; display:block;}
.join06 .box .w03{ width:100%; float:left; margin-top:20px; font-size:16px; line-height:26px; vertical-align:middle;}
.join06 .box .w03 input{ display:inline-block; margin-right:10px;}
.join06 .box .w03 a{ color:#386fff;}
.join06 .box .w03 a:hover{ text-decoration:underline;}
.join06 .box .w04{ width:100%; float:left; margin-top:20px; height:50px;}
.join06 .box .w04 input{ width:200px; display:block; background-color:#386fff; color:#fff; font-size:16px; text-align:center; line-height:46px; height:46px; cursor:pointer; margin:auto; border-radius:10px;}
.join06 .box .w04 input:hover{ background-color:#2561ff;}
}
@media only screen and (max-width:1023px){
.join06{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#f3f7ff;}
.join06 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.join06 .box .w01{ width:100%; float:left; margin-top:15px; height:40px; border-radius:5px; overflow:hidden;}
.join06 .box .w01 input{ width:100%; box-sizing:border-box; padding:0 15px; font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block;} 
.join06 .box .w01 select{ width:100%; box-sizing:border-box; padding:0 15px; font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; background-image:url(../images/xiala_x.png); background-position:right 10px center; background-repeat:no-repeat;} 
.join06 .box .w02{ width:100%; float:left; margin-top:15px; height:40px; border-radius:10px; overflow:hidden;}
.join06 .box .w02 input{ width:calc(100% - 130px); box-sizing:border-box; padding:0 15px; font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; float:left;} 
.join06 .box .w02 a{ width:120px !important; height:40px !important; display:block; float:left; margin-left:10px !important; overflow:hidden;}
.join06 .box .w02 a img{ width:100% !important; display:block; height:40px !important; display:block;}
.join06 .box .w03{ width:100%; float:left; margin-top:15px; font-size:14px; line-height:24px; vertical-align:middle;}
.join06 .box .w03 input{ display:inline-block; margin-right:10px;}
.join06 .box .w03 a{ color:#386fff;}
.join06 .box .w03 a:hover{ text-decoration:underline;}
.join06 .box .w04{ width:100%; float:left; margin-top:15px; height:40px;}
.join06 .box .w04 input{ width:200px; display:block; background-color:#386fff; color:#fff; font-size:14px; text-align:center; line-height:40px; height:40px; cursor:pointer; margin:auto; border-radius:10px;}
.join06 .box .w04 input:hover{ background-color:#2561ff;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.ab01{ width:100%; padding-top:65px; background-color:#fff; position:relative; z-index:3;}
.ab01 .bg{ width:100%; height:70px; background-color:#f3f7ff; position:absolute; left:0; bottom:0; z-index:1;}
.ab01 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3; display:flex;}
.ab01 .left{ width:50%; margin-bottom:5px;}
.ab01 .left .w01{ font-size:36px; line-height:44px; height:44px; color:#999; text-transform:uppercase;}
.ab01 .left .w02{ width:100%; margin-top:5px;}
.ab01 .left .w02 p{ display:flex; align-items:center; float:left; padding:8px 20px; font-size:16px; line-height:24px; color:#fff; background-color:#386fff;}
.ab01 .left .w02 p img{ display:block; height:16px; margin-right:10px;}
.ab01 .left .w03{ width:100%; font-size:24px; line-height:34px; margin-top:25px; font-weight:bold;}
.ab01 .left .w03 span{ color:#386fff;}
.ab01 .left .w04{ width:100%; font-size:16px; line-height:30px; margin-top:17px;}
.ab01 .right{ width:45%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; margin-left:5%; overflow:hidden;}
.ab01 .list{ width:1200px; margin:40px auto; margin-bottom:0; position:relative; z-index:3; background-color:#fff; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,.1); display:flex; align-items:center;}
.ab01 .list ul{ width:88.125%; padding:40px 5.9375%; padding-bottom:35px; display:flex; justify-content:space-between;}
.ab01 .list ul li{ display:block; width:21.28%; text-align:center;}
.ab01 .list ul li strong{ display:block; overflow:hidden; position:relative; height:50px;}
.ab01 .list ul li strong img{ display:block; height:50px; position:relative; z-index:3; margin:auto;}
.ab01 .list ul li span{ width:50px; height:50px; border-radius:100%; overflow:hidden; display:block; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-55px; top:0; z-index:1;}
.ab01 .list ul li b{ display:block; font-size:40px; height:50px; line-height:50px; overflow:hidden; margin-top:5px;}
.ab01 .list ul li p{ display:block; font-size:16px; line-height:26px; overflow:hidden; color:#666;}

.ab02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f3f7ff; position:relative; z-index:1;}
.ab02 .box{ width:1200px; margin:auto; margin-top:5px; position:relative; z-index:3;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab02 .box .list dt{ width:31.25%; height:420px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; margin-left:3.125%; display:block; position:relative; overflow:hidden; margin-top:30px;}
.ab02 .box .list dt:nth-child(3n+1){ margin-left:0;}
.ab02 .box .list dt .wen{ width:70%; height:300px; padding:30px; box-sizing:border-box; background-color:rgba(255,255,255,.8); margin:30px}
.ab02 .box .list dt .wen a{ display:block; overflow:hidden; width:100%; height:100%; position:relative;}
.ab02 .box .list dt .wen .w01{ height:60px;}
.ab02 .box .list dt .wen .w01 img{ display:block; height:60px;}
.ab02 .box .list dt .wen .w02{ font-size:24px; line-height:34px; margin-top:20px; font-weight:bold;}
.ab02 .box .list dt .wen .w03{ font-size:16px; line-height:24px; height:96px; margin-top:5px; color:#666;}
.ab02 .box .list dt .wen .w04{ width:30px; height:4px; background-color:#999; position:absolute; left:0; bottom:0;}
.ab02 .box .list dt:hover .wen .w02{ color:#386fff;}
.ab02 .box .list dt:hover .wen .w04{ background-color:#386fff;}

.ab06{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.ab06 .title .t01,.ab06 .title .t02{ color:#fff;}
.ab06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab06 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab06 .box .an{ position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:2;}
.ab06 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; display:block; margin:20px 0; background-position:center; background-repeat:no-repeat;}
.ab06 .box .an .swiper-button-white:hover{ background-color:#386fff;}
.ab06 .box .an .swiper-button-prev{ background-image:url(../images/prev03.png);}
.ab06 .box .an .swiper-button-next{ background-image:url(../images/next03.png);}
.ab06 .box .gallery-top{ width:100%; float:left;}
.ab06 .box .gallery-top .swiper-slide{ width:100%;}
.ab06 .box .gallery-top .swiper-slide .bt{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.ab06 .box .gallery-top .swiper-slide .wen{ width:calc(100% - 80px); font-size:14px; line-height:30px; color:#fff; margin-top:17px;}
.ab06 .box .shu{ float:left; margin-top:27px;}
.ab06 .box .shu p{ display:block; font-size:36px; height:80px; line-height:80px; color:#fff; overflow:hidden;}
.ab06 .box .gallery-thumbs{ width:920px; float:right; margin-top:27px;}
.ab06 .box .gallery-thumbs .swiper-slide{ width:200px; height:80px; margin-right:40px; padding-top:43px; padding-bottom:39px; position:relative;}
.ab06 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:rgba(255,255,255,.7); margin:5px auto; overflow:hidden; padding:5px;}
.ab06 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#fff; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab06 .box .gallery-thumbs .swiper-slide span{ width:100%; position:absolute; left:0; bottom:0; display:block; text-align:center; color:#fff; overflow:hidden; font-size:14px; line-height:24px; height:24px; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ width:70px; height:70px; margin:auto; background-color:#386fff;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#386fff; color:#fff; width:70px; height:70px; line-height:70px;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ bottom:calc(100% - 28px); font-size:18px; line-height:28px; height:28px;}
.ab06 .line{ width:100%; height:2px; background-color:#fff; position:absolute; left:0; bottom:143px; z-index:2; opacity:.3;}

.ab03{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab03 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab03 .box .swiper-container{ width:100%;}
.ab03 .box .swiper-container .swiper-slide{ width:31.25%; position:relative; display:block; overflow:hidden; margin-right:3.125%;}
.ab03 .box .swiper-container .swiper-slide:before{ width:100%; display:block; content:''; padding-top:70%; overflow:hidden;}
.ab03 .box .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab03 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:40px;}
.ab03 .box .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.ab03 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#386fff;}

.ab04{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f3f7ff; position:relative; z-index:1;}
.ab04 .box{ width:1200px; margin:auto; margin-top:35px; position:relative;}
.ab04 .box .swiper-container{ width:100%; position:relative; height:530px;}
.ab04 .box .swiper-container .swiper-slide{ width:840px; height:530px; margin:0 30px; position:relative; overflow:hidden;}
.ab04 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab04 .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.ab04 .box .swiper-container .swiper-slide .wen{ padding:15px 20px; position:absolute; left:0; bottom:0; display:none; width:100%; box-sizing:border-box; background-color:rgba(56,111,255,.8);}
.ab04 .box .swiper-container .swiper-slide .wen .h01{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.ab04 .box .swiper-container .swiper-slide .wen .h02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.ab04 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; z-index:9;}
.ab04 .box .swiper-button-white img{ width:100%; display:block;}
.ab04 .box .swiper-button-prev{ left:30px;}
.ab04 .box .swiper-button-next{ right:30px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab01{ width:100%; padding-top:45px; background-color:#fff; position:relative; z-index:3;}
.ab01 .bg{ width:100%; height:70px; background-color:#f3f7ff; position:absolute; left:0; bottom:0; z-index:1;}
.ab01 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; display:flex;}
.ab01 .left{ width:57%; margin-bottom:5px;}
.ab01 .left .w01{ font-size:36px; line-height:44px; height:44px; color:#999; text-transform:uppercase;}
.ab01 .left .w02{ width:100%; margin-top:5px;}
.ab01 .left .w02 p{ display:flex; align-items:center; float:left; padding:8px 20px; font-size:16px; line-height:24px; color:#fff; background-color:#386fff;}
.ab01 .left .w02 p img{ display:block; height:16px; margin-right:10px;}
.ab01 .left .w03{ width:100%; font-size:20px; line-height:30px; margin-top:25px; font-weight:bold;}
.ab01 .left .w03 span{ color:#386fff;}
.ab01 .left .w04{ width:100%; font-size:16px; line-height:30px; margin-top:17px;}
.ab01 .right{ width:45%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; margin-left:5%; overflow:hidden;}
.ab01 .list{ width:94%; margin:30px auto; margin-bottom:0; position:relative; z-index:3; background-color:#fff; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,.1); display:flex; align-items:center;}
.ab01 .list ul{ width:88.125%; padding:35px 5.9375%; padding-bottom:25px; display:flex; justify-content:space-between;}
.ab01 .list ul li{ display:block; width:21.28%; text-align:center;}
.ab01 .list ul li strong{ display:block; overflow:hidden; position:relative; height:50px;}
.ab01 .list ul li strong img{ display:block; height:50px; position:relative; z-index:3; margin:auto;}
.ab01 .list ul li span{ width:50px; height:50px; border-radius:100%; overflow:hidden; display:block; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-55px; top:0; z-index:1;}
.ab01 .list ul li b{ display:block; font-size:36px; height:46px; line-height:46px; overflow:hidden; margin-top:5px;}
.ab01 .list ul li p{ display:block; font-size:16px; line-height:26px; overflow:hidden; color:#666;}

.ab02{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#f3f7ff; position:relative; z-index:1;}
.ab02 .box{ width:94%; margin:auto; margin-top:5px; position:relative; z-index:3;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab02 .box .list dt{ width:32%; height:420px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; margin-left:2%; display:block; position:relative; overflow:hidden; margin-top:20px;}
.ab02 .box .list dt:nth-child(3n+1){ margin-left:0;}
.ab02 .box .list dt .wen{ width:70%; height:300px; padding:25px; box-sizing:border-box; background-color:rgba(255,255,255,.8); margin:25px}
.ab02 .box .list dt .wen a{ display:block; overflow:hidden; width:100%; height:100%; position:relative;}
.ab02 .box .list dt .wen .w01{ height:50px;}
.ab02 .box .list dt .wen .w01 img{ display:block; height:50px;}
.ab02 .box .list dt .wen .w02{ font-size:20px; line-height:30px; margin-top:15px; font-weight:bold;}
.ab02 .box .list dt .wen .w03{ font-size:16px; line-height:24px; height:96px; margin-top:5px; color:#666;}
.ab02 .box .list dt .wen .w04{ width:30px; height:4px; background-color:#999; position:absolute; left:0; bottom:0;}
.ab02 .box .list dt:hover .wen .w02{ color:#386fff;}
.ab02 .box .list dt:hover .wen .w04{ background-color:#386fff;}

.ab06{ width:100%; padding-top:45px; padding-bottom:45px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.ab06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab06 .title .t01,.ab06 .title .t02{ color:#fff;}
.ab06 .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.ab06 .box .an{ position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:2;}
.ab06 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; display:block; margin:15px 0; background-position:center; background-repeat:no-repeat;}
.ab06 .box .an .swiper-button-white:hover{ background-color:#386fff;}
.ab06 .box .an .swiper-button-prev{ background-image:url(../images/prev03.png);}
.ab06 .box .an .swiper-button-next{ background-image:url(../images/next03.png);}
.ab06 .box .gallery-top{ width:100%; float:left;}
.ab06 .box .gallery-top .swiper-slide{ width:100%;}
.ab06 .box .gallery-top .swiper-slide .bt{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.ab06 .box .gallery-top .swiper-slide .wen{ width:calc(100% - 60px); font-size:14px; line-height:24px; color:#fff; margin-top:15px;}
.ab06 .box .shu{ float:left; margin-top:20px;}
.ab06 .box .shu p{ display:block; font-size:30px; height:70px; line-height:70px; color:#fff; overflow:hidden;}
.ab06 .box .gallery-thumbs{ width:calc(100% - 120px); float:right; margin-top:20px;}
.ab06 .box .gallery-thumbs .swiper-slide{ width:23.5%; height:80px; margin-right:2%; padding-top:36px; padding-bottom:34px; position:relative;}
.ab06 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:rgba(255,255,255,.7); margin:5px auto; overflow:hidden; padding:5px;}
.ab06 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#fff; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab06 .box .gallery-thumbs .swiper-slide span{ width:100%; position:absolute; left:0; bottom:0; display:block; text-align:center; color:#fff; overflow:hidden; font-size:14px; line-height:24px; height:24px; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-active p{ width:70px; height:70px; margin:auto; background-color:#386fff;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-active p a{ background-color:#386fff; color:#fff; width:70px; height:70px; line-height:70px;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-active span{ bottom:calc(100% - 26px); font-size:16px; line-height:26px; height:26px;}
.ab06 .line{ width:100%; height:2px; background-color:#fff; position:absolute; left:0; bottom:123px; z-index:2; opacity:.3;}

.ab03{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1;}
.ab03 .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.ab03 .box .swiper-container .swiper-slide{ width:32%; position:relative; display:block; overflow:hidden; margin-right:2%;}
.ab03 .box .swiper-container .swiper-slide:before{ width:100%; display:block; content:''; padding-top:70%; overflow:hidden;}
.ab03 .box .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab03 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:30px;}
.ab03 .box .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.ab03 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#386fff;}

.ab04{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#f3f7ff;}
.ab04 .box{ width:94%; margin:auto; margin-top:25px; position:relative;}
.ab04 .box .swiper-container{ width:100%; position:relative;}
.ab04 .box .swiper-container .swiper-slide{ width:69.44%; height:34.595vw; margin:0 1.5%; position:relative; overflow:hidden;}
.ab04 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab04 .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.ab04 .box .swiper-container .swiper-slide .wen{ padding:10px 15px; position:absolute; left:0; bottom:0; display:none; width:100%; box-sizing:border-box; background-color:rgba(56,111,255,.8);}
.ab04 .box .swiper-container .swiper-slide .wen .h01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.ab04 .box .swiper-container .swiper-slide .wen .h02{ font-size:14px; line-height:24px; color:#fff; margin-top:3px;}
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.ab04 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-25px; width:40px; height:40px; z-index:3;}
.ab04 .box .swiper-button-white img{ width:100%; display:block;}
.ab04 .box .swiper-button-prev{ left:6.14%; margin-left:-20px;}
.ab04 .box .swiper-button-next{ right:6.14%; margin-right:-20px;}
}
@media only screen and (max-width:1023px){
.ab01{ width:100%; padding-top:25px; background-color:#fff; position:relative; z-index:3;}
.ab01 .bg{ width:100%; height:90px; background-color:#f3f7ff; position:absolute; left:0; bottom:0; z-index:1;}
.ab01 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab01 .left{ width:100%; margin-bottom:15px;}
.ab01 .left .w01{ font-size:20px; line-height:28px; color:#999; text-transform:uppercase;}
.ab01 .left .w02{ width:100%; margin-top:5px;}
.ab01 .left .w02 p{ display:flex; align-items:center; float:left; padding:5px 15px; font-size:14px; line-height:22px; color:#fff; background-color:#386fff;}
.ab01 .left .w02 p img{ display:block; height:16px; margin-right:5px;}
.ab01 .left .w03{ width:100%; font-size:20px; line-height:28px; margin-top:10px; font-weight:bold;}
.ab01 .left .w03 span{ color:#386fff;}
.ab01 .left .w04{ width:100%; font-size:14px; line-height:22px; margin-top:5px;}
.ab01 .left .w05{ width:100%; display:flex; flex-wrap:wrap;}
.ab01 .left .w05 li{ width:100%; padding:10px 15px; box-sizing:border-box;  display:flex; align-items:center; border:1px solid #eee; border-radius:5px; margin-top:10px;}
.ab01 .left .w05 li img{ height:40px; margin:5px 10px; margin-left:0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab01 .left .w05 li p{ display:block; flex:1; font-size:14px; line-height:22px; overflow:hidden;}
.ab01 .left .w05 li:nth-child(2n+1){ margin-left:0;}
.ab01 .left .w05 li:hover img{ -webkit-transform:rotateY(-360deg);}
.ab01 .right{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; overflow:hidden; height:50vw; position:relative;}
.ab01 .right img{ width:100%; display:block;}
.ab01 .list{ width:94%; max-width:1600px; margin:20px auto; margin-bottom:0; position:relative; z-index:3; background-color:#fff; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex; align-items:center;}
.ab01 .list ul{ width:100%; padding-top:15px; padding-bottom:25px; display:block;}
.ab01 .list ul li{ display:block; float:left; width:45.5%; margin-left:3%; text-align:center; margin-top:15px;}
.ab01 .list ul li:nth-child(2n+1){ clear:left; float:left;}
.ab01 .list ul li strong{ display:block; overflow:hidden; position:relative; height:50px;}
.ab01 .list ul li strong img{ display:block; height:50px; position:relative; z-index:3; margin:auto;}
.ab01 .list ul li span{ width:50px; height:50px; border-radius:100%; overflow:hidden; display:block; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-55px; top:0; z-index:1;}
.ab01 .list ul li b{ display:block; font-size:30px; height:38px; line-height:38px; overflow:hidden; margin-top:5px;}
.ab01 .list ul li p{ display:block; font-size:14px; line-height:24px; overflow:hidden;}

.ab02{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#f3f7ff; position:relative; z-index:1;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab02 .box .list dt{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; display:block; position:relative; overflow:hidden; margin-top:15px;}
.ab02 .box .list dt .wen{ width:70%; padding:15px; box-sizing:border-box; background-color:rgba(255,255,255,.8); margin:15px}
.ab02 .box .list dt .wen a{ display:block; overflow:hidden; width:100%; height:100%; position:relative;}
.ab02 .box .list dt .wen .w01{ height:60px;}
.ab02 .box .list dt .wen .w01 img{ display:block; height:60px;}
.ab02 .box .list dt .wen .w02{ font-size:18px; line-height:28px; margin-top:10px; font-weight:bold;}
.ab02 .box .list dt .wen .w03{ font-size:14px; line-height:22px; margin-top:5px; color:#666;}
.ab02 .box .list dt .wen .w04{ width:20px; height:4px; background-color:#999; margin-top:10px;}
.ab02 .box .list dt:hover .wen .w02{ color:#386fff;}
.ab02 .box .list dt:hover .wen .w04{ background-color:#386fff;}

.ab06{ width:100%; padding-top:25px; padding-bottom:25px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.ab06 .title .t01,.ab06 .title .t02{ color:#fff;}
.ab06 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab06 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab06 .box .an{ position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:2;}
.ab06 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; display:block; margin:15px 0; background-position:center; background-repeat:no-repeat;}
.ab06 .box .an .swiper-button-white:hover{ background-color:#386fff;}
.ab06 .box .an .swiper-button-prev{ background-image:url(../images/prev03.png);}
.ab06 .box .an .swiper-button-next{ background-image:url(../images/next03.png);}
.ab06 .box .gallery-top{ width:100%; float:left;}
.ab06 .box .gallery-top .swiper-slide{ width:100%;}
.ab06 .box .gallery-top .swiper-slide .bt{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.ab06 .box .gallery-top .swiper-slide .wen{ width:calc(100% - 50px); font-size:14px; line-height:20px; color:#fff; margin-top:10px;}
.ab06 .box .shu{ float:left; margin-top:10px; display:none;}
.ab06 .box .shu p{ display:block; font-size:30px; height:70px; line-height:70px; color:#fff; overflow:hidden;}
.ab06 .box .gallery-thumbs{ width:100%; float:right; margin-top:10px;}
.ab06 .box .gallery-thumbs .swiper-slide{ width:31.33%; height:80px; margin-right:3%; padding-top:36px; padding-bottom:29px; position:relative;}
.ab06 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:rgba(255,255,255,.7); margin:5px auto; overflow:hidden; padding:5px;}
.ab06 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#fff; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab06 .box .gallery-thumbs .swiper-slide span{ width:100%; position:absolute; left:0; bottom:0; display:block; text-align:center; color:#fff; overflow:hidden; font-size:14px; line-height:24px; height:24px; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-active p{ width:70px; height:70px; margin:auto; background-color:#386fff;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-active p a{ background-color:#386fff; color:#fff; width:70px; height:70px; line-height:70px;}
.ab06 .box .gallery-thumbs .swiper-slide.swiper-slide-active span{ bottom:calc(100% - 26px); font-size:16px; line-height:26px; height:26px;}
.ab06 .line{ width:100%; height:2px; background-color:#fff; position:absolute; left:0; bottom:91px; z-index:2; opacity:.3;}

.ab03{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff; position:relative; z-index:1;}
.ab03 .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.ab03 .box .swiper-container{ width:100%;}
.ab03 .box .swiper-container .swiper-slide{ width:100%; height:65.8vw; display:block; overflow:hidden; margin-right:3.125%;}
.ab03 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab03 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:20px;}
.ab03 .box .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.ab03 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#386fff;}

.ab04{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#f3f7ff;}
.ab04 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.ab04 .box .swiper-container{ width:100%; position:relative;}
.ab04 .box .swiper-container .swiper-wrapper{ align-items:center;}
.ab04 .box .swiper-container .swiper-slide{ width:69.44%; margin:0 1.5%; height:100%; overflow:hidden;}
.ab04 .box .swiper-container .swiper-slide .tu{ height:34.595vw;}
.ab04 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab04 .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.ab04 .box .swiper-container .swiper-slide .wen{ width:94%; margin:auto; position:relative; z-index:3; margin-top:-25px; display:none; padding:10px 15px; box-sizing:border-box; background-color:rgba(56,111,255,.8);}
.ab04 .box .swiper-container .swiper-slide .wen .h01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.ab04 .box .swiper-container .swiper-slide .wen .h02{ font-size:14px; line-height:20px; color:#fff;}
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.ab04 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:3;}
.ab04 .box .swiper-button-white img{ width:100%; display:block;}
.ab04 .box .swiper-button-prev{ left:6.14%; margin-left:-15px;}
.ab04 .box .swiper-button-next{ right:6.14%; margin-right:-15px;}
}

/*新闻*/
@media screen and (min-width:1280px){
.news{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:1200px; margin:auto; padding-top:5px; position:relative; z-index:3; display:flex; align-items:center;}
.news .list01{ width:100%; margin:auto; display:block;}
.news .list01 li{ width:100%; box-sizing:border-box; margin:auto; margin-top:30px; padding:19px 39px; border:1px solid #eee; display:flex; align-items:center; overflow:hidden;}
.news .list01 li:nth-child(2n){ flex-direction:row-reverse;}
.news .list01 li:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}
.news .list01 li .tu{ width:240px; height:160px; float:left;}
.news .list01 li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.news .list01 li .wen{ width:590px; height:136px; padding-left:50px; padding-right:100px;}
.news .list01 li:nth-child(2n) .wen{ padding-left:100px; padding-right:50px;}
.news .list01 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.news .list01 li .wen a{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px; text-overflow:ellipsis; white-space:nowrap;}
.news .list01 li:hover .wen a{ color:#386fff;}
.news .list01 li .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.news .list01 li .more{ width:140px; height:40px; float:left; background-color:#333; margin:60px 0; position:relative;}
.news .list01 li .more a{ width:122px; padding-right:20px; display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase;}
.news .list01 li .more b{ width:18px; height:2px; display:block; background-color:#fff; position:absolute; right:0; top:19px;}
.news .list01 li:hover .more{ background-color:#386fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.news{ width:100%; padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:94%; margin:auto; position:relative; z-index:3; display:flex; align-items:center;}
.news .list01{ width:100%; margin:auto; display:block;}
.news .list01 li{ width:100%; box-sizing:border-box; margin:auto; margin-top:25px; padding:14px 29px; border:1px solid #eee; overflow:hidden; display:flex; align-items:center;}
.news .list01 li:nth-child(2n){ flex-direction:row-reverse;}
.news .list01 li:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}
.news .list01 li .tu{ width:240px; height:160px; float:left;}
.news .list01 li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.news .list01 li .wen{ width:calc(100% - 430px); height:136px; padding:0 30px;}
.news .list01 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.news .list01 li .wen a{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; text-overflow:ellipsis; white-space:nowrap;}
.news .list01 li:hover .wen a{ color:#386fff;}
.news .list01 li .wen p{ display:block; overflow:hidden; font-size:14px; height:96px; line-height:24px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.news .list01 li .more{ width:130px; height:40px; float:left; background-color:#333; margin:60px 0; position:relative;}
.news .list01 li .more a{ width:112px; padding-right:20px; display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase;}
.news .list01 li .more b{ width:18px; height:2px; display:block; background-color:#fff; position:absolute; right:0; top:19px;}
.news .list01 li:hover .more{ background-color:#386fff;}
}
@media only screen and (max-width:1023px){
.news{ width:100%; padding-top:25px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:94%; margin:auto; position:relative; z-index:3;}
.news .list01{ width:100%; margin:auto; display:block;}
.news .list01 li{ width:100%; box-sizing:border-box; margin:auto; margin-top:15px; padding:9px; border:1px solid #eee; overflow:hidden; display:flex; align-items:center;}
.news .list01 li:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}
.news .list01 li .tu{ width:180px; height:120px; float:left;}
.news .list01 li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.news .list01 li .wen{ width:calc(100% - 190px); margin-left:10px; float:left;}
.news .list01 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.news .list01 li .wen a{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; text-overflow:ellipsis; white-space:nowrap;}
.news .list01 li:hover .wen a{ color:#386fff;}
.news .list01 li .wen p{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.news .list01 li .more{ display:none;}
}

/*新闻内页*/
@media screen and (min-width:1280px){
.rz04{ width:1200px; margin:65px auto;}
.rz04 .lbar{ width:910px; float:left;}
.rz04 .lbar .bt{ text-align:center; color:#386fff; font-size:24px; line-height:34px;}
.rz04 .lbar .time{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.rz04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.rz04 .lbar .wen img{ max-width:100%; height:auto;}
.rz04 .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.rz04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.rz04 .lbar .back p a{ overflow:hidden; display:inline-block; vertical-align:middle; height:24px; text-overflow:ellipsis; white-space:nowrap;}
.rz04 .lbar .back p a:hover{ color:#386fff;}
.rz04 .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.rz04 .lbar .back span a:hover{ color:#386fff;}

.rz04 .rbar{ width:258px; border:1px solid #ddd; border-top:2px solid #386fff; float:right; margin:5px 0;}
.rz04 .rbar .bt{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.rz04 .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}
.rz04 .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.rz04 .rbar ul li strong{ width:100%; display:block; height:154px; overflow:hidden;}
.rz04 .rbar ul li strong img{ width:100%; display:block;}
.rz04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.rz04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.rz04 .rbar ul li:hover p{ color:#386fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.rz04{ width:94%; margin:45px auto;}
.rz04 .lbar{ width:76%; float:left;}
.rz04 .lbar .bt{ text-align:center; color:#386fff; font-size:20px; line-height:30px;}
.rz04 .lbar .time{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.rz04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.rz04 .lbar .wen img{ max-width:100%; height:auto;}
.rz04 .lbar .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.rz04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.rz04 .lbar .back p a{ max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; height:24px;}
.rz04 .lbar .back p a:hover{ color:#386fff;}
.rz04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.rz04 .lbar .back span a:hover{ color:#386fff;}

.rz04 .rbar{ width:21.5%; border:1px solid #ddd; border-top:2px solid #386fff; float:right; margin:5px 0;}
.rz04 .rbar .bt{ padding-left:14px; font-size:16px; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.rz04 .rbar ul{ display:block; padding:4px 14px; padding-bottom:10px;}
.rz04 .rbar ul li{ display:block; width:100%; margin-top:10px; overflow:hidden;}
.rz04 .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.rz04 .rbar ul li strong img{ width:100%; display:block;}
.rz04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:22px; line-height:22px; padding-top:5px;}
.rz04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:18px; line-height:18px; color:#999;}
.rz04 .rbar ul li:hover p{ color:#386fff;}
}
@media only screen and (max-width:1023px){
.rz04{ width:94%; margin:25px auto;}
.rz04 .lbar{ width:100%;}
.rz04 .lbar .bt{ text-align:center; color:#386fff; font-size:18px; line-height:28px;}
.rz04 .lbar .time{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.rz04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.rz04 .lbar .wen img{ max-width:100%; height:auto;}
.rz04 .lbar .back{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.rz04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.rz04 .lbar .back p a{ max-width:calc(94vw - 130px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; height:24px;}
.rz04 .lbar .back p a:hover{ color:#386fff;}
.rz04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.rz04 .lbar .back span a:hover{ color:#386fff;}

.rz04 .rbar{ display:none;}
}