/*--------------------Reset-----------------*/ /** reset **/ 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, img{border:medium none;margin: 0;padding: 0;outline:none;border:none;} body,button, input, select, textarea{font: 14px/1.5 "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;} h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;} em{font-style:normal;} ul, ol{list-style: none;} a{ text-decoration: none;color:#333; text-decoration: none; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } a:hover{ text-decoration: none; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } /*火狐去掉按钮、连接的虚线*/ a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} input,button,select,textarea{outline:none;-webkit-appearance:none;} textarea{resize:none;} a { text-decoration: none; color: #333; } a{blr:expression(this.onFocus=this.blur());} a:focus{outline:none;} a.hidefocus{outline:none} .button{ border-radius: 0; } input{font-family: "微软雅黑";} textarea{font-family: "微软雅黑";} img{border:0px; outline-width:0px; vertical-align:top;} .cleafix:after{clear:both;content:"\200B";display:block;height:0;} .cleafix{*zoom:1;} .fl { float:left;} .fr { float:right;} .wrap{max-width:1400px;margin:auto;} .wrap-sj{margin: 0 15px; overflow: hidden;} .gray{color:#8a8989;} .white_B{background-color:#FFF;} a:hover{color:#b40202;} img{max-width: 100%;height: auto;overflow: hidden;max-height:100%;} body{margin: 0px auto;max-width:1920px;overflow-x: hidden;} .trans{transition:all .5s} .lin1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .line2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .line3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} body{margin: 0px auto;max-width:1920px;overflow-x: hidden;} .img-responsive{display: block;max-width: 100%; height: auto;width:100%;} .container{margin: 0 auto;max-width: 1560px;} .container1{margin: 0 auto;max-width: 1242px;} /*头部*/ .head{background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));padding:34px 0px;position:fixed;width:100%;z-index:5;*z-index:5;_z-index:5;} .head.header-scrolled{background:#ae0000;height:70px;opacity:0.9;z-index:99;} .head-fl a{display:block;background: url(../images/logo_03.png) no-repeat;height:55px;width:auto;background-size: contain;} .header-scrolled .head-fl a{background: url(../images/logo-w.png) no-repeat;background-size: contain;} .head-fl{width:22%;} /*导航*/ /*.container{background-color:red;}*/ .mainnav{padding-top: 39px;} #nav li{float:left;font-size: 18px;position: relative;line-height: 46px;} #nav li a{color: #fff; display: block;padding: 0 18px;} #nav>li>a:hover,#nav>li>a.hover{color: #fff;background: #b61a1a;line-height: 46px;} #nav li ul{background: #b61a1a;position: absolute;top: 46px;width: 220px;z-index: 2;padding: 5px 0;display: none;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);} #nav li ul.last{right:0;} #nav li ul li{float: none;display: block; padding: 0;margin: 0;} #nav li ul li a{line-height: 44px;font-size: 16px;color: #fff;padding: 0 0 0 25px;} #nav li ul li a:hover{color:#333;} #nav li ul li a:hover{background-color:#eee;} /*手机黑背景*/ .masklayer { background: rgba(0, 0, 0, 0.9);left: 0;top: 0;width: 100%;height: 100%; position: fixed;z-index: 999;display: none;} /*头部上面连接*/ .head-fr{position:relative;} .subnav ul{float:right;position: absolute;top:9px;right:22px;} .subnav ul li{float: left;font-size: 14px;color: #fff;} .subnav ul li a{color: #fff;display: inline-block;padding-left: 25px;} .subnav ul li.search{padding-left:22px;font-size: 16px;cursor: pointer;position: relative;} .subnav ul li.search .motion_1{border: 1px solid rgba(255, 255, 255, 0.3);background: rgba(255, 255, 255, 0.1);height: 28px;line-height: 28px; color: #fff;border-radius: 14px;margin-top: -20px;width: 0px;text-indent: 10px;opacity: 0;display:none;} .subnav ul li.search .submit{width:23px;height:24px;background:url(../images/search_03.png);} /*尾部*/ .foot{background:url(../images/foot-bj_02.jpg) #0f1e30;padding:70px 0px 60px;border-top:12px solid #be0000;margin-top:100px;} .foot .foot-logo{width:auto;} .foot-fl,.foot .fr{display:inline-block;} .link{margin-top:50px;color:#fff;} .link a{color:#fff;position:relative;} .link span,.copy span{display:inline-block;padding:0 5px;} .copy{color:#a7a7a7;margin-top:20px;} .copy a,.copy a:hover{color:#a7a7a7;} .copy span{padding:0 10px;} .copy strong{font-weight:normal;} .foot ul li{margin-left:38px;cursor:pointer;display:inline-block;} .foot ul li p{text-align:center;line-height:40px;color:#fff;} /*返回顶部*/ #return-top{position:fixed;bottom:22%;right:8%; width:29px;height:35px;text-align:center; display:none;background:#be0000;z-index:55;padding:10px;} /*#return-top img{margin-top:15px;}*/ #return-top p{line-height:40px;color:#8fb6e8;font-size:12px;} .navshow{overflow:hidden;} /*升级浏览器代码*/ #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999999999;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} .foot .info{text-align:center;margin-top:20px;color: rgb(72 80 90);} .foot .info a{color:#fff;} .foot .info span{margin: 0 20px;color: #fff;font-size: 14px;}