*{margin:0;padding:0;font-family:"microsoft yahei"}
img{border:none}
a{text-decoration:none}
ol,ul{list-style:none}
div{display:block}
.w1200{width:88%;margin:0 auto;position:relative}
.mr40{margin-right:40px}
.pa{position:absolute}
.pl20{padding-left:20px}
.h30{width:100%;height:30px;overflow:hidden}
.h30:after{content:"";width:0;height:0;display:block;clear:both}
.nav{position:absolute;width:100%;height:80px;z-index:1000;left:0;top:0;border-bottom:solid 1px rgba(255,255,255,0.6)}
.nav #menu_hover_bg{width:100%;height:0;background:#fff;position:absolute;top:79px;z-index:9;overflow:hidden}
.nav .logo{float:left;width:280px;height:80px}
.nav .logo .mod-header-logo{display:block;width:188px;height:58px;margin-top:10px;background-image:url(../image/logo.png)}
.nav .menu{float:left}
.nav .menu ul li{float:left}
.nav .menu ul li h2{font-weight:normal;font-size:14px;line-height:1.2;position:relative}
.nav .menu ul>li.intro>h2:before{content:"";position:absolute;width:50px;height:2px;background-color:#ff9c01;left:50%;margin-left:-25px;bottom:25px}
.nav .menu ul>li>h2>img{right:-40px;top:31px}
.nav .menu ul li h2 a{padding:0 17px;line-height:80px;display:block;height:80px;color:#fff;font-size:16px}
.nav .menu ul li.navColumn{position:relative}
.nav .menu ul li.navColumn:hover .column{display:block;transition:max-height 0.3s ease-in;transform-origin:50% 0;animation:slide-down 0.3s ease-in;-webkit-animation:slide-down 0.3s ease-in}
.nav .menu ul li .column{width:140%;position:absolute;left:-20%;top:79px;background:#FFFFFF;padding:8px 0;display:none;z-index:1001}
.nav .menu ul li .column a{display:block;height:44px;line-height:44px;font-size:14px;color:#666666;text-align:center}
.nav .menu ul li .column a:hover{background:#F2F2F2}
@keyframes slide-down{0%{transform:scale(1,0)}
100%{transform:scale(1,1)}
}@-webkit-keyframes slide-down{0%{-webkit-transform:scale(1,0)}
100%{-webkit-transform:scale(1,1)}
}.nav .menu ul li .sub_menu{width:1200px;height:0px;position:absolute;z-index:999;left:10%;top:77px;overflow:hidden}
.nav .menu ul li .sub_menu .sub_menu_list{float:left;position:relative}
.nav .menu ul li .sub_menu .sub_menu_list>h3{color:#666;font-weight:normal;padding-bottom:30px;font-size:16px;line-height:1.2}
.nav .menu ul li .sub_menu .sub_menu_list:nth-child(1) .list:before,.nav .menu ul li .sub_menu .sub_menu_list:nth-child(2) .list:before{content:"";width:1px;height:500px;background:#f2f2f2;right:0;top:30px;position:absolute}
.nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(1) .list:before{height:220px}
.nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(2) .list:before{display:none}
.nav .menu ul li .sub_menu .sub_menu_list .list a{float:left;display:block;width:259px;height:53px;padding:13px 0 0 15px;margin-right:20px;margin-bottom:20px;color:#515151}
.nav .menu ul li .sub_menu .sub_menu_list .list a:hover{background:#f2f2f2}
.nav .menu ul li .sub_menu .sub_menu_list .list a .icon{float:left;width:30px;height:50px}
.nav .menu ul li .sub_menu .sub_menu_list .list a .info{float:left;width:220px;height:50px}
.nav .menu ul li .sub_menu .sub_menu_list .list a .info h3{font-weight:normal;color:#303030;font-size:14px;line-height:1.2;position:relative}
.nav .menu ul li .sub_menu .sub_menu_list .list a .info h3 span{position:absolute;top:-5px;display:block;width:25px;height:12px;left:75px;font-size:12px;line-height:1.2}
.nav .menu ul li .sub_menu .sub_menu_list .list a .info p{padding-top:5px;font-size:12px;line-height:1.2;color:#989898}
.nav .menu ul li .sub_menu .sub_menu_list .list.sol_list a{float:left;width:274px;height:75px;padding:15px 0 0 20px;display:block;margin:0 20px 20px 0}
.nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(2) .list.sol_list a{display:block;width:220px;height:40px;line-height:40px;padding:0;margin:0;margin-bottom:20px;text-indent:20px;color:#303030}
.nav .menu ul li .sub_menu .sub_menu_list .list.sol_list .icon{height:70px;padding-top:5px}
#men_fuwu .sub_menu>.w1200 h3,#men_hd .sub_menu>.w1200 h3{padding-bottom:30px;padding-top:30px;font-size:16px;line-height:1.2;color:#666;font-weight:normal}
#men_fuwu .sub_menu .sub_menu_list .category,#men_hd .sub_menu .sub_menu_list .category{float:left;width:257px;height:220px;border-right:1px solid #f2f2f2}
#men_fuwu .sub_menu .sub_menu_list .category li,#men_hd .sub_menu .sub_menu_list .category li{float:left;width:257px;height:40px;line-height:40px;text-indent:20px;margin-bottom:12px;padding:0;cursor:pointer;font-size:14px;color:#303030;background:url(../image/sj.png) no-repeat 230px center}
#men_fuwu .sub_menu .sub_menu_list .category li.active,#men_hd .sub_menu .sub_menu_list .category li.active{background-color:#f2f2f2}
#men_fuwu .sub_menu .sub_menu_list .content,#men_hd .sub_menu .sub_menu_list .content{float:left;width:942px;padding:0 !important}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list,#men_hd .sub_menu .sub_menu_list .content .cont_list{float:left;width:942px;height:220px;display:none}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a,#men_hd .sub_menu .sub_menu_list .content .cont_list a{float:left;width:274px;height:72px;padding:18px 0 0 20px;margin:0 0 20px 20px}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a:hover,#men_hd .sub_menu .sub_menu_list .content .cont_list a:hover{background:#f2f2f2}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .icon,#men_hd .sub_menu .sub_menu_list .content .cont_list a .icon{float:left;width:30px;height:70px;padding-top:5px}
#men_hd .sub_menu .sub_menu_list .content .cont_list a .icon img{width:24px}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info,#men_hd .sub_menu .sub_menu_list .content .cont_list a .info{float:left;width:220px;height:70px}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info h3,#men_hd .sub_menu .sub_menu_list .content .cont_list a .info h3{font-weight:normal;color:#303030;font-size:14px;line-height:1.2}
#men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info p,#men_hd .sub_menu .sub_menu_list .content .cont_list a .info p{color:#989898;padding-top:5px;font-size:12px;line-height:1.1}
.nav .login{padding-top:25px;float:right;display:flex;justify-content:flex-end;align-items:flex-start}
.nav .login .platform{background:url(../image/home_phone.png) no-repeat left center;color:#fff;padding:0 0 0 25px;border-radius:3px;line-height:1.2;display:inline-block;transition:all .3s ease;vertical-align:middle;font-size:22px;margin-right:22px}
.nav .login .scanBox{height:60px;padding:0 14px;position:relative}
.nav .login .scan{display:block;width:24px;height:24px;margin-top:4px;background:url(../image/scan.png) no-repeat;background-size:100% 100%}
.nav .login .code{width:160px;height:160px;background-image:url(../image/code.jpg);background-size:100% 100%;position:absolute;left:-50px;top:40px;display:none}
.nav .login .scanBox:hover .code{display:block;transition:max-height 0.3s ease-in;transform-origin:50% 0;animation:slide-down 0.3s ease-in;-webkit-animation:slide-down 0.3s ease-in}
.platformBox{position:relative}
.platformBox:hover .platformList{display:block;transition:max-height 0.3s ease-in;transform-origin:50% 0;animation:slide-down 0.3s ease-in;-webkit-animation:slide-down 0.3s ease-in}
.platformList{width:140%;position:absolute;right:0;top:44px;background:#FFFFFF;padding:8px 0;display:none;z-index:1001}
.platformList a{display:block;height:44px;line-height:44px;font-size:14px;color:#666666;text-align:center}
.platformList a:hover{background:#F2F2F2}

@media only screen and (max-width: 1680px){

}
@media only screen and (max-width: 1366px){

}
@media only screen and (max-width: 1340px){


}
@media only screen and (max-width: 1025px){
    .wNav{ width:96% !important; margin: 0 auto; overflow: hidden; padding:0 2% !important}
    .nav .logo{ width:20%}
    .nav .logo img{ max-width:100%}
    .nav .menu ul li h2 a{padding:0;}
    .w-sm .weblg{ width:90%; padding:0; margin:0 auto; max-width:90%;}

}

























