﻿@charset "utf-8";

* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
body { line-height: 1.5; font-size: 12px; color: #333; font-family:"Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;background:#fff;}
ul, li { list-style: none; }
a { vertical-align: top; text-decoration: none; color: #333; cursor: pointer; }
a:hover{text-decoration:none;}
img { vertical-align: top; border: none; max-width:100%;}
input, button, textarea { vertical-align: top; font-family: "Microsoft Yahei","Helvetica","STHeiti","Droid Sans Fallback";-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input:focus, textarea:focus, button:focus { outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #fff inset; }
table { border-collapse: collapse; }
button { cursor: pointer; }
input[type=text],textarea{-webkit-appearance:none;}
input[type=radio]{margin-top:4px;}

/*清除浮动代码*/ 
.clearfloat{zoom:1}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 

@media (min-width : 1200px){
    .body-container{margin:0 auto;width:1200px;}
}

/* public */
.m-hide{display:none;}

@media (min-width : 1200px){
    .m-hide{display:block;}
    .pc-hide{display:none;}
}


/* head & nav & foot */
header{padding:10px 0;background:#fc5660;}
header .logo{height:30px;background:url(../images/logo_m2.png?time=20200528) no-repeat center;background-size:auto 100%;}
header .tell{float:right;margin-top:25px;font-size:16px;font-weight:bold;color:#999;}
header .tell i{float:left;margin:5px 10px 0 0;width:40px;height:40px;background:#d73b35 url(../images/ico_tel.png) no-repeat center;background-size:30px auto;border-radius:100px;}
header .tell p{margin-left:50px;line-height:45px;font-size:18px;}
header .tell b{color:#d73b35;}

nav{display:none;height:50px;line-height:50px;box-shadow:0 1px 5px rgba(0,0,0,.2);background: #f2f2f2;}
nav a{font-size:16px;margin-right:91px;}
nav a:nth-last-child(1){margin-right:0;}
nav a:hover{color:#d73b35;}

footer{background:#f2f3f6;padding:15px;margin-bottom:60px;}
.footer-logo{float:left;width:160px;margin-top:26px;}
.footer-logo img{width:100%;}
.footer-nav{float:left;width:920px;}
.footer-nav a{display:inline-block;width:16.6666%;line-height:45px;text-align:center;font-size:16px;color:#666;}
.footer-code{float:right;}
.footer-code p{float:right;height:134px;background:#d73b35;color:#fff;text-align:center;font-size:13px;}
.footer-code img{width:110px;background:#fff;}
.copyright{color:#666;text-align:center;}
.copyright a{color:#666;}
.copyright a:hover{text-decoration:underline;}

.bottom-nav{z-index:6;position:fixed;left:0;bottom:0;width:100%;height:60px;background:#fc5660;text-align:center;color:#fff;}
.bottom-nav li{position:relative;float:left;width:25%;}
.bottom-nav li p{padding:3px 0;border-right:1px solid rgba(255, 255, 255, .5);}
.bottom-nav li img{height:32px;}
.bottom-nav li span{display:block;height:22px;color:#fff;}
.bottom-nav li div{display:none;position:absolute;left:2%;bottom:70px;width:96%;background:#fc5660;border-radius:5px;}
.bottom-nav li div:after{content:"";position:absolute;bottom:-5px;left:50%;margin-left:-5px;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #fc5660;}
.bottom-nav li div a{display:block;line-height:40px;font-size:14px;color:#fff;border-top:1px solid rgba(255, 255, 255, .3);}

@media (min-width : 1200px){
    header,.bottom-nav{padding:0;background:none;}
    header .logo{float:left;width:575px;height:100px;background:url(../images/logo.png) no-repeat center;background-size:auto 100%;}

    nav{display:block;}

    footer{background:#2a2a2a;padding:40px 0;margin-bottom:0;}
    .copyright{margin-top:30px;padding:20px 0 0;border-top:1px solid #333;line-height:30px;font-size:14px;}

    .bottom-nav{display:none;}
}

/* alert */
.shadow{display:none;z-index:9;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;}
.m-wechat-alert{display:none;z-index:10;position:fixed;left:10%;top:50%;margin-top:-63px;width:80%;background:#fff;border-radius:5px;overflow:hidden;text-align:center;}
.m-wechat-alert p{padding:15px 0;line-height:25px;font-size:16px;}
.m-wechat-alert p b{padding:0 5px;color:#fc5660;}
.m-wechat-alert div{border-top:1px solid #eee;height:45px;line-height:45px;}
.m-wechat-alert div a,.m-wechat-alert div span{position:relative;float:left;width:50%;font-size:16px;}
.m-wechat-alert div a{color:#fc5660;}
.m-wechat-alert div a::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:#eee;}

.pc-zixun-alert{display:none;z-index:10;position:fixed;left:50%;top:50%;margin:-285px 0 0 -245px;width:490px;height:600px;background:#fff;border-radius:8px;overflow:hidden;}
.pc-zixun-alert dt{position:relative;padding:15px 0;background:#d73b35;text-align:center;}
.pc-zixun-alert dt img{height:66px;}
.pc-zixun-alert dt span{position:absolute;top:0;right:0;width:50px;height:50px;background:url(../images/icon6_4.png) 50% no-repeat;background-size:24px 24px;cursor:pointer;}
.pc-zixun-alert dd{padding:0 7%;}
.pc-zixun-alert dd p{font-size:16px;line-height:38px;}
.pc-zixun-alert dd div span{position:relative;float:left;width:22%;margin-left:4%;line-height:38px;font-size:16px;text-align:center;cursor:pointer;}
.pc-zixun-alert dd div span::after{content:"";position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:1px solid #ccc;border-radius:4px;}
.pc-zixun-alert dd .trubble span{width:30%;margin-left:3.4%;}
.pc-zixun-alert dd .sex span{width:47%;margin-left:6%;}
.pc-zixun-alert dd div span:nth-child(1){margin-left:0;}
.pc-zixun-alert dd div .active{color:#fff;background:#fc5660;}
.pc-zixun-alert dd div .active::after{border-color:#fc5660;}

#LR_User_Icon0{margin-top:18px;}
#LR_User_Icon0 #LR_text1{width:100%;height:40px;line-height:40px;font-size:24px;text-align:center;color:#727272;background-color:#d9d9d9;resize:none;border-radius:5px;border:0;}
#LR_User_Icon0 #LR_button1{margin-top:28px;width:100%;line-height:50px;color:#fff;background-color:#d73b35;border-radius:4px;cursor:pointer;border:0;font-size:24px;}

@media (min-width : 768px){
    .m-wechat-alert{left:50%;margin-left:-200px;width:400px;}
    .m-wechat-alert p{padding:25px 0;font-size:18px;}
    .m-wechat-alert div{height:50px;line-height:50px;}
    .m-wechat-alert div a,.m-wechat-alert div span{font-size:18px;}
}

.shadow2{display:none;z-index:7;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;}
.float-btn{z-index:8;position:fixed;right:5px;top:50%;width:65px;margin-top:-90px;}
.float-btn li{position:relative;width:100%;height:65px;text-align:center;}
.float-btn li p{height:100%;background:#fc5660;border-radius:10px;}
.float-btn li p img{margin-top:7px;width:30px;}
.float-btn li p span{display:block;color:#fff;}
.float-btn li p .verify-btn img:nth-child(2){display:none;}

.float-btn li .wechat-verify-form-box{display:none;position:absolute;top:-56px;right:80px;width:200px;padding:30px 20px;background:#fff;border:2px solid #eee;border-radius:5px;}
.float-btn li .wechat-verify-form-box::before{box-sizing:content-box;width:0px;height:0px;position:absolute;top:85px;right:-10px;padding:0;border-left:8px solid #eee;border-top:8px solid transparent;border-bottom:8px solid transparent;display:block;content:'';z-index:1;}
.float-btn li .wechat-verify-form-box::after{box-sizing: content-box;width:0px;height:0px;position:absolute;top:84px;right:-8px;padding:0;border-left:9px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;display:block;content:'';z-index:2;}
.float-btn li .wechat-verify-form-box i{position:absolute;right:-2px;top:-2px;width:30px;height:30px;background:#fc5660 url(../images/icon6_4.png) no-repeat center;background-size:20px auto;cursor:pointer;border-top-right-radius:5px;border-bottom-left-radius:5px;}
.float-btn li .wechat-verify-form-box b{display:block;padding-bottom:20px;color:#fc5660;font-size:18px;}
.float-btn li .wechat-verify-form-box input{width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;border-radius:5px;background:#f5f5f5;border:1px solid #eee;}
.float-btn li .wechat-verify-form-box button{margin-top:20px;width:100%;height:40px;line-height:40px;border-radius:5px;background:#fc5660;border:0;color:#fff;font-size:14px;}
.float-btn li .wechat-verify-form-box p{margin-top:15px;line-height:200%;font-size:14px;background:none;border-radius:5px;}

@media (min-width : 1200px){
    .float-btn{right:10px;width:80px;margin-top:-120px;}
    .float-btn li{height:80px;border:1px solid #eee;border-bottom:0;}
    .float-btn li:nth-last-child(1){border-bottom:1px solid #eee;}
    .float-btn li p{background:#fff;border-radius:0;}
    .float-btn li p img{margin-top:10px;width:36px;}
    .float-btn li p span{line-height:28px;font-size:14px;color:#333;}
    .float-btn li p .verify-btn img:nth-child(1){display:none;}
    .float-btn li p .verify-btn img:nth-child(2){display:inline;}

    .float-btn li .wechat-verify-form-box{right:95px;}
}


/* banner */
.banner{z-index:0;position:relative;margin-top:10px;}
.banner-bot-hide{z-index:2;position:absolute;left:0;bottom:0;width:100%;}
.banner-bot-hide img{width:100%;vertical-align:bottom;}
.banner-swiper{margin:0 10px;border-radius:10px;height:170px;}
.banner-swiper img{min-height:100%;text-align:center;}
.swiper-container-horizontal>.banner-swiper-pagination{bottom:5px;}

.swiper-slide{background-repeat:no-repeat;background-size:auto 100%;background-position:center;}
.swiper-pagination-bullet{width:8px;height:8px;background:#aaa;}
.swiper-pagination-bullet-active{background:#ff5157;}

@media (min-width : 375px){
    .banner-swiper{height:210px;}
}

@media (min-width : 414px){
    .banner-swiper{height:220px;}
}

@media (min-width : 768px){
    .banner-swiper{height:440px;}
}

@media (min-width : 1024px){
    .banner-swiper{height:540px;}
    .banner-swiper img{width:100%;}
}

@media (min-width : 1200px){
    .banner{margin-top:0;height:auto;}
    .banner-swiper{height:600px;}
    .banner-bot-hide,.banner-swiper img{display:none;}
    .banner-swiper{margin:0;border-radius:0;}
    .swiper-pagination-bullet{width:15px;height:15px;}
    .swiper-container-horizontal>.banner-swiper-pagination{bottom:10px;}
}

.banner-icon{padding:10px 0;width:100%;text-align:center;}

@media (min-width : 1200px){
    .banner-icon{display:none;}
}

.xuzhi-click-box,.contact-click-box{display:none;z-index:10;position:fixed;left:0;top:0;width:100%;height:100%;}
.xuzhi-click-box .zixun-swiper-box,.contact-click-box div{margin:10% 5% 0 5%;width:90%;height:90%;border-radius:8px;background:#fff;overflow:hidden;}
.xuzhi-click-box .zixun-swiper{width:100%;height:100%;border-radius:8px;}
.xuzhi-click-box .swiper-slide{height:auto;}
.xuzhi-click-box img{width:100%;}
.xuzhi-click-box span,.contact-click-box span{position:absolute;right:5px;top:5px;width:20px;height:20px;background:url(../images/icon6_4.png) no-repeat center;background-size:24px auto;}

.contact-click-box{top:50%;margin-top:-150px;height:230px;}
.contact-click-box div{height:auto;}
.contact-click-box p{padding:30px 15px;line-height:180%;font-size:16px;}

@media (min-width : 768px){
    .xuzhi-click-box{left:50%;top:50%;margin:-350px 0 0 -275px;width:550px;height:700px;}
    .xuzhi-click-box span,.contact-click-box span{width:40px;height:40px;}

    .contact-click-box{left:50%;margin-left:-275px;width:550px;}
}
/* service */
.column_title{padding:20px 0;text-align:center;font-size:18px;font-weight:bold;}
.column_title::after,.column_title::before{content:"";display:inline-block;vertical-align:middle;margin:0 10px;width:16px;height:2px;vertical-align:middle;background-color:#000;}

@media (min-width : 1200px){
    .column_title{padding:48px 0 38px 0;font-size:28px;}
    .column_title::after,.column_title::before{margin:0 20px;}
}

.service-box{border-top:10px solid #f6f6f6;}
.service{margin-bottom:20px;}
.service dl{text-align:center;}
.service dt{margin:15px 0;color:#fc5660;font-size:18px;font-weight:bold;}
.service dd span{position:relative;float:left;width:31.333333%;margin:0 1% 10px 1%;height:30px;line-height:30px;color:#666;font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
.service dd span::after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ffb4b8;border-radius:100px;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);transform-origin:0 0;}

@media (min-width : 375px){
    .service dd span{font-size:11px;}
}

@media (min-width : 414px){
    .service dd span{font-size:12px;}
}

@media (min-width : 768px){
    .service dt{font-size:24px;}
    .service dd span{height:45px;line-height:45px;font-size:16px;}
}

@media (min-width : 1200px){
    .service-box{border-top:0;}
    .service{margin:0 -10px 60px -10px;}
    .service li{float:left;width:25%;}
    .service dl{margin:0 10px;border-radius:10px;box-shadow:0 5px 4px #ffe1e1;cursor:pointer;overflow:hidden;}
    .service dt{margin:0;background:url(../images/content1_top_bg.jpg) no-repeat center;height:122px;}
    .service dt span{width:37px;height:36px;display:inline-block;overflow:hidden;background:url(../images/index_backs.png) center no-repeat;margin-top:25px;}
    .service dt .service-icon1{background-position:0 -59px;}
    .service dt .service-icon2{background-position:-72px -59px;}
    .service dt .service-icon3{background-position:-143px -59px;}
    .service dt .service-icon4{background-position:-110px -59px;}
    .service dt b{display:block;color:#fff;font-weight:normal;}
    .service dd span{float:left;width:50%;padding:10px 0;margin:0;height:auto;line-height:21px;border-bottom:1px solid #e6e6e6;color:#666;font-size:14px;}
    .service dd span::after{display:none;}
    .service dd span:hover{color:#fc5660;}
    .service dd p{padding:35px 0;color:#999;}
}

/* problem */
.problem-box{background:#ebebeb;}
.problem-box li{float:left;width:50%;margin:0 0 20px 0;}
.problem-box .problem-list{margin:0 10px;padding:10px 5px 10px 10px;background:#fff;transition:all .5s;cursor:pointer;}
.problem-box .problem-list:hover{box-shadow:0 0 20px #c5c3c3;}
.problem-box .problem-list p{float:left;margin:3px 0 10px 0;width:30px;}
.problem-box .problem-list div{margin:0 0 0 40px;line-height:21px;}
.problem-box .problem-list div b{display:block;font-weight:normal;}
.problem-box .problem-list div span{color:#8d8d8d;font-size:10px;}

@media (min-width : 414px){
    .problem-box .problem-list div b{font-size:16px;}
    .problem-box .problem-list div span{font-size:12px;}
}

@media (min-width : 1200px){
    .problem-box{padding:50px 0 24px 0;}
    .problem-box ul{margin:0 0 0 -37px;}
    .problem-box li{width:33.33333%;margin-bottom:26px;}
    .problem-box .problem-list{margin:0 0 0 37px;padding:40px 0 40px 24px;}
    .problem-box .problem-list p{margin:8px 0 0 0;width:80px;text-align:center;}
    .problem-box .problem-list p img{height:43px;}
    .problem-box .problem-list div{margin-left:80px;line-height:30px;}
    .problem-box .problem-list div b{font-size:28px;}
    .problem-box .problem-list div span{font-size:14px;}
}

/* process */
.process div{margin:0 10px;border-radius:10px;overflow:hidden;}
.process div img{width:100%;}

@media (min-width : 1200px){
    .process li{float:left;width:150px;margin-right:60px;margin-bottom:40px;text-align:center;}
    .process li img{width:124px;}
    .process li b{display:block;line-height:50px;font-size:36px;color:#d73b35;}
    .process li p{line-height:30px;font-size:16px;}
    .process .last{margin-right:0;}
}

/* team */
.team-swiper{margin:0 10px;padding-bottom:20px;text-align:center;}
.team-swiper .img{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;}
.team-swiper .img .pic{height:140px;overflow:hidden;}
.team-swiper .img img{width:100%;}
.team-swiper .img a{border-radius:10px;display:block;overflow:hidden;}
.team-swiper .img .intro{padding:10px;background:#eee;}
.team-swiper .img .intro label{display:block;padding-bottom:5px;font-weight:bold;font-size:16px;}
.team-swiper .img .intro label img{margin-right:5px;width:23px;vertical-align:middle;}
.team-swiper .img .intro p{font-size:10px;color:#999;}
.team-swiper .btn{margin-top:10px;height:50px;line-height:50px;border-radius:8px;font-size:20px;background:#d73b35;color:#fff;cursor:pointer;}
.team-swiper .btn:hover{background:#c7434b;;}
.swiper-container-horizontal>.team-swiper-pagination{bottom:0;}
.team-button-next,.team-button-prev,.cases-button-next,.cases-button-prev{z-index:3;margin-top:-75px;width:50px;height:150px;opacity:.8;transition:all .3s;}
.team-button-next,.cases-button-next{right:0;background:url(../images/right.png);}
.team-button-prev,.cases-button-prev{left:0;background:url(../images/left.png);}

@media (min-width : 375px){
    .team-swiper .img .pic{height:160px;}
    .team-swiper .img .intro p{font-size:12px;}
}

@media (min-width : 414px){
    .team-swiper .img .pic{height:180px;}
}

@media (min-width : 768px){
    .team-swiper .img .pic{height:230px;}
    .team-swiper .img .intro label{font-size:18px;}
    .team-swiper .img .intro p{font-size:16px;}
}

@media (min-width : 1200px){
    .team-box{background:#ebebeb;padding-bottom:50px;}
    .team-swiper{margin:0;padding:0 60px;}
    .team-swiper::after,.team-swiper::before,.cases-swiper::after,.cases-swiper::before{content:"";z-index:2;position:absolute;top:0;width:60px;height:100%;background:#ebebeb;}
    .team-swiper::after,.cases-swiper::after{left:0;}
    .team-swiper::before,.cases-swiper::before{right:0;}
    .team-swiper .img{border-radius:8px;}
    .team-swiper .img:hover::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);}
    .team-swiper .img .pic{height:358px;}
    .team-swiper .img .intro{position:absolute;left:0;bottom:0;padding:20px 0;width:100%;font-size:16px;background:rgba(0,0,0,.6);color:#fff;}
    .team-swiper .img .intro label,.team-swiper .img .intro p{color:#fff;}
    .team-swiper .img .intro label img{width:28px;margin-right:10px;}
    .team-swiper .img .intro p{margin:0 20px;}
}

/* about */
.about{margin-top:20px;padding:0 10px;border-top:10px solid #f6f6f6;border-bottom:10px solid #f6f6f6;}
.about dt{border-radius:10px;overflow:hidden;}
.about dt img{width:100%;}
.about dd{margin:20px 0;text-align:center;}
.about dd b{font-size:16px;color:##d73b35;}
.about dd p{margin-top:10px;text-align:left;text-indent:2em;line-height:180%;font-size:14px;color:#999;}
.about dd a{margin-top:20px;display:inline-block;padding:10px 20px;background:#d73b35;color:#fff;font-size:16px;border-radius:10px;}
.about dd a img{height:30px;vertical-align:middle;margin-right:7px;}

@media (min-width : 1200px){
    .about{border:0;margin-top:0;padding:0;}
    .about dt{float:left;width:500px;}
    .about dd{margin-left:570px;min-height:260px;text-align:left;}
    .about dd b{font-size:24px;}
    .about dd p{margin-top:20px;font-size:16px;}
    .about dd div{text-align:center;}
    .about .right dt{float:right;}
    .about .right dd{margin-top:50px;margin-left:0;margin-right:570px;}
}

/* story */
.story{margin:0 10px;}
.story-title li{position:relative;float:left;width:20%;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;}
.story-title li::after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ccc;border-bottom:0;border-top-left-radius:20px;border-top-right-radius:20px;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);transform-origin:0 0;}
.story-title li p{line-height:30px;text-align:center;}
.story-title li span{display:none;line-height:30px;font-size:16px;color:#858585;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.story-title .active{background:#f3f3f3;}

.story-list{position:relative;background:#f3f3f3;padding:10px 15px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.story-list::after{z-index:0;content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #ccc;border-top:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);transform-origin:0 0;}
.story-list li{display:none;position:relative;z-index:1;}
.story-list .tit{font-size:20px;line-height:42px;}
.story-list .tit span{margin-left:10px;font-size:12px;}
.story-list .des{font-size:14px;color:#797a7c;}
.story-list .ctn{margin-top:18px;line-height:24px;height:270px;color:#404040;overflow-y:auto;}
.story-list .ctn p{text-indent:2em;}
.story-list .ctn .analyze{margin-top:20px;text-indent:0;font-weight:bold;color:#fc5660;}
.story-list .btn{display:block;text-align:right;margin-top:10px;color:#d73b35;font-size:18px;text-decoration:underline;}
.story-list .show{display:block;}

.story-concat{text-align:right;padding:42px 0;font-size:20px;line-height:50px;}
.story-concat a{display:inline-block;width:225px;background-color:#d73b35;border-radius:8px;font-size:20px;text-align:center;color:#fff;cursor:pointer;}
.story-concat a:hover{background:#c7434b;}

@media (min-width : 1200px){
    .story-box{background:#ebebeb;}
    .story{margin:0;border:1px solid #d7d7d7;box-shadow:0 3px 12px #aaa;background:#fff;}
    .story-title{float:left;width:405px;}
    .story-title li{float:none;width:auto;padding:21px 26px;font-size:20px;border-radius:0;background:#f3f3f3;}
    .story-title li::after{display:none;}
    .story-title li:hover{transition:all .5s;background:#a8a8a8;}
    .story-title li p{text-align:left;}
    .story-title li span{display:block;}
    .story-title .active{background:#fff;color:#333;}

    .story-list{margin:40px 0 40px 475px;padding:0;width:650px;height:430px;background:none;border-radius:0;overflow:hidden;}
    .story-list::after{display:none;}
    .story-list li{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;}
    .story-list .tit{font-size:24px;}
    .story-list .tit span{font-size:18px;}
    .story-list .des{font-size:20px;line-height:42px;border:0;}
    .story-list .ctn{font-size:14px;line-height:28px;}
    .story-list .btn{margin-top:30px;text-align:left;}
}

/* cases */
.cases-swiper{margin:0 10px;padding-bottom:20px;}
.cases-swiper .swiper-slide{border-radius:10px;overflow:hidden;}
.swiper-container-horizontal>.cases-swiper-pagination{bottom:0;}

@media (min-width : 1200px){
    .cases-box{background:#ebebeb;padding-bottom:50px;}
    .cases-swiper{margin:0;padding:0 60px;}
    .cases-swiper::after,.cases-swiper::before{background:#fff;}
}

/* partner */
.partner{padding:0 8px 40px 8px;}
.partner li{float:left;margin:0 0 4px 0;width:20%;}
.partner li a{position:relative;margin:0 2px;display:block;text-align:center;cursor:pointer;}
.partner li a::after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #eee;border-radius:5px;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);transform-origin:0 0;}
.partner li img{max-width:100%;max-height:100%;}
.partner li p{position:absolute;left:-100%;bottom:0;width:100%;height:35px;line-height:35px;color:#fff;background:#d73b35;font-size:14px;}
.partner li:hover p{left:0;transition: all 0.5s;}

@media (min-width : 768px){
    .partner{padding-left:0;padding-right:0;}  
    .partner li{margin:10px 0;}
    .partner li a{margin:0 10px;}
}

@media (min-width : 1200px){  
    .partner li a{height:130px;border-radius:5px;border:1px solid #eee;overflow:hidden;}
    .partner li a::after{display:none;}
}














