@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-family:"Microsoft YaHei","微软雅黑";}
body{position: relative;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.w1180{width: 1180px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.banner{height: 430px;background: url(../../images/cooperation/himall/banner.jpg) center top no-repeat;}
.banner a{display: block;height: 430px;}

.nav_m{height: 64px; background-color: #f5f5f5; width:100%;z-index:4;}
.nav_m .nav-l{margin-top: 22px;display: inline-block;}
.nav_m .nav-l li{ float:left;width:120px;height:42px;margin-right:15px;line-height:42px;text-align:center;color: #000; }
.nav_m .nav-l li a{display: block; color:#000; background: #fff;font-size:18px;}
.nav_m .nav-l li.current a{color:#fff; background: #CC3333;}
.nav_m .nav-l li a:hover,.nav_m .nav-r a:hover{color: #fff; background: #CC3333;}
.nav_m .left{float: left;}
.nav_m .right a{display: block;color:#fff;background-color:#cc66ff;height:30px;line-height:30px;text-align:center;width:100px;float:right;margin-right:20px;border-radius:10px;margin-top:20px;}
.nav_m .right a:first-child{background-color:#6666ff;}
.nav_m .right a:hover{color:#cc66ff;background-color:#fff;border: 1px solid #cc66ff;}

.title_1 span{display: block;font-size: 38px;color:#333;background: url(../../images/cooperation/himall/tit_1.png) center 116px no-repeat;text-align: center;padding-top: 97px;padding-bottom: 22px;}
.title_1 p{text-align: center;font-size: 18px;color:#666;}
.title_1 p strong{font-size: 18px;color:#f23e33}

.floor_1 ul{margin-top: 46px;}
.floor_1 ul li{width: 378px;height: 278px;border:1px solid #e6e6e6;border-radius: 10px;float: left;margin-left: 20px;margin-bottom: 20px;}
.floor_1 ul li:first-child,.floor_1 ul li:nth-child(4){margin-left: 0;}
.floor_1 ul li strong{display: block;font-size: 24px;color:#333;padding-top: 27px;padding-bottom: 22px;text-align: center;}
.floor_1 ul li em{width: 140px;height: 30px;background: #f34035;text-align: center;line-height: 30px;color:#fff;font-size: 18px;border-radius: 30px;margin: 0 auto 26px;display: block;}
.floor_1 ul li p{width: 314px;margin: 0 auto;color:#808080;line-height: 24px;}

.floor_2{height: 780px;background: url(../../images/cooperation/himall/fl2_1.jpg) center center no-repeat;margin-top: 74px;}
.floor_2 .title_1 span{background: url(../../images/cooperation/himall/tit_2.png) center 68px no-repeat;color:#fff;padding-top: 48px;}
.floor_2 .title_1 p{color:#fff;}
.floor_2 ul{margin-top: 45px;margin-bottom: 40px;}
.floor_2 ul li{width: 380px;height: 200px;background: #fff;border-radius: 10px;float: left;margin-left: 20px;margin-bottom: 20px;}
.floor_2 ul li:first-child,.floor_2 ul li:nth-child(4){margin-left: 0;}
.floor_2 ul li img{margin: 30px 32px 0 34px;float: left;}
.floor_2 ul li .fl span{display: block;font-size: 24px;color:#333;padding:36px 0 16px 0;}
.floor_2 ul li .fl p{width: 240px;color:#808080;line-height: 24px;}

.btn_himall{display: block;width: 300px;height: 60px;font-size: 24px;color:#fff;text-align: center;line-height: 60px;border-radius: 10px;background: #f23f33;margin: 0 auto;}

.floor_3 .title_1 span{background: url(../../images/cooperation/himall/tit_3.png) center 116px no-repeat;}
.floor_3 ul{margin-top: 58px;}
.floor_3 ul li{width: 50%;float: left;margin-bottom: 108px;height: 112px;}
.floor_3 ul li img{float: left;margin: 5px 38px 0 0;}
.floor_3 ul li span{display: block;font-size: 24px;color:#333;margin-bottom: 23px;}
.floor_3 ul li p{color:#808080;line-height: 20px;width: 390px;}

.floor_4{height: auto;overflow: hidden;background: #f5f5f5;padding-bottom: 50px;}
.floor_4 span{display: block;font-size: 38px;color:#464646;padding-top: 58px;text-align: center;}
.floor_4 img{display: block;margin: 46px auto;}

.floor_5{height: auto;padding-bottom: 60px;}
.floor_5 .title_1 span{background: url(../../images/cooperation/himall/tit_4.png) center 116px no-repeat;}
.floor_5 .w1200{width: 1200px;margin: 0 auto;}
.floor_5 ul li{float: left;width: 370px;height: 400px;border:1px solid #e8e8e8;border-radius: 5px;margin-right: 40px;margin-top: 35px;}
.floor_5 ul li:last-child{margin-right: 0;}
.floor_5 ul li .tp img{display: block;margin:50px auto 0;width: 144px;height: 144px;border-radius: 50%;}
.floor_5 ul li .tp span{display: block;font-size: 16px;margin: 30px 0 12px 56px;}
.floor_5 ul li .tp span em{display: inline-block;font-size: 20px;margin-right: 20px;}
.floor_5 ul li .tp p{font-size: 16px;color:#575757;width: 280px;margin-left: 56px;line-height: 24px;margin-bottom: 23px;}
.floor_5 ul li .x_ewm{width: 216px;height: 42px;border-radius: 30px;margin: 0 auto;line-height: 42px;}
.floor_5 ul li .x_ewm a{display: block;float: left;width: 148px;height: 42px;background: #f44639;text-align: center;border-radius: 30px 0 0 30px;font-size: 18px;color:#fff;}
.floor_5 ul li .x_ewm a:hover{opacity: .7;}
.floor_5 ul li .x_ewm span{display: block;float: left;background: #ececec;width: 68px;height: 34px;border-radius: 0 30px 30px 0;text-align: center;padding-top: 8px;position: relative;}
.floor_5 ul li .x_ewm span .d_ewm{width: 154px;display: none;background: url(../../images/cooperation/himall/fl5_ewm_bg.png) center center no-repeat;position: absolute;bottom:-172px;left: -45px;padding-top: 25px;overflow: hidden;}
.floor_5 ul li .x_ewm span .d_ewm img{width: 132px;height: 132px}
.floor_5 ul li .x_ewm span:hover .d_ewm{display: block;z-index: 5;}

.article{background: #FFF;padding: 20px 0 60px;}
.article .title{font-size: 38px;color: #333333;text-align: center;}
.article .title em{display: block;width: 41px;height: 3px;background: #1B83ED;margin: 23px auto 50px;}
.article .w1180 dl{width: 515px;overflow: hidden;}
.article a:hover{text-decoration: underline;}
.article .w1180 dl dd{height: 38px;line-height: 38px;overflow: hidden;text-align: right;font-size: 15px;color: #555555;}
.article .w1180 dl dd a{font-size: 15px;color: #555555;float: left;}
.article .w1180 dl dd.more{padding-top: 12px;}
.article .w1180 dl dd.more a{float: right;font-size: 15px;color: #1B83ED;}

.xn a{position: fixed;display: block;bottom: 10%;right: 3%;width: 230px;height: 98px;background: url(../../images/vfx/channel/xn.png) center center no-repeat}