@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(/templets/default/images/himall/scym/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 .xin{background: url(../../images/himall/index/xin.jpg) no-repeat right;}
.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 .nav-r{float: right;margin-top: 20px;}
.nav_m .nav-r a{display:inline-block;width:110px;text-align:center;line-height:32px;color:#484848;font-size:16px;border:2px solid #f8490a;border-radius:18px;}


.floor_1 ul li{width: 278px;height: 118px;border:1px solid #d7d7d7;border-radius: 5px;float: left;margin: 44px 0 44px 20px;}
.floor_1 ul li:first-child{margin-left: 0;}
.floor_1 ul li img{display: block;float: left;margin: 20px 20px 0 40px;}
.floor_1 ul li .fl span{font-size: 30px;display: block;color:#ec1414;padding-top: 24px;padding-bottom: 4px;}
.floor_1 ul li .fl p{font-size: 16px;color:#191919}

.title_1{font-size: 38px;text-align: center;color:#373737;padding-top: 76px;}
.title_1 em{color:#f61c1c;font-size: 38px;}

.floor_2{height: auto;overflow: hidden;background: #f6f6f6;padding-bottom: 60px;}
.floor_2 ul{height: 475px;margin-top: 40px;}
.floor_2 ul li{float: left;width: 348px;height: 405px;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);margin-left: 56px;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;margin-top: 28px;overflow: hidden;border:1px solid #fff;}
.floor_2 ul li.on{height: 469px;border:1px solid #ee4b4b;margin-top: 0;width: 366px;}
.floor_2 ul li:first-child{margin-left: 0;}
.floor_2 ul li span{display: block;height: 153px;background: url(/templets/default/images/himall/scym/logo_1.png) 18px 18px no-repeat;}
.floor_2 ul li.on span{background: url(/templets/default/images/himall/scym/logo_1_1.png) 18px 18px no-repeat #fd5d3e;}
.floor_2 ul li:nth-child(2) span{background: url(/templets/default/images/himall/scym/logo_2_1.png) 18px 18px no-repeat;}
.floor_2 ul li:nth-child(2).on span{background: url(/templets/default/images/himall/scym/logo_2_2.png) 18px 18px no-repeat #fd5d3e;}
.floor_2 ul li:nth-child(3) span{background: url(/templets/default/images/himall/scym/logo_3_1.png) 18px 18px no-repeat;}
.floor_2 ul li:nth-child(3).on span{background: url(/templets/default/images/himall/scym/logo_3_2.png) 18px 18px no-repeat #fd5d3e;}
.floor_2 ul li span strong{display: block;font-size: 40px;color:#fb3323;padding-top: 65px;text-align: center;}
.floor_2 ul li.on span strong{color:#fff;}
.floor_2 ul li span strong b{display: block;font-size: 16px;color:#424242;margin-top: 5px;}
.floor_2 ul li.on span strong b{color:#fff;}
.floor_2 ul li em{display: block;font-size: 16px;color:#4b4b4b;padding-top: 20px;line-height: 24px;width: 290px;margin-left: 43px;height: 93px;}
.floor_2 ul li i{display: block;width: 68px;height: 23px;background: #ff1919;text-align: center;line-height: 23px;color:#fff;margin-left: 43px;margin-bottom: 15px;font-weight: bold;}
.floor_2 ul li.on i{width: 78px;height: 27px;font-size: 16px;}
.floor_2 ul li p{color:#4b4b4b;margin-left: 43px;margin-bottom: 6px;font-size: 14px;}
.floor_2 ul li.on p{font-size: 16px;}
.floor_2 ul li p:before{content: '';display: block;width: 4px;height: 4px;background: #5d5d5d;border-radius: 50%;margin-right: 5px;float: left;margin-top: 9px;}
.floor_2 ul li .a{text-align: center;}
.floor_2 ul li a{display: block;width: 110px;height: 38px;background: #e60012;text-align: center;line-height: 38px;color:#fff;font-size: 16px;margin: 20px auto 0;border-radius: 8px;display: none;}
.floor_2 ul li.on a{display: inline-block;}
.floor_2 ul li a:last-child{width: 108px;height: 36px;border: 1px solid #e60012;color: #e60012;line-height: 36px;margin-left: 10px;background: none;}

.floor_3 ul{margin-top: 47px;margin-bottom: 20px;}
.floor_3 ul li{float: left;width: 360px;height: 185px;background: #f4f4f4;border-radius: 8px;margin-left: 50px;margin-bottom: 25px;position: relative;}
.floor_3 ul li:first-child,.floor_3 ul li:nth-child(4),.floor_3 ul li:nth-child(7){margin-left: 0;}
.floor_3 ul li img{display: block;margin: 26px auto 16px;}
.floor_3 ul li p{font-size: 24px;text-align: center;color:#2d2d2d;}
.floor_3 ul li div{position: absolute;top: 0;left: 0;width: 100%;background: #e60012;height: 100%;border-radius: 8px;display: none;}
.floor_3 ul li:hover div{display: block;}
.floor_3 ul li div em{display: block;font-size: 24px;color:#fff;padding-top: 40px;margin-left: 40px;margin-bottom: 12px;}
.floor_3 ul li div span{font-size: 16px;color:#fff;display: block;width: 283px;line-height: 24px;margin-left: 40px;}

a.btn_himall{display: block;width: 280px;height: 60px;background: #e60012;text-align: center;font-size: 24px;color:#fff;border-radius: 8px;margin: 0 auto;line-height: 60px;box-shadow: 0 0 20px 0 rgba(230,0,18,.2);}

.floor_4{height: 607px;background: url(/templets/default/images/himall/scym/fl4_bg.jpg) center center no-repeat;margin-top: 80px;}
.floor_4 .title_1{color:#fff;}
.floor_4 ul li{width: 280px;height: 240px;background: #fff;border-radius: 8px;float: left;margin: 50px 0 47px 20px;}
.floor_4 ul li:first-child{margin-left: 0;}
.floor_4 ul li img{display: block;margin: 28px auto 18px;}
.floor_4 ul li span{display: block;font-size: 22px;color:#1b1b1b;text-align: center;margin-bottom: 14px;}
.floor_4 ul li p{color:#777;width: 217px;line-height: 22px;margin: 0 auto;}

.floor_5 img{display: block;margin:54px auto 0;}

.floor_6{height: auto;overflow: hidden;background: #f6f6f6;padding-bottom: 80px;margin-top: 60px;}
.floor_6 ul{margin-top: 50px;margin-bottom: 30px;}
.floor_6 ul li{float: left;margin-left: 20px;text-align: center;margin-bottom: 32px;}
.floor_6 ul li:first-child,.floor_6 ul li:nth-child(5){margin-left: 0;}
.floor_6 ul li span{display: block;width: 280px;height: 150x;background: #fff;border-radius: 8px;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);}
.floor_6 ul li em{display: block;font-size: 24px;color:#484848;padding-top: 21px;padding-bottom: 12px;}
.floor_6 ul li p{font-size: 16px;color:#888;}