@charset "UTF-8";

/* 通用设置 */
*{ margin:0; padding:0; box-sizing:border-box;}
html,body{ height:100%; color:#333; font-size:16px;}
img{width:100%;max-width:100%;vertical-align:top;}
ul li{ float:left; list-style:none;}
a{ text-decoration:none;}
.clearFix:after,ul:after,.menu span:after{content:" ";display:block;clear:both;}
.centerBox{width:100%;max-width:1200px;margin:0px auto;padding:0 5%;}
.lineImg{/* width:78px;*/ width:60px;height:5px;background:url('../img/lineimg.png');margin:0 auto 14px auto;}
.gradually_textBox{display:block;width:285px;height:65px;color:#25BFFF;background:url('../img/border1.png') no-repeat;background-size:contain;margin:0 auto 50px auto;border-radius:33px;overflow:hidden;padding:2px;cursor:pointer;}
.gradually_textBox:hover p{background:linear-gradient(0deg,rgba(0,180,255,1) 0%,rgba(63,212,255,1) 98%)!important;color:#FFF!important;}
.gradually_textBox p{border-radius:30px;transition:all .5s;font-size:18px!important;color:rgba(0,180,255,1)!important;line-height:62px!important;padding: 0!important;}

/* 导航栏 */
.index .top_nav{ width:100%;}
.index .top_nav .nav{ width:100%; padding:17px 5%; text-align:center; position:fixed; z-index:9; top: 0;left: 0; background-color: transparent;}
.index .top_nav .nav .logo{ width: 320px;float: left;margin-top: 10px;}
.index .top_nav .nav .logo img{ width:auto;}
.index .top_nav .nav .left_menu{ max-width:1200px; margin:0 auto;}
.index .top_nav .nav .nav_list{ display:inline-block;position: absolute;right: 260px;}
.index .top_nav .nav .nav_list li{ float:left; margin-left:40px; line-height:60px;color:rgba(255,255,255,.7);}
.index .top_nav .nav .nav_list li.active{color:#58BAE1;opacity:1;}
.index .top_nav .nav .nav_list li:hover{color:#58BAE1;opacity:1;}
.index .top_nav .nav .nav_list li:first-child{ margin-left:0;}
.index .top_nav .nav .nav_list a{ padding:0 5px; color:#fff; position:relative; font-size:16px;}
.index .top_nav .nav .nav_list li.active a{color:#58BAE1;}
.index .top_nav .nav .nav_list li:hover a{color:#58BAE1;}
.index .top_nav .nav .nav_list li a:before{ content:''; display:block; height:1px; background-color:#FFF; position:absolute; bottom:-5px; left:50%; right:50%; transition:all .3s;}

.index .top_nav .nav .btn_group{ height:60px; position:relative; float:right; z-index:1; display: flex;color: #fff; align-items: center;}
.index .top_nav .nav .btn_group .btn{ line-height: 18px;padding: 10px 15px;background: #00C0FF;margin-right: 5px;border: 1px solid #00C0FF;border-radius: 5px;margin-right: 5px;transition: all 0.4s;color:#fff;}
.index .top_nav .nav .btn_group .btn.reg{ line-height: 18px;padding: 10px 15px;background: #F96868;margin: 1px 0 0 15px;border: 1px solid #F96868;border-radius: 5px;transition: all 0.4s;color:#fff;}
.index .top_nav .nav .btn_group .btn:hover{ border: 1px solid #00C0FF;border-radius: 5px;margin-right: 5px;transition: all 0.4s;color:#00C0FF;background:transparent;}
.index .top_nav .nav .btn_group .btn.reg:hover{ border: 1px solid #F96868;border-radius: 5px;margin: 1px 0 0 15px;transition: all 0.4s;color:#F96868;background:transparent;}

/* .index .top_nav .nav .btn_group{ height:60px; position:relative; float:right; z-index:1; display: flex;} */
/* .index .top_nav .nav .btn_group .btn{ width:94px;height:47px;background:#58BAE1;border-radius:24px;color: #fff;line-height:47px; text-align:center; font-size: 16px;margin-top: 5px;} */
/* .index .top_nav .nav .btn_group .btn.reg{ background: #F8B93F;margin-left: 23px;} */
.index .top_nav .menu{ display:none; width:35px; height:35px; border:1px solid #eee; padding:2px 5px; border-radius:3px; cursor:pointer;}
.index .top_nav .menu span{ display:block; width:100%; height:2px; background-color:#fff; margin:6px 0; border-radius:3px; transition:transform .5s, opacity .5s;}
.index .top_nav .menu:after{ content:'菜单'; display:block; width:35px; line-height:20px; font-size:12px; text-align:center; color:#eee; margin-left:-6px;}
.index .top_nav .menu span:nth-child(1), .top_nav .menu span:nth-child(3){ transform-origin:0 0;}
.index .top_nav .menu.active span:nth-child(1){ transform:rotate(45deg); margin-left:4px; margin-bottom: 4px;}
.index .top_nav .menu.active span:nth-child(2){ transform:rotate(45deg); opacity:0;}
.index .top_nav .menu.active span:nth-child(3){ transform:rotate(-45deg); margin-left:3px;margin-top: 6px;}
.loginpage .index .top_nav .nav{background: rgba(0,0,0,.4);}
.loginpage .index .top_nav .nav .btn_group .btn{ border:1px solid #58BAE1; color: #58BAE1;background:transparent;}
.loginpage .index .top_nav .nav .btn_group .btn.reg{border:0; color: #fff;background: #F8B93F;}
.registpage .index .top_nav .nav{background: rgba(0,0,0,.4);}
.registpage .index .top_nav .nav .btn_group .btn.reg{ border:1px solid #F8B93F; color: #F8B93F;background:transparent;}
/* 底部 */
.footer_mobile{width:100%;font-family:Microsoft YaHei;background:#313131;/* height:50px;*/
padding:14px 12px;}
.footer_mobile p{color:#ffffff;line-height:20px;text-align:center;}
.footer{background:#313131;/*height:400px;*/position:relative;}
.footer .info_list{height:274px;overflow:hidden;}
.footer .info ul li{font-family:Microsoft YaHei;font-size:20px;font-weight:300;color:rgba(255,255,255,1);line-height:20px;clear:both;margin-bottom:30px;}
.footer .info ul li:first-child{font-family:Microsoft YaHei;font-size:20px;font-weight:400;color:rgba(255,255,255,1);line-height:62px;clear:both;margin-bottom:20px;}
.footer .info ul li a,.footer .info ul li span,.footer .info ul li p{font-size:14px;color:rgba(255,255,255,1);line-height:14px;margin:0;font-weight:300;font-family:Microsoft YaHei;}
.footer .info{float:left;height:217px;margin:29px 8% 28px 0;/* overflow:hidden;*/}
.footer .info_three ul li{margin-bottom:0;}
.footer .info_three ul li:first-child{margin-bottom:18px;}
.footer .info_three .icon_addr{/* margin-top:20px;*/ background:url(../img/icon_tel.png) no-repeat 0 center;}
.footer .info_three .onlineService{background:url(../img/footer_kf_icon.png) no-repeat 10px center;background-size:20%;background-color:#FFFFFF;color:#000000;padding:3px 20px 3px 13px;border-radius:6px;margin-left:10px;font-size:14px;color:rgba(49,49,49,1);line-height:32px;}
.footer .info_three .email{/* margin-top:23px;*/ margin:19px 0 0 0 !important;background:url(../img/icon_email.png) no-repeat 0 center;}
.footer .info_three .address{/* margin-top:42px;*/ margin:27px 0 0 0 !important;background:url(../img/icon_address.png) no-repeat 0 3px;}
.footer .info_three .lh p,.footer .info_three .lh span{line-height:20px;}
.footer .info_three .lh p{margin-left:10px;}
.footer .info_three .code img{width:122px;height:122px;}
.footer .info_three .code{position:absolute;right:0;top:44px;}
.footer .info_three .code p{width:126px;height:14px;font-size:14px;color:rgba(255,255,255,1);line-height:40px;text-align:center;}
.footer .img ul{width:865px;/* margin-left:20%;*/
margin:0 auto;}
.footer .img ul li{width:190px;margin:0 0 23px 0;}
.footer .img ul li:nth-child(1),.footer .img ul li:nth-child(3){margin-right:36px;}
.footer .img ul li:nth-child(2){margin-right:33px;}
.footer .bottom_info p{font-size:12px;color:rgba(153,153,153,1);line-height:12px;text-align:center;}
.footer .bottom_info p:first-child{margin-bottom:14px;}
.footer .bottom_info p a{color:rgba(153,153,153,1);}

/* 资费栏 */
.expense .expense_infoBox,.expense h3,.expense p{text-align:center;}
.expense .centerBox{max-width:1200px;padding:0 3%;}
.expense h3{/* font-size:34px;*/ font-size:26px;color:rgba(51,51,51,1);line-height:62px;}
.expense .mt20{margin-top:46px;}
.expense .expenseBox .expenseText_box{margin:100px 0 75px 0;}
.expense .expenseBox .expense_info p{/* font-size:18px;*/ font-size:16px;color:rgba(153,153,153,1);line-height:36px;}
.expense .expenseBox .expense_info h2{font-size:22px;color:rgba(255,0,0,1);line-height:57px;}
.expense .expenseBox ul li{width:32%;/* height:460px;*/ height:300px; margin:0 0 50px 2%; background:transparent; box-shadow:0px 9px 32px 6px rgba(4,0,0,0.02); border-radius:23px; position:relative;}
.expense .expenseBox ul li:nth-child(3n-2){margin-left:0;}
.expense .expenseBox .expense_info .imgOne{width:135px; position: relative; left: -11px; top: 10px;}
.expense .expenseBox .expense_info .expense_three h2{line-height:48px;}
.expense .expenseBox .expense_info .expense_three p{line-height:32px;}
.expense .expenseBox .expense_info .expense_four .imgTwo{margin-top:35px;}
.expense .expenseBox .expense_info .expense_four p{line-height:38px;}
.expense .expenseBox .expense_info .details{position:absolute;left:0;right:0;bottom:0;display:inline-block;margin-bottom:8px;color:rgba(41,194,255,1);line-height:62px;}
.expense .expenseBox .expense_info .details:after{content:'';display:inline-block;width:8px;height:8px;border:solid #25BFFF;border-width:1px 1px 0 0;transform:rotate(45deg);z-index:1;margin-left:10px;}
.expense .gradually_textBox{margin-bottom:92px;}
.expense .expenseBox ul .one:hover{ background:url(../img/expenses_1.png) no-repeat center / 100%;}
.expense .expenseBox ul .two:hover{ background: url(../img/expenses_2.png) no-repeat center / 100%;}
.expense .expenseBox ul .three:hover{ background: url(../img/expenses_3.png) no-repeat center / 100%;}
.expense .expenseBox ul .four:hover{ background: url(../img/expenses_4.png) no-repeat center / 100%;}
.expense .expenseBox ul .five:hover{ background: url(../img/expenses_5.png) no-repeat center / 100%;}
.expense .expenseBox ul .six:hover{ background: url(../img/expenses_6.png) no-repeat center / 100%;}



/* 功能介绍栏 */
.functionCenter{text-align:center;}
.market .centerBox{padding:0;}
.centerText p{width:53%;margin:5px auto 40px auto;font-weight:300;color:rgba(102,102,102,1);line-height:27px;}
.centerText h3{font-size:26px;font-weight:400;color:#333333;line-height:62px;margin-top:86px;}
.market .marketBox .market_list ul li{ width:364px;height:276px;margin:0 0 60px 30px;position:relative;cursor:pointer;}
.market .marketBox .market_list ul li .rotateBox{height:100%;transform-style:preserve-3d;transition:all .5s;}
.market .marketBox .market_list ul li .applet_dottedBox{width:100%;height:100%;background:#fff;box-shadow:0px 9px 32px 6px rgba(4,0,0,0.02);border-radius:16px;}
.market .marketBox .market_list img{width:85px;margin-top:46px;}
.market .marketBox .market_list h2{font-size:17px;font-weight:400;color:#333;line-height:62px;}
.market .marketBox .market_list p{width:220px;margin:0 auto;text-align:left;font-size:16px;color:#666;line-height:25px;}
.market .marketBox .market_list ul li .hoverBox{position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(0deg,#5658CA 0%,#358AE9 100%);box-shadow:0px 6px 23px 1px rgba(211,211,211,0.14);border-radius:18px;transform:rotateY(180deg);}
.market .market_list ul li .hoverBox{ color: #fff;}
.market .market_list ul li .hoverBox h3{font-size:18px;line-height:20px;height:20px;margin:57px 0 24px;}
.market .market_list ul li .hoverBox p{width:325px;color:#fff;line-height:25px;}
.market .marketBox .market_list ul li:hover .rotateBox{transform:rotateY(180deg);}
.applet{background:rgba(126,206,244,0.13);padding-top:64px;}
.applet h3{margin-top:0;}
.applet .centerBox{width:1200px;padding:0;}
.applet .appletBox .applet_list ul li{width:344px;height:246px;margin:0 0 60px 30px;background:#fff;border-radius:16px;text-align:center;position:relative;}
.applet .appletBox .applet_list img{width:24%;text-align:center;margin:15% 0 10% 0;}
.applet .appletBox .applet_list .applet_imgone img{width:27%;}
.applet .appletBox .applet_list .applet_imgfour img{width:18%;margin:16% 0 5% 0;}
.appletBox .applet_list p{font-size:17px;color:rgba(51,51,51,1);line-height:62px;position:absolute;right:0;left:0;bottom:15%;}
.applet .appletBox .applet_list{padding-bottom:118px;margin:92px 50px 179px;}
.regiest{height:5px;width:95%;margin-left:2.5%;position:relative;margin-bottom:23px;}
.regiestBox .p1{margin-top:39.5px;}
.regiestBox .p2{margin-bottom:14.5px;}
.regiest .Big_regiest{position:absolute;bottom:20px;height:258px;width:95%;margin-left:2.5%;background:#FFFFFF;box-shadow:0px 3px 7px 0px rgba(178,178,178,0.08);border-radius:10px;}
.regiest .regiestBox{font-size:22px;color: #333;line-height:55px;}

/* 功能列表 */
.center_heart{/* width:80%;*/ max-width:1244px;margin:72px auto;padding:0;padding-bottom:60px;}
.BigBox .center .centerBox ul li{width:290px;margin:0 0 30px 28px;height:348px;background:#fff;box-shadow:0px 0px 14px 0px rgba(170,174,177,0.11);border-radius:10px;}
.BigBox .center .centerBox ul li:nth-child(4n-3){margin-left:0;}
.center .center_img img{width:85%;margin:8% 7.5% 0 7.5%;text-align:center;}
.center .center_info{width:242px;line-height:100px;margin:0 24px 40px 24px;text-align:center;}
.center .center_info h4{margin:30px 0 14px 0;line-height:20px;font-size:14px;font-weight:400;color:#333;}
.center .center_info p{font-size:12px;color:#666;line-height:18px;text-align:left;}

/**联系/关于我们**/
.connection h3{font-size:26px;font-weight:400;font-family:Microsoft YaHei;color:#333;line-height:58px;text-align:center;padding-top:85px;}
.connection .forus{width:90%;margin:0 auto;padding:0;}
.connection .forus .textOne{font-size:16px;color:rgba(102,102,102,1);line-height:44px;}
.connection .forus .textTwo{font-size:16px;color:rgba(51,51,51,1);line-height:34px;padding-bottom:8px;}
.connection .brandBox{ margin-bottom:16px;}
.connection .brand{ max-width:100%; background:rgba(126,206,244,0.15); margin-top:36px;}
.connection .brand .brandimgbox{ display:table; max-width:1200px; margin:0 auto; padding: 40px 0 17px;}
.connection .brand .brandImg{ background:url('../img/location_icon.png') 5px center no-repeat / 30px; padding-left:45px; color: #333; font-size: 16px; line-height: 30px; margin-bottom: 23px; }
.connection .connectus{max-width:1200px; height:491px;padding:0;}
.connection .connectus ul{padding:40px 0 96px 0;margin:21px 0 46px 0;box-shadow:0px 3px 21px 0px rgba(0,0,0,0.02);}
.connection .connectus ul li{width:25%;position:relative;top:15px;height:123px;padding:0 2%;text-align:center;border-right:1px solid rgba(210,210,210,1);}
.connection .connectus ul li:last-child{border:0;}
.connection .connectus ul li img{width:21%;height:auto;margin-bottom:19px;position:relative;top:-15px;}
.connection .connectus ul li p{font-size:17px;color:#666;line-height:22px;margin-bottom:14px;position:relative;top:-15px;}
.connection .connectus ul li .p_two{font-size:16px;font-weight:bold;color:#333;line-height:22px;position:relative;top:-15px;}

/**登录页**/
.heart{position:absolute;top:136px;left:30%;}
.page .index .nav .top_nav{background:#ffffff;}
.page a{color:#666;}
.page .menuBox a{color:#ffffff;}
.page .opacity{z-index:10}
.page .title{line-height:32px;color:#333;margin-bottom:16px;font-size:20px;}
.form p{display:inline-block;width:64px;height:35px;}
.form .input{height:25px;width:225px;margin:10px 0;padding:5px;}
.submit{border:none;position:absolute;left:64px;width:225px;height:24px;margin-top:28px;background:rgba(248,185,63,1);}
.login #forget{margin:0 0 -22px 65px;font-size:14px;}
.info{font-size:12px;}

/* 功能 */
.functiondetail{ border: 1px solid #eee;border-radius: 20px;overflow:hidden;}
.functiondetail .t_phone{ background-color:#fff;font-size: 20px;}
.functiondetail .t_phone tr td:first-child{border-left: 0;}
.functiondetail .t_phone tr td:last-child{ padding: 0 10px;}
.functiondetail .t_phone tr td{ font-size: 14px; color:#333;line-height:80px;border-left: 1px solid #eee;border-bottom: 1px solid #eee;text-align:center;}
.functiondetail .t_phone .tc_bt{ border-top: 1px solid #eee;}
.functiondetail .t_phone a{ color:#333; cursor:pointer; line-height: 24px;}
.functiondetail .t_phone #glxx{line-height: 24px;}
.functiondetail .t_phone #tc_g {background-image: url(../img/duicuo_25.png);background-repeat: no-repeat;background-position: center center;}
.functiondetail .t_phone #tc_g1{background-image: url(../img/cuo.png);background-repeat: no-repeat;background-position: center center;background-size: 12px 12px;}


/**注册页**/
.register #check{position:absolute;left:64px;margin:5px 0;font-size:14px;}

/**多商户入驻 快速购买 分销 整点秒杀 签到**/
.function,.function .content .line{background:rgba(238,238,238,1);}
.function .top_nav{ width:100%; height: 94px; background: rgba(0,0,0,.4);}
/* .function .top_nav .nav{ width:100%; padding:17px 5%; text-align:center; position:fixed; z-index:9; top: 0;left: 0; background: #FFFFFF;} */
/* .function .top_nav .nav .logo{ width: 320px;float: left;} */
/* .function .top_nav .nav .logo img{ width:auto;} */
/* .function .top_nav .nav .left_menu{ max-width:1200px; margin:0 auto;} */
/* .function .top_nav .nav .nav_list{ display:inline-block;position: absolute;right: 21%; background: #fff;} */
/* .function .top_nav .nav .nav_list li{ float:left; margin-left:40px; line-height:60px;color:#333;} */
/* .function .top_nav .nav .nav_list li.active{color:#F8BA41;opacity:1;} */
/* .function .top_nav .nav .nav_list li:hover{color:#F8BA41;opacity:1;} */
/* .function .top_nav .nav .nav_list li:first-child{ margin-left:0;} */
/* .function .top_nav .nav .nav_list a{ padding:0 5px; color:#333; position:relative; font-size:16px;} */
/* .function .top_nav .nav .nav_list li.active a{color:#F8BA41;} */
/* .function .top_nav .nav .nav_list li:hover a{color:#F8BA41;} */
/* .function .top_nav .nav .nav_list li a:before{ content:''; display:block; height:1px; background-color:#FFF; position:absolute; bottom:-5px; left:50%; right:50%; transition:all .3s;} */
/* .function .top_nav .nav .btn_group{ height:60px; position:relative; float:right; z-index:1; display: flex;color: #fff; align-items: center;} */
/* .function .top_nav .nav .btn_group .btn{ line-height: 18px;padding: 10px 15px;background: #00C0FF;margin-right: 5px;border: 1px solid #00C0FF;border-radius: 5px;margin-right: 5px;transition: all 0.4s;color:#fff;} */
/* .function .top_nav .nav .btn_group .btn.reg{ line-height: 18px;padding: 10px 15px;background: #F96868;margin-right: 5px;border: 1px solid #F96868;border-radius: 5px;margin-left: 5px;transition: all 0.4s;color:#fff;} */
/* .function .top_nav .nav .btn_group .btn:hover{ border: 1px solid #00C0FF;border-radius: 5px;margin-right: 5px;transition: all 0.4s;color:#00C0FF;background:transparent;} */
/* .function .top_nav .nav .btn_group .btn.reg:hover{ border: 1px solid #F96868;border-radius: 5px;margin-right: 5px;transition: all 0.4s;color:#F96868;background:transparent;} */
/* .function .top_nav .menu{ display:none; width:35px; height:35px; border:1px solid #eee; padding:2px 5px; border-radius:3px; cursor:pointer;} */
/* .function .top_nav .menu span{ display:block; width:100%; height:2px; background-color:#fff; margin:6px 0; border-radius:3px; transition:transform .5s, opacity .5s;} */
/* .function .top_nav .menu:after{ content:'菜单'; display:block; width:35px; line-height:20px; font-size:12px; text-align:center; color:#eee; margin-left:-6px;} */
/* .function .top_nav .menu span:nth-child(1), .top_nav .menu span:nth-child(3){ transform-origin:0 0;} */
/* .function .top_nav .menu.active span:nth-child(1){ transform:rotate(45deg); margin-left:3px;} */
/* .function .top_nav .menu.active span:nth-child(2){ transform:rotate(45deg); opacity:0;} */
/* .function .top_nav .menu.active span:nth-child(3){ transform:rotate(-45deg); margin-left:2px;} */

.function .content .centerBox{background:#FFFFFF;width:1100px;margin:20px auto 0;padding-bottom: 1px;}
.function .content .line{height:6px;}
.function .content p{font-size:14px;color:rgba(102,102,102,1);line-height: 30px;padding: 10px 0;}
.function .content .infoText,.title{font-size:20px;font-weight:400;color:rgba(153,153,153,1);line-height:100px;height:80px;}
.function .content .infoText .title{font-size:30px;color:rgba(51,51,51,1);margin-right:10px;}
.opacity{display:none;position:fixed;width:100%;height:100%;background:#333;z-index:10;opacity:0.3;top:0;}
.menuBox{position:fixed;width:290px;height:100%;left:-290px;top:0%;background-color:#2F4050;transition:all .5s;z-index:19;overflow-y:auto;}
.menuBox_top{padding:24px 12px;}
.menuBox img{height:100%;float:left;max-width:unset;width:auto;margin-top:5px;}
.menuBox .img{float:left;width:170px;height:50px;overflow:hidden;}
.menuBox .buttonBox{position:absolute;top:18px;right:23px;background-color:#2F4050;}
.menuBox .loginbtn,.menuBox .registbtn{border:1px solid #fff;background:none;color:#fff;padding:3px 12px;margin:8px 3px;display:block;line-height:18px;}
.menuBox .loginbtn:hover,.menuBox .registbtn:hover{border:1px solid #58BAE1;color:#58BAE1;}
.menuBox .functionbtnBox .loginbtn:hover,.menuBox .functionbtnBox .registbtn:hover{border:1px solid #F8BA41;color:#F8BA41;}
.menuBox ul{margin-top:65px;}
.menuBox .function_Box{margin-top:-15px;}
.menuBox ul li{float:none;width:100%;line-height:40px;margin:20px 0;padding-left:20px;text-align:left;position:relative;}
.menuBox ul li a{color:#ffffff;}
.menuBox ul li a:hover{color:#58BAE1;}
.menuBox ul li .blue{color:#58BAE1;}
.menuBox ul li .yellow{color:#F8BA41;}
.menuBox .functionMenu li a:hover{color:#F8BA41;}
.menu_arrow{content:"";display:inline-block;width:6px;height:6px;border:solid #FFFFFF;border-width:1px 1px 0 0;transform:rotate(45deg);position:absolute;right:31px;top:17px;}
.menuBox .orange{border:solid #F8BA41;border-width:1px 1px 0 0;}
.menuBox .bluearrow{border:solid #58BAE1;border-width:1px 1px 0 0;}
.menuBox .down{border-width:0 1px 1px 0;}
.upBox_box{display:none;}
.upBox_box ul li{float:none;width:80%;line-height:40px;margin:0 10% 5px 10%;padding-left:20px;text-align:left;position:relative;}
@media screen and (max-width:1570px){
	.index .top_nav .nav .nav_list{ right: 15%;}
	.index .top_nav .nav .nav_list li{margin-left: 20px;}
}
@media screen and (min-width:1200px){
	.market .marketBox .market_list ul li:nth-child(3n-2){margin-left:0;}
	.applet .appletBox .applet_list ul li:nth-child(3n-2){margin-left:0;}
	.expense .expenseBox ul li:nth-child(n+4){margin-bottom:58px;}
	.market .marketBox .market_list ul li:nth-child(n+4){margin-bottom:50px;}
	.menuBox{display:none;}
	.opacity{background:none;}
	.footer{display:block;}
	.footer_mobile{display:none;}
	.footerBox{display:block;}
	
	.top_nav .menu_scroll{ position:relative;}
	/* .top_nav .nav .nav_list li.active>a:before, .top_nav .nav .nav_list li:hover>a:before, .top_nav .nav_list .ul .li:hover:before, .top_nav .nav_list .ul .li.active:before{ left:0; right:0;} */
	.top_nav .nav .nav_list .ul{ display: none;}
	.top_nav .nav .nav_list .arrow:hover .ul{ height:60px;}
	.top_nav .nav .nav_list .ul .li{ display:inline-block; line-height:30px; margin-right:12px;}

}

@media screen and (max-width:1199px){
	body{font-size:16px;}
	.nav .top_nav .nav_list{display:none;}
	.menu{position:absolute;display:block;line-height:10px;width:38px;height:40px;color:#FFFFFF;border:1px solid white;text-align:center;right:10%;border-radius:6px;padding:3px 0px;cursor:pointer;z-index:49;}
	.menu .rotate_one{transform:translateY(10px) rotate(45deg);}
	.menu .rotate_two{transform:rotate(45deg);}
	.menu .rotate_three{transform:translateY(-10px) rotate(-45deg);}
	.page .menu{color:#666666;border:1px solid #666666;}
	.menu_scroll .nav_list .arrow .ul{ display: none;}
	.menu p{font-size:14px;line-height:32px;}
	.menu_arrow{width:8px;height:8px;right:31px;top:16px;}
	.BigBox .changeBox .shrinkBox ul{padding:0 5%;}
	.BigBox .changeBox .shrinkBox ul li{width:45%;margin-left:10%;}
	.BigBox .changeBox .shrinkBox ul li:nth-child(2n-1){margin-left:0;}
	.market .market_list ul li .hoverBox p{margin-top:15px;}
	.market .market_list ul li .hoverBox h3{margin-top:40px;}
	.market .marketBox .market_list .pw{width:60%;margin-left:22%;}
	.BigBox .center .centerBox ul li{height:414px;}
	.connection .connectus ul{padding:40px 10px 80px 10px;}
	.connection .connectus ul li{padding:0;}
	.connection .connectus ul li p{font-size:19px;line-height:42px;}
	.connection .connectus ul li .p_two{font-size:18px;line-height:42px;}
	.function .nav .top_nav .logo{left:5%;}
	.function .nav .top_nav .menu{color:rgba(51,51,51,1);border:1px solid #999999;margin-top:20px;right:5%;}
	.function .nav .top_nav .menu div,.function .nav .top_nav .menu p{color:#999999;}
	.centerText p{width:100%;padding:10px 5%;}
	.function .content .centerBox{width:90%;margin:20px 5% 0 5%;}
	.footer{display:none;}
	.footer_mobile{display:block;}
	.footerBox{display:none;}
	
	.index .top_nav .menu.active,.function .top_nav .menu.active{ padding: 2px;}
	.index .nav .top_nav{padding:8px 10%;}
	.index .top_nav{ min-height:unset; padding:1px 0;}
	.index .top_nav .nav{ background-color: transparent;}
	.index .top_nav .menu{ display:block!important; position:absolute; z-index:10;}
	.index .top_nav .menu span{ margin: 3px 0;}
	.index .top_nav .left_menu{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:9; background-color:rgba(0,0,0,.3); opacity:0; pointer-events:none; transition:all .5s;}
	.index .top_nav .left_menu.show{ opacity:1; pointer-events:auto;}
	.index .top_nav .left_menu .menu_cont{ width:70%; max-width:285px; height:100%; background-color:#2F4050; overflow:hidden; position:relative; left:-100%; transition:all .5s;}
	.index .top_nav .left_menu.show .menu_cont{ left:0;}
	.index .top_nav .left_menu .menu_cont .nav_list{ display:block; padding:1px 0; clear:both;}
	.index .top_nav .left_menu .menu_cont li{ float:none; width:100%; line-height:40px; margin:5px 0; padding-left:20px; text-align:left; position:relative;}
	.index .top_nav .left_menu .menu_cont li.active{ background-color:#293846;}
	.index .top_nav .left_menu .menu_cont .btn_group{ height:auto; position:absolute;right: 2%; margin:15px 10px;display: flex;flex-direction: column;align-items: flex-end;}
	/* .index .top_nav .left_menu .menu_cont .btn_group .btn:nth-child(2n){ margin-top:5px;} */
	.index .top_nav .left_menu .menu_cont:before{ content:''; background: url(../img/logo.png) left center no-repeat / auto 35px;display:block; width:152px; height:50px; position:absolute; top:15px; left:16px;}
	.index .top_nav .left_menu .menu_cont .menu_scroll{ width:100%; position:absolute; top:90px; bottom:0; overflow-y:scroll;}
	.index .top_nav .left_menu .menu_cont li.arrow:before{ content:''; display:block; width:6px; height:6px; border:1px solid transparent; border-color:transparent #fff #fff transparent; position:absolute; top:16px; right:18px; transform:rotate(-45deg); transition:all .5s;}
	.index .top_nav .left_menu .menu_cont li.active.arrow:before{ transform:rotate(45deg);}
	.index .top_nav .left_menu .menu_cont li .ul{ height:0; overflow:hidden; transition:height .5s;}
	.index .top_nav .left_menu .menu_cont li .ul .li{ display:block; padding-left:24px;}
	.index .top_nav .menu:after{ line-height:24px; margin-left: -10px;}
	.index .top_nav .menu.active:after{ line-height:16px; margin-left: -7px;}
	.index .top_nav .logo{width:200px!important;height:37px;}
	.menu{line-height:5px!important;width:26px!important;height:26px!important;z-index:99;}
	.menuBox ul li{margin:10px 0;}
	.upBox_box ul li{width:80%;line-height:26px;margin:0 10% 5px 10%;}
	.menu_arrow::before{width:6px;height:6px;}
	.index .top_nav .nav .btn_group .btn{ border: 1px solid #eee; background: transparent; width: 70px; height: 24px; border-radius: 4px;line-height:24px;padding:0; margin:0;}
	.index .top_nav .nav .btn_group .btn.reg{ background: transparent; display:block; line-height:24px; font-size: 14px;padding:0;border: 1px solid #eee; margin: 6px 0 0;}
	.index .top_nav .nav .nav_list{ left: 0; right: 0;}
	.index .top_nav .nav .nav_list a{ font-size: 14px;}
	.index .top_nav .nav .nav_list .arrow{ color: #eee!important;}
	.loginpage .index .top_nav .nav{background: rgba(0,0,0,.4);}
	.loginpage .index .top_nav .nav .btn_group .btn{ border:1px solid #58BAE1; color: #58BAE1;background:transparent;}
	.loginpage .index .top_nav .nav .btn_group .btn.reg{border:1px solid #eee; color: #fff;background: transparent;}
	.registpage .index .top_nav .nav{background: rgba(0,0,0,.4);}
	.registpage .index .top_nav .nav .btn_group .btn.reg{ border:1px solid #58BAE1; color: #58BAE1;background:transparent;}
	.index .top_nav .nav .nav_list li.active a{ color:#fff;}
	.index .top_nav .nav .nav_list li:hover a { color:#fff;}
	.index .top_nav .nav .btn_group .btn:hover{ border: 1px solid #eee;border-radius: 5px;margin: 0;transition: all 0.4s;color:#eee;background:transparent;}
	.index .top_nav .nav .btn_group .btn.reg:hover{ border: 1px solid #eee;border-radius: 5px;margin: 6px 0 0;transition: all 0.4s;color:#eee;background:transparent;}
}

@media screen and (max-width:769px){
	body{font-size:13px;}
	.footer{display:none;}
	.footer_mobile{display:block;}
	.footerBox{display:none;}
	.market .marketBox .market_list ul li .applet_dottedBox{ overflow: hidden;}
	.market_list ul li .hoverBox{ padding: 0 10px; overflow: hidden;}
	
	.gradually_textBox{width:190px;height:43px;margin:10px auto 35px auto;padding: 0;}
	.gradually_textBox p{font-size:13px!important;line-height: 43px!important;letter-spacing: 2px;}
	.lineImg{width:43px;height:3px;margin:2px auto;}
	.BigBox .centerBox .change_infoBox h2,.changeText h3{font-size:15px;line-height:24px;margin-top:0;padding-top:10px;}
	.BigBox .centerBox .change_infoBox p,.BigBox .centerBox .text{font-size:12px;line-height:20px;}
	.market .marketBox .market_list .pw{ width: 80%; margin:0 auto;}
	.BigBox .changeBox .shrinkBox ul{padding:20px 0 0 0;}
	.BigBox .changeBox .shrinkBox ul li{width:48%;margin:0% 0% 30px 4%;}
	.BigBox .changeBox .shrinkBox ul li:nth-child(2n-1){margin-left:0;}
	.centerText h3{padding:30px 0 5px 0;}
	.centerText p{line-height:24px;margin:0px auto;padding:5px 5%;}
	.expense .expenseBox .expense_info p{font-size:13px;line-height:24px;}
	.expense .expenseBox .expense_info h2{font-size:16px;line-height:32px;padding-top:5px;}
	.expense .centerBox{padding:0 5%;}
	.expense .expenseBox .expense_info .imgOne{width:60px;}
	.expense .expenseBox .expense_info .imgTwo{width:80px;margin-top:16px;}
	.expense .expenseBox .expenseText_box{margin:0 0 20px 0;}
	.expense .expenseBox ul li{width:30%;height:190px;}
	.expense .expenseBox .expense_info .expense_three .imgTwo{margin-top:11px;}
	.expense .expenseBox .expense_info .expense_three h2{line-height:28px;}
	.expense .expenseBox .expense_info .expense_three p{line-height:21px;}
	.expense .expenseBox .expense_info .expense_four .imgTwo{margin-top:14px;}
	.expense .expenseBox .expense_info .expense_four p{line-height:30px;}
	.expense .expenseBox .expense_info .details{margin-bottom:0px;}
	.expense .gradually_textBox{margin-bottom:40px;}
	.market .marketBox .market_list ul li{height:230px;}
	.market .market_list ul li .hoverBox p{font-size:11px;line-height:20px;margin-top:5px; width: 100%; display: inline-block;}
	.market .market_list ul li .hoverBox h3{font-size:13px;line-height:20px;margin:15px 0 10px;}
	.market .marketBox .market_list img{width:62px;margin:30px 0 10px 0;}
	.applet{padding-top:0;}
	.applet .centerBox{width:100%;}
	.appletBox .applet_list p{font-size:13px;line-height:24px;}
	.applet .appletBox .applet_list ul li{height:140px;}
	.applet .appletBox .applet_list{padding-bottom:80px;margin:10px 0 100px 0;}
	.applet .appletBox .applet_list img{width:32%;text-align:center;margin:15% 0 10% 0;}
	.applet .appletBox .applet_list .applet_imgone img{width:36%;}
	.applet .appletBox .applet_list .applet_imgfour img{width:26%;margin:15% 0 5% 0;}
	.regiest .Big_regiest{height:160px;padding:10px 0;}
	.regiestBox p{font-size:15px;}
	.regiestBox .p1{margin-top:15px;line-height:36px;}
	.regiestBox .p2{margin-bottom:10px;line-height:36px;}
	.connection .forus{padding:0 0 30px 0;}
	.connection .forus .textTwo{ padding-top: 12px;line-height: 24px;letter-spacing: 1px;}
	.connection .connectus{height:380px;/* padding-top:20px;*/}
	.connection .connectus ul li{width:45%;margin-left:4%;padding:23px 4% 0;margin-bottom:20px; height: 110px;}
	.connection .connectus ul li:nth-child(2n-2){border:none;}
	.connection .connectus ul li .p_two{font-size:12px;line-height:32px;}
	.connection .connectus ul li .text{line-height:13px;}
	.connection .brand .brandimgbox{ padding: 20px 0;}
	.connection .brand .brandImg{ line-height:24px; font-size:13px; padding:3px 0 3px 45px; margin-bottom:15px;}
	.connection .brandBox{height:auto;}
	.connection .brand{height:auto;margin-top:10px;}
	.connection .forus .textOne{margin:10px 0 10px 0;}
	.connection .connectus ul li img{width:26%;height:auto;}
	.connection .connectus ul{padding:0;margin:10px 0 62px 0;box-shadow:0px 3px 21px 0px rgba(0,0,0,0.02);}
	.index .floatTop_nav .floatNav_list ul li{margin-right:8px;}
	.index .floatTop_nav .logo{margin-top:9px;margin-left:1%;}
	.center_heart{width:100%;margin:20px auto;padding-bottom:10px;}
	.center .center_info h4{width:70%;font-size:16px;margin:12px 0 0 0;}
	.center .center_info p{width:100%;font-size:12px;line-height:20px;}
	.function .content .centerBox{width:100%;margin:0;}
	.BigBox .center .center_info{width:74%;/* margin:0;*/}
	.BigBox .center .center_info h4{width:100%;text-align:center;/* margin:0;*/}
	.BigBox .center .centerBox ul li{height:290px;}
	.heart{top:82px;left:20%;}
	.page .title{font-size:16px;margin-bottom:10px;}
	.form p{width:56px;}
	.form .input{width:180px;margin:6px 0;}
	.submit{left:56px;width:180px;margin-top:10px;}
	.login #forget{margin:0 0 0 56px;font-size:13px;}
	.register #check{left:56px;margin:-12px 0;}
	
	/** 左侧菜单 **/
	.menu_scroll .nav_list .arrow .ul{ display: block;}
	.function .nav .top_nav{padding:8px 10%;}
	.function .top_nav{ min-height:unset; padding:1px 0; height: 50px;}
	.function .top_nav .nav,.index .top_nav .nav{ background-color: #fff; padding: 4px 5%;}
	.function .top_nav .menu{ display:block!important; float:right; position:relative; z-index:10;border-color: #eee;}
	.function .top_nav .menu span{ margin: 3px 0; background-color: #eee;}
	.function .top_nav .menu:after{ color: #eee;}
	.function .top_nav .left_menu{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:9; background-color:rgba(0,0,0,.3); opacity:0; pointer-events:none; transition:all .5s;}
	.function .top_nav .left_menu.show{ opacity:1; pointer-events:auto;}
	.function .top_nav .left_menu .menu_cont{ width:70%; max-width:285px; height:100%; background-color:#2F4050; overflow:hidden; position:relative; left:-100%; transition:all .5s;}
	.function .top_nav .left_menu.show .menu_cont{ left:0;}
	.function .top_nav .left_menu .menu_cont .nav_list{ display:block; padding:1px 0; clear:both;background-color: #2F4050;}
	.function .top_nav .left_menu .menu_cont li{ float:none; width:100%; line-height:40px; margin:20px 0; padding-left:20px; text-align:left; position:relative;}
	.function .top_nav .left_menu .menu_cont li.active{ background-color:#293846;}
	.function .top_nav .left_menu .menu_cont .btn_group{ height:auto; position:absolute;left: 2%; margin:15px 10px;}
	.function .top_nav .left_menu .menu_cont:before{ content:''; display:block; width:152px; height:50px; background:url('../images/index/logo.png') left center no-repeat / auto 50px; position:absolute; top:15px; left:16px;}
	.function .top_nav .left_menu .menu_cont .menu_scroll{ width:100%; position:absolute; top:90px; bottom:0; overflow-y:scroll;}
	.function .top_nav .left_menu .menu_cont li.arrow:before{ content:''; display:block; width:6px; height:6px; border:1px solid transparent; border-color:transparent #fff #fff transparent; position:absolute; top:16px; right:18px; transform:rotate(-45deg); transition:all .5s;}
	.function .top_nav .left_menu .menu_cont li.active.arrow:before{ transform:rotate(45deg);}
	.function .top_nav .left_menu .menu_cont li .ul{ height:0; overflow:hidden; transition:height .5s;}
	.function .top_nav .left_menu .menu_cont li .ul .li{ display:block; padding-left:24px; color: #eee;}
	.function .top_nav .left_menu .menu_cont li .ul .li.active{ color: #F8BA41;}
	.function .top_nav .menu:after{ line-height:24px; margin-left: -10px;}
	.function .top_nav .logo{width:200px!important;height:37px;}
	.menu{line-height:5px!important;width:26px!important;height:26px!important;z-index:99;}
	.menuBox ul li{margin:10px 0;}
	.upBox_box ul li{width:80%;line-height:26px;margin:0 10% 5px 10%;}
	.menu_arrow::before{width:6px;height:6px;}
	.function .top_nav .nav .btn_group .btn{ border: 1px solid #eee; background: transparent; width: 70px; height: 31px; border-radius: 4px;}
	.function .top_nav .nav .btn_group .btn.reg{ background: transparent;border: 1px solid #eee;}
	.function .top_nav .nav .nav_list{ left: 0; right: 2%;}
	.function .top_nav .nav .nav_list a{ color: #eee;}
	.function .content .line{height:4px;}
	.function .content p{font-size:14px;color:rgba(102,102,102,1);line-height: 30px;padding: 10px 0;}
	.function .content .infoText,.title{font-size:10px;font-weight:400;color:rgba(153,153,153,1);line-height:50px; height: 50px;}
	.function .content .infoText .title{font-size:16px;color:rgba(51,51,51,1);margin-right:10px;}
	.index .top_nav .menu.active,.function .top_nav .menu.active{ padding: 2px;}
	.index .nav .top_nav{padding:8px 10%;}
	.index .top_nav{ min-height:unset; padding:1px 0;}
	.index .top_nav .nav{ background-color: transparent;}
	.index .top_nav .menu{ display:block!important; position:absolute; z-index:10;top: 10px;}
	.index .top_nav .menu span{ margin: 3px 0;}
	.index .top_nav .left_menu{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:9; background-color:rgba(0,0,0,.3); opacity:0; pointer-events:none; transition:all .5s;}
	.index .top_nav .left_menu.show{ opacity:1; pointer-events:auto;}
	.index .top_nav .left_menu .menu_cont{ width:70%; max-width:285px; height:100%; background-color:#2F4050; overflow:hidden; position:relative; left:-100%; transition:all .5s;}
	.index .top_nav .left_menu.show .menu_cont{ left:0;}
	.index .top_nav .left_menu .menu_cont .nav_list{ display:block; padding:1px 0; clear:both;}
	.index .top_nav .left_menu .menu_cont li{ float:none; width:100%; line-height:40px; margin:5px 0; padding-left:20px; text-align:left; position:relative;}
	.index .top_nav .left_menu .menu_cont li.active{ background-color:#293846;}
	.index .top_nav .left_menu .menu_cont .btn_group{ height:auto; position:absolute;right: 2%; margin:15px 10px;display: flex;flex-direction: column;align-items: flex-end;}
	/* .index .top_nav .left_menu .menu_cont .btn_group .btn:nth-child(2n){ margin-top:5px;} */
	.index .top_nav .left_menu .menu_cont:before{ content:''; background: url(../img/logo.png) left center no-repeat; background-size:auto 35px; display:block; width:152px; height:50px; position:absolute; top:15px; left:16px;}
	.index .top_nav .left_menu .menu_cont .menu_scroll{ width:100%; position:absolute; top:90px; bottom:0; overflow-y:scroll;}
	.index .top_nav .left_menu .menu_cont li.arrow:before{ content:''; display:block; width:6px; height:6px; border:1px solid transparent; border-color:transparent #fff #fff transparent; position:absolute; top:16px; right:18px; transform:rotate(-45deg); transition:all .5s;}
	.index .top_nav .left_menu .menu_cont li.active.arrow:before{ transform:rotate(45deg);}
	.index .top_nav .left_menu .menu_cont li .ul{ height:0; overflow:hidden; transition:height .5s;}
	.index .top_nav .left_menu .menu_cont li .ul .li{ display:block; padding-left:24px;}
	.index .top_nav .menu:after{ line-height:24px; margin-left: -10px;}
	.index .top_nav .menu.active:after{ margin-left: -7px;line-height:16px; }
	.index .top_nav .logo{width:200px!important;height:37px;}
	.menu{line-height:5px!important;width:26px!important;height:26px!important;z-index:99;}
	.menuBox ul li{margin:10px 0;}
	.upBox_box ul li{width:80%;line-height:26px;margin:0 10% 5px 10%;}
	.menu_arrow::before{width:6px;height:6px;}
	.index .top_nav .nav .btn_group .btn{ border: 1px solid #eee; background: transparent; width: 70px; height: 24px; border-radius: 4px;line-height:24px;padding:0; margin:0;}
	.index .top_nav .nav .btn_group .btn.reg{ background: transparent; display:block; line-height:24px; font-size: 14px;padding:0;border: 1px solid #eee; margin: 6px 0 0;}
	.index .top_nav .nav .nav_list{ left: 0; right: 0;}
	.index .top_nav .nav .nav_list a{ font-size: 14px;}
	.index .top_nav .nav .nav_list .arrow{ color: #eee!important;}
	.index .top_nav .nav .nav_list li.active a{ color:#fff;}
	.index .top_nav .nav .nav_list li:hover a{ color:#fff;}
}

/** 案例 **/
.case .case_title{ background-color:#F7F7F7;}
.case .case_title ul{ max-width:1200px; margin:0 auto; padding:30px 0 20px; text-align:center;}
.case .case_title ul li{ float:none; display:inline-block; padding:40px 10px 0; line-height:20px; background:center 3px no-repeat; background-size:30px; margin:0 10px 10px; font-size:14px; cursor:pointer;}
.case .case_title ul li.active{ color:#6DC3EF;}
.case .case_title ul .icon.shi{ background-image:url('../img/case_shi.png');}
.case .case_title ul .icon.shi.active{ background-image:url('../img/case_shi_check.png');}
.case .case_title ul .icon.fu{ background-image:url('../img/case_fu.png');}
.case .case_title ul .icon.fu.active{ background-image:url('../img/case_fu_check.png');}
.case .case_title ul .icon.shang{ background-image:url('../img/case_shang.png');}
.case .case_title ul .icon.shang.active{ background-image:url('../img/case_shang_check.png');}
.case .case_title ul .icon.sheng{ background-image:url('../img/case_sheng.png');}
.case .case_title ul .icon.sheng.active{ background-image:url('../img/case_sheng_check.png');}
.case .case_title ul .icon.shu{ background-image:url('../img/case_shu.png');}
.case .case_title ul .icon.shu.active{ background-image:url('../img/case_shu_check.png');}
.case .case_title ul .icon.jiu{ background-image:url('../img/case_jiu.png');}
.case .case_title ul .icon.jiu.active{ background-image:url('../img/case_jiu_check.png');}
.case .case_title ul .icon.bian{ background-image:url('../img/case_bian.png');}
.case .case_title ul .icon.bian.active{ background-image:url('../img/case_bian_check.png');}
.case .case_title ul .icon.mei{ background-image:url('../img/case_mei.png');}
.case .case_title ul .icon.mei.active{ background-image:url('../img/case_mei_check.png');}
.case .case_title ul .icon.qita{ background-image:url('../img/case_qita.png');}
.case .case_title ul .icon.qita.active{ background-image:url('../img/case_qita_check.png');}
.case .case_content{ max-width:1200px; min-height:400px; padding:50px 15px; margin:0 auto;}
.case .case_content .box{ float:left; width:22%; margin-left:4%; margin-bottom:50px; border-radius:15px; overflow:hidden; position:relative; box-shadow:2px 2px 7px rgba(0,0,0,.08); cursor:pointer;}
.case .case_content .box .img{ width:100%; height:0; padding-top:90%; background: top no-repeat;background-size: 100%; position:relative; overflow: hidden;}
.case .case_content .box .img:before{ content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.3); opacity:0; transition:all .5s;}
.case .case_content .box .name{ width:100%; line-height:60px; padding:0 5%; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case .case_content .box .code{ width:50%; text-align:center; position:absolute; top:-100%; left:25%; margin-top:calc(-25% - 30px); z-index:1; background-color:#fff; transition:all .5s;}
.case .case_content .box .code img{ width:100%; background-color:#ddd;}
.case .case_content .box:hover .code{ top:50%;}
.case .case_content .box:hover .img:before{ opacity:1;}

@media screen and (min-width:1200px){
	.case .case_content .box:nth-child(4n-3){ margin-left:0;}
}
@media screen and (max-width:768px){
	.case .case_title ul{ padding:15px 0 0;}
	.case .case_title ul li{ float:left; width:25%; margin:0 0 20px 0; font-size:12px;}
	.case .case_content{ padding:20px 15px;}
	.case .case_content .box{ width:48%; margin-left:4%; margin-bottom:20px;}
	.case .case_content .box:nth-child(2n-1){ margin-left:0;}
}