/*初始化*/ @font-face { font-family: HELVETICANEUELTPRO-THEX; src: url(HELVETICANEUELTPRO-THEX.OTF) } body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select{margin:0;padding:0;} body,button,input,select,textarea{font-size:12px; color:#555;font-family:"PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";*font-family:"SimHei";} h1,h2,h3,h4,h5,h6{font-size:100%;} address,cite,dfn,em,var{font-style:normal;} code,kbd,pre,samp{font-family:courier new,courier,monospace;} input,button,select,textarea{outline:none;} textarea{resize:none;} ul,ol{list-style:none;} a{text-decoration:none;color:#555;cursor: pointer;} a:hover{text-decoration:none; color:#e12432;outline:none;hide-focus:expression(this.hideFocus=true);} sup{vertical-align:text-top; vertical-align:super}sub{vertical-align:text-bottom;} fieldset,img{border:0;} button,input,select,textarea{font-size:100%;} table{border-collapse:collapse;border-spacing:0;} .clear_float:after{display:block;visibility:hidden;height:0;clear:both;content:"";}.clear_float{display:inline-block;}/*asdfasdf\*/ * html .clear_float{zoom:1;}.clear_float{display:block;}.clear_float{ clear:both;} .red{color:#ea544a;}.green{color:#40bc90;} .en,.arial{font-family:Arial, Helvetica, sans-serif;}.fr{float:right;}.mr30{margin-right:30px;}.h18{height:18px; line-height:18px; overflow:hidden; width:100%;}.w368{width:380px; height:24px; line-height:24px;} .w1180{width:1180px;margin:0 auto; display:block;}.wrap{margin:0 auto;} *{-webkit-user-select:auto;outline:none;} .dialog,.proDialog{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:99;} .dialog .tipMain{ width:480px; padding:50px 30px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-240px; margin-top:-115px; border-radius: 5px; color:#000; text-align:center;} .dialog .tipMain h3{ font-size:18px; margin-bottom:20px;} .dialog .tipMain p{ font-size:13px; line-height:24px;} .dialog .tipMain .btn{ padding-top:20px;} .dialog .tipMain .btn span{ width:120px; height:36px; line-height:36px; background:#000; text-align:center; color:#fff; display:inline-block; border-radius: 5px; cursor:pointer;} .hidden{ overflow:hidden;} /*滚动条*/ ::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-track{border-radius: 0px; background:rgba(255,255,255,0);} ::-webkit-scrollbar-thumb{border-radius:5px; background:#999;} ::-webkit-scrollbar-thumb:hover{border-radius:5px; background:#999;} /*css3*/ a,a:hover, .headMain .right .buy .info,.headMain .right .buy .info:hover, .headMain .right .share .shareIcon .icon,.headMain .right .share .shareIcon .icon:hover, .footInner .b1 .lianxi,.footInner .b1 .lianxi:hover, .buyIcon i,.buyIcon:hover i, .headMain,.headMain:hover{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;} .headMain,.headMain:hover, .madeIcon i,.madeIcon:hover i{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;} /*公共头部*/ .headMain{ width:100%; height:75px; background:rgba(255,255,255,0); position:relative; z-index:99;box-shadow: 3px 3px 5px rgb(0,0,0,0.0); position:absolute;} .headMain:hover1{background:rgba(255,255,255,0);} .headMain .logo{ margin:28px 0 20px 0; display:inline-block; float:left; margin-right:40px;} .headMain .menu{ padding-left:35px; float:left;} .headMain .menu .nav{ float:left;} .headMain .menu li{ float:left; position:relative;} .headMain .menu li a,.madeIcon{ margin:0 25px; padding:0; font-size:14px; color:#333; height:75px; line-height:75px; display:inline-block;} .headMain .menu li a:hover,.headMain .menu li.current>a{ color:#ad0003;} .headMain .menu li .navBox{ position:absolute; left:0; top:75px; background:#fff; width:100%; height:58px; line-height:58px; border-top:1px solid rgba(0,0,0,0.05); display:none; overflow:hidden;box-shadow: 3px 3px 8px rgb(0,0,0,0.05);} .headMain .menu li .navBox span a{height:58px; line-height:58px; display:inline-block; } .headMain .menu li .navBox span{position:relative; margin-left:-230px;margin-left:-48px;} .headMain .menu li.navService .navBox span{ margin-left:-180px;} .headMain .menu li.navNew .navBox span{ margin-left:-70px;} .headMain .menu li.navAbout .navBox span{ margin-left:-130px;} .headMain .menu li.navBuy .navBox span{ margin-left:-130px;} .headMain .menu li .navBox span a.animated{-webkit-animation-duration: 0.6s; animation-duration: 0.6s;} .headMain .menu li:hover>a{color:#ad0003;} .headMain .right{ float:right; overflow:hidden; } .headMain .right .buy{float:right; position:relative;} .headMain .right .share{float:right; padding:21px 18px 21px 0;} .headMain .right .share .shareIcon{ float:left; position:relative;} .headMain .right .share .shareIcon .ma{ position:absolute; left:-25px; top:44px; background:#fff; padding:4px 6px; border-radius: 0 0 5px 5px; display:none;box-shadow: 3px 3px 8px rgb(0,0,0,0.05);} .headMain .right .share .dy .ma{ left:-49px;} .headMain .right .share .shareIcon .icon{ background:url(../img/global/shu.png) no-repeat center center; width:27px; height:23px; display:inline-block; text-indent:-9999px; padding:0 15px; cursor:pointer; opacity:0.75;} .headMain .right .share .shareIcon .icon:hover{opacity:1;} .headMain .right .share .shareIcon .shu{ background:url(../img/global/shu.png) no-repeat center center; width:55px; } .headMain .right .share .shareIcon .weibo{ background:url(../img/global/sina.png) no-repeat center center;} .headMain .right .share .shareIcon .weixin{ background:url(../img/global/wechat.png) no-repeat center center; } .headMain .right .share .shareIcon .douyin{ background:url(../img/global/douyin.png) no-repeat center center; } .headMain .right .buy .info{ width:215px; height:65px; line-height:65px; color:#fff; font-size:14px; text-align:center; background:#3c3c3c; cursor:pointer; margin-left:18px; } .headMain .right .buy .info i{ background:url(../img/global/buy.png) no-repeat center center; width:15px; height:15px; display:inline-block; margin-right:6px; position:relative; top:2px;} .headMain .right .buy:hover .info{ background:#333333;} .shopBox{ position:absolute; right:0; top:75px; width:215px; background:#fff; color:#333; display:none;border-radius: 0 0 5px 5px; } .shopBox ul{ border-top:1px solid rgba(255,255,255,0.1); padding:0 0 12px 0;} .shopBox ul li{ text-align:center; } .shopBox ul li a{ height:58px; line-height:58px; color:#333; font-size:14px; display:inline-block; width:100%;} .shopBox ul li a:hover{ background:#f8f8f8;} .buyIcon i{ background: url(../img/global/buy0.png) no-repeat left center; width:13px; height:13px; display:inline-block; margin-right:4px; position:relative; top:1px;} .buyIcon:hover i{background: url(../img/global/buy1.png) no-repeat left center;} .madeIcon{ float:right; margin-left:12px; margin-right:35px;} .madeIcon i{ background: url(../img/global/made.png) no-repeat left center; width:13px; height:13px; display:inline-block; margin-right:4px; position:relative; top:1px;} .madeIcon:hover i{ background: url(../img/global/made1.png) no-repeat left center; width:13px; height:13px; display:inline-block; margin-right:4px; position:relative; top:1px;} .searchIcon{ width:50px; height:75px; line-height:75px; display:inline-block; background:url(../img/global/search.png) no-repeat center center; background-size:14px; cursor:pointer;} .headMain .menu li a{ position:relative;} .headMain .menu li u{ position:absolute; left:0; bottom:24px; width:100%; *width:90%; height:2px; line-height:2px; overflow:hidden; background:#ad0003; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); transform: translateY(3px);opacity: 0;filter:alpha(opacity=0);} .headMain .menu li.current u1{opacity:1;filter:alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);} .headMain .menu li u{ opacity: 0; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); transform: translateY(3px); -webkit-transition: -webkit-transform 0.5s ease, opacity 0.15s ease; -moz-transition: -moz-transform 0.5s ease, opacity 0.15s ease; transition: transform 0.5s ease, opacity 0.15s ease; } .headMain .menu li:hover u{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .headMain2{ background:#fff;} .headMain2:hover{ background:#fff;} .searchBox{ position:absolute; left:0; top:0; width:100%; height:100%; display:none;} .searchBox .searchinner{ padding-left:305px; padding-right:30px; height:100%;} .searchBox .innerBox{ width:100%; height:100%;} .searchBox .innerBox .input{ width:90%; height:75px; line-height:75px; border:0; font-size:14px; color:#000; padding-left:24px; background:url(../img/global/search.png) no-repeat left center;background-size:14px;} .searchBox .searchClose{ position:absolute; right:35px; height:75px; width:75px; background:url(../img/global/close.png) no-repeat center center; cursor:pointer; top:0;} /*公共底部*/ .footMain{ background:#fff; padding-top:25px;position:relative; z-index:69;} .footInner{ padding:0 35px 0 320px;} .footInner .b1{ width:285px; float:left; margin-left:-285px;} .footInner .b1 .info{ padding-right:60px; color:#999; line-height:21px;} .footInner .b1 .lianxi{ background:#0a0a0a; height:32px; line-height:32px; padding:0 48px; color:rgba(255,255,255,0.95); font-size:12px; display:inline-block; margin:12px 0 12px 0;} .footInner .b1 .lianxi:hover{background:#ad0003;} .footInner .footnav{ width:15%; float:left; padding-left:1.66%} .footInner .box h2{ height:40px; line-height:40px; font-size:13px; color:#888; border-bottom:1px solid rgba(0,0,0,0.05); margin-bottom:12px; padding-bottom:6px; text-indent:15px;} .footInner .b1 h2{text-indent:0px;} .footInner .box li a{ height:32px; line-height:32px; color:#999; display:inline-block; padding-left:15px;} .footInner .box li a:hover{color:#ad0003;} .footInner .b2 li a{ height:26px; line-height:26px;} .footBox{border-top:1px solid rgba(0,0,0,0.05); line-height:36px; height:36px; color:#999; margin:0 35px; margin-top:20px; padding:4px 0;} .footBox .footmenu{ float:right;} .footBox u{ text-decoration:none; margin:0 8px; font-size:10px; opacity:0.5;} .footBox a{ color:#999;} .footBox a:hover{color:#ad0003;} .copyright{ background:url(../img/global/logo2.png) no-repeat left center; padding-left:135px;} .footnav li{ position:relative;} .footnav li .ma{position:absolute; left:-132px; top:0px; background:#fff; padding:6px 4px 2px 4px; border:1px solid rgba(0,0,0,0.1); display:none;} .footnav li .m2{top:-25px;} .footnav li .m3{top:-50px;} .footnav li .m4{top:-75px;} .footnav li:hover .ma{ display:block;} /*分页*/ .fenye{ text-align: center; padding-bottom:80px; display:block; overflow:hidden;} .fenye a{ padding:6px 10px; color:#999; display:inline-block; border:1px solid #e3e3e3;border-radius:3px; margin:0 3px;} .fenye a:hover{ color:#000; background:#f1f1f1; border-color:#f1f1f1;} .fenye a.on{ font-weight:bold; background:#ad0003; border-color:#ad0003; color:#fff;} .w1360 .headMain .menu li a{padding: 0 3px;} .w1360 .headMain .logo{ margin-right:20px;}