锘緻charset "utf-8"; /* CSS Document */ html{font-size: 14px;} body{margin:0px; padding:0px; font-size:14px; color:#666;} a{color:#666; text-decoration:none; outline:none;} a:active{star:expression(this.onFocus=this.blur());} img{border:0px; vertical-align:middle; max-width:100%;} a:link {text-decoration: none; outline:none;} /*a:visited{text-decoration: none; outline:none;}*/ /*a:hover{text-decoration:none; color:#36a390; outline:none;}*/ ul, p, dl, dt, dd{padding:0px; margin:0px;} li{list-style-position:outside; list-style-type:none;} h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;} h1{font-size:16px;} h5{font-size:12px;} .fl{float:left;} .fr{float:right;} .ovh{overflow: hidden;} .clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;} input, textarea{background:transparent; padding:0px; font-size:12px; color:#666; outline:none; border:0px;} em{font-style:normal;} input[type="button"],input[type="submit"],select{-webkit-appearance:none;} /*閫氱敤*/ input::-webkit-input-placeholder{color: #666;} input:-moz-placeholder{color: #666; } input::-moz-placeholder{color: #666; } input:-ms-input-placeholder{color: #666; } textarea::-webkit-input-placeholder{color: #666;} textarea:-moz-placeholder{color: #666; } textarea::-moz-placeholder{color: #666; } textarea:-ms-input-placeholder{color: #666; } input:focus {outline: none; } input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } textarea:focus {outline: none; } textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } i{font-style: normal;} .wal{width: 1200px;margin:0 auto;} .wal-1440{width: 1440px;margin:0 auto;} .pc-show{display: block!important;} .pc-hide{display: none!important;} .line1_hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .line2_hidden{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .line3_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} /*鍥剧墖鏀惧ぇ*/ .imgChangeBigger{overflow: hidden;} .imgChangeBigger img{transition: all .5s; width:100%;} .imgChangeBigger:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);} /*鎸夐挳鍔ㄧ敾--start*/ .hover-shadow {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /*鎸夐挳鍔ㄧ敾--end*/ .transition_2{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;} .transition_3{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} /*澶撮儴瀵艰埅*/ .head-div .t-1 ul{overflow: hidden;display: inline-block;vertical-align: middle;} .head-div .t-1 li{float: left;width: 68px;height: 24px;line-height: 24px;border-radius: 2px;margin-right: 10px;background: #e2e2e2;text-align: center;} .head-div .t-2{margin:0 30px 0 55px; } .head-div .t-3 span{display: inline-block;width: 84px;padding-left: 20px;height: 24px;line-height: 24px;border-radius: 2px;background: #e2e2e2 url(../images/a3.png)no-repeat 90px;} .head-div .t-3 ul{display:none;position: absolute; width: 104px;top: 30px;} .head-div .t-3 li a{display:block;line-height: 30px; text-align: center; background: #eee; font-size: 12px; cursor:pointer; border-bottom: 1px solid #ddd; } .head-div .t-3 li:last-child a{border-bottom:0;} .head-div .t-3 li:hover a{background:#c6c4c4;color:#fff; } .head-div .cont{height: 112px;line-height: 112px;background: #fff;} .head-div .list{overflow: hidden; } .head-div .list li{float: left;height: 112px; margin-right: 10px;} .head-div .list li a{font-size: 16px;color: #000;height: 55px;line-height: 55px;padding: 0 9px;display: block; margin-top: 27.5px;} .head-div .list li.sNavA a{background: url(../images/a2.png)no-repeat right; padding: 0 13px 0 9px; margin: 27.5px 15px 0; } .head-div .list li.on a{color: #e60219; border-bottom: 2px solid #e60219;background: url(../images/a2_on.png)no-repeat right; } .head-div .list li:hover a{color: #e60219; border-bottom: 2px solid #e60219;background: url(../images/a2_on.png)no-repeat right; } .head-div .list li.liNow a{color: #e60219; border-bottom: 2px solid #e60219;background: url(../images/a2_on.png)no-repeat right; } .head-div .list li:first-child.on a{background: none;} .head-div .list li:first-child:hover a{background: none;} .head-div .list li:nth-child(7){margin-right:0;} .head-div .list li:nth-child(7).on a{background: none;} .head-div .list li:nth-child(7):hover a{background: none;} .head-div .search{width: 105px; height: 30px; line-height: 30px; background: #ebebeb url(../images/a4.png) no-repeat 92%; border-radius: 20px; padding: 0 40px 0 15px; color: #818181; margin-top: 41px; margin-left: 30px; } .head-div .top {height: 35px; line-height: 35px; position: static; right: 0px; top: 0; background: #f1f1f1; } .head-div .top i{color:#e60219;} .head-div .tel{margin-right:50px;} .head-div .tel a{color: #e60219;} .head-div .tel img{margin-right: 5px;margin-top: -3px;} /*浜岀骇瀵艰埅*/ .sNav{display: none;height: 100px;background: #fafafa url(../images/a11.jpg) repeat-x;overflow: hidden;width: 100%;z-index: 9;position: absolute;top: 122px;} .sNav ul{display: table; margin: 0 auto; } .sNav li{float: left; height:100px; text-align: center; } .sNav li:last-child a{border-right: 0px; } .sNav li a{height: 50px; padding: 0 45px; margin-top: 25px; display: block; border-right: 1px solid #dedede; } .sNav li img{margin: 0 auto 5px; width:33px; height:33px;} .sNav li img.off{display: block;} .sNav li img.on{display: none; } .sNav li:hover{background:#e50015;} .sNav li:hover a{color:#fff;border-right:1px solid #e50015;} .sNav li:hover img.off{display: none; } .sNav li:hover img.on{display: block; } /*搴曢儴*/ .bottom .top{height: 320px;background: #272727;} .bottom .t-links{overflow: hidden; } .bottom .t-links li{float: left; margin-right: 55px; } .bottom .t-links li span{font-size: 16px;color: #dedede; padding:45px 0 25px; display: block; } .bottom .t-links li .span{font-size: 16px;color: #dedede; padding:40px 0 25px; display: block; } .bottom .t-links li a{line-height: 30px; display: block; } .bottom .t-links li a:hover{color: #fff; text-decoration: underline; } .bottom .txt{margin-top: 39px;width: 226px;text-align: right;} .bottom .txt span{font-size: 24px;color: #dedede;/* clear: right; */letter-spacing: 8px;} .bottom .txt span i{color: #d0050f;letter-spacing: normal;padding-right: 10px;} .bottom .txt b{display: block;width: 40px;height: 1px;background: #c9c9c9;margin: 27px 0 30px 184px;/* float: right; */} .bottom .txt p{color: #999;padding-bottom: 6px;background: url(../images/b12.png) no-repeat 26px 3px;letter-spacing: 4px;border-left: 1px solid #666;} .bottom .txt p.p1{padding-bottom:0;} .bottom .ewm{overflow: hidden;margin: 130px 30px 0 0;} .bottom .ewm p{width: 85px; margin-right: 20px; float: left; line-height: 25px; text-align: center; margin-top: 21px; } .bottom .ewm img{float: left; } .bottom .icos{overflow: hidden;margin-top: 41px;} .bottom .icos li{float: right;margin-left: 20px;} .bottom .icos li img{} .bottom .icos li img.off{display: block; } .bottom .icos li img.on{display: none; } .bottom .icos li:hover img.off{display: none; } .bottom .icos li:hover img.on{display: block; } .bottom .bot{background: #eaeaea;height: 80px;} .bottom .bot .links{overflow: hidden;line-height: 80px;margin-right: 48px;} .bottom .bot .links a{float: left;} .bottom .bot .links i{float: left;width: 1px;height: 10px;background: #999;display: inline-block;margin: 36px 18px 0;} .bottom .bot .inp{width: 169px;height: 28px;background: #fff url(../images/b14.jpg) no-repeat right;position: relative;margin-top: 28px;} .bottom .bot .inp span{display: block; line-height: 28px; padding: 0 33px 0 18px; } .bottom .bot .frd-select{display: none; position: absolute; bottom: 28px; width: 100%; background: #dedede; } .bottom .bot .frd-select li{line-height: 25px; } .bottom .bot .frd-select li a{padding: 0 33px 0 18px; line-height: 23px; font-size: 12px; display: block; } .bottom .bot .frd-select li a:hover{background: #fff; } .bottom .bot .p{line-height: 80px;} .bottom .bot .p a:hover{text-decoration: underline;color: #d0050f; } /*鎵嬫満澶撮儴*/ .m-head-div{height: 50px; line-height: 50px; background: #fff; } .m-head-div img{width: 100%;} .m-head-div .logo{width: 32%; } .m-head-div .menu{width: 8%; } .m-head-div .lang{margin-right: 7%;width: 7%;} .m-head-div .menu-closeBtn{display:none;width: 6%; padding: 0 0 0 14px;} /*鎵嬫満搴曢儴閾炬帴涓嬫媺*/ .bottom .select{width: auto;padding: 0 10px;} .bottom .navLayer {overflow-x: auto;width: 100%;overflow: hidden;position: static;z-index: 555;right: -100%;top: 45px;} .bottom .navLayer .bg{overflow-x: auto;position:relative;width:100%;} .bottom .subNav {cursor: pointer;display: block;height: 42px;line-height: 42px;position: relative;font-size: 14px;color: #151515;opacity: 1;border-bottom: 1px solid #666;/* background: url(../images/m5.png) 97% center no-repeat; *//* background-size: 7px; */} .bottom .subNav .name{text-align: left;position: relative;padding: 0 10px;color: #fff;} .bottom .subNav a{color: #ccc;} .bottom .subNav1{background: url(../images/m5.png) 97% center no-repeat;background-size: 7px;} .bottom .currentDt{ background: url(../images/m5_on.png) 98% center no-repeat; background-size: 13px;} .bottom .navContent{display: none;} .bottom .navContent li{ position:relative;} .bottom .navContent a{display: block;height: 38px;line-height: 38px;color: #666;font-size: 14px;text-align: left;padding: 0 19px;} /*瀵艰埅鑿滃崟*/ .sideMemu{display: none;padding: 0 3%;background: #fff;min-height: 100%;width: 94%;position: absolute;top: 45px;z-index: 999;left: 100%;transition: all .5s;} .sideMemu .search{width: 100%; position: relative; } .sideMemu .search input{height: 42px;line-height: 42px;font-size: 14px;color: #999;width: 73%;padding: 0 22% 0 5%;background: #ebebeb;border-radius: 20px;margin: 20px 0 70px;} .sideMemu .search .searchIco{display: block;background: url(../images/m6.png) no-repeat center;background-size: 22px;width: 40px;height: 40px;position: absolute;right: 3%;top: 21px;} .sideMemu .navLayer {overflow-x: auto;width: 100%;overflow: hidden;position: static;z-index: 555;right: -100%;top: 45px;} .sideMemu .navLayer .bg{overflow-x: auto;position:relative;width:100%;} .sideMemu .subNav {cursor: pointer;display: block;height: 42px;line-height: 42px;position: relative;font-size: 14px;color: #151515;opacity: 1;border-bottom: 1px solid #666;/* background: url(../images/m5.png) 97% center no-repeat; *//* background-size: 7px; */} .sideMemu .subNav .name{text-align: left;position: relative;padding: 0 10px;color: #666;} .sideMemu .subNav a{color: #666;} .sideMemu .subNav1{background: url(../images/m5.png) 97% center no-repeat;background-size: 7px;} .sideMemu .currentDt{ background: url(../images/m5_on.png) 98% center no-repeat; background-size: 13px;} .sideMemu .navContent{display: none;} .sideMemu .navContent li{ position:relative;} .sideMemu .navContent a{display: block;height: 38px;line-height: 38px;color: #666;font-size: 14px;text-align: left;padding: 0 19px;} /*鍐呴〉banner鍥?/ .banner-pic,.banner-pic img{width: 100%;} .container{background:#fafafa;} .container1{background:none;} /*鍐呴〉2绾у鑸?/ .side2-bar{background: url(../images/c8.jpg); overflow: hidden; margin-bottom: 60px; } .side2-bar li{float: left; width: 25%; height: 60px; } .side2-bar li a{height: 40px; line-height: 40px; font-size: 16px; display: block;margin-top: 10px; border-right: 1px solid #d0d0d0; text-align: center; } .side2-bar li:last-child a{border-right:0; } .side2-bar li.on{background: url(../images/c7.jpg); background-size: contain; } .side2-bar li.on a{border-right:0; color: #fff; } .side2-bar li:hover{background: url(../images/c7.jpg); background-size: contain; } .side2-bar li:hover a{border-right:0; color: #fff; } .side2-bar-1 li{width: 33.33%;} .side2-bar-2 li{width: 20%;} /*鍒嗛〉*/ .pageNumDiv{text-align:center;height: 52px;overflow:hidden;color:#666;margin-top: 22px;} .pageNumDiv span{} .pageNumDiv a{display:inline-block;width: 50px;height: 50px;line-height: 50px;margin: 0 5px;border: #dedede solid 1px;font-size: 18px;color:#999;border-radius: 4px;} .pageNumDiv .prev{ background-color:#fff;} .pageNumDiv .prev:hover{ background-color:#fff;} .pageNumDiv .next{ background-color:#fff;} .pageNumDiv .next:hover{ background-color:#fff;} .pageNumDiv a:hover, .pageNumDiv .aNow{background: #d0050f;border: #d0050f solid 1px;color:#fff;} .pageNumDiv a>.imgon{ display:none;} .pageNumDiv a:hover>.imgon{ display:inline-block;} .pageNumDiv a:hover>.imgoff{ display:none;} .pageNumDiv .tofirst{font-size: 14px;color: #666;line-height: 52px;margin-right: 13px;width: auto;border: 0;} .pageNumDiv .all{font-size: 14px;color: #666;line-height: 52px;margin-left: 13px;width: auto;border: 0;} .pageNumDiv .tofirst:hover{background:none;border:0;color:#d0050f;text-decoration:underline;} .pageNumDiv .all:hover{background:none;border:0;color:#666;} /*.load-more{display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #d0050f;margin:20px 0 50px;}*/ .leftnav{width: 398px;float:left;} .leftnav .title0{height: 138px;} .leftnav .title0 .box{position: relative;} .leftnav .title0 .ico{} .leftnav .title0 .txt h2{font-size: 30px;color: #e60219;font-weight:inherit;position: absolute;top: 40px;letter-spacing: 13px;left: 33px;} .leftnav .title0 .txt p{font-size:16px;color:#e60219;text-transform:uppercase;width: 100px;height: 2px;background: #e60219;position: absolute;left: 33px;top: 98px;} .leftnav .list{background: #f4f4f4;margin-top: 10px;} .leftnav .list .libox{height: 80px;line-height: 80px;border-bottom: 2px #fafafa solid;} .leftnav .list .libox a{display:block;font-size:18px;color:#333;padding-left: 71px;padding-right: 63px;background: url(../images/ico3_3.png) no-repeat 342px center;} .leftnav .list .libox p{ cursor:pointer; display:block; font-size:18px; color:#333; padding-left:20px; padding-right:40px; background:url(../images/ico3_3.png) no-repeat 240px center;} .leftnav .conbox{ display:none;border-bottom: 2px #fafafa solid;} .leftnav .conbox li{height:40px;line-height:40px;background: url(../images/ico3_5.jpg) no-repeat 73px center;float: none!important;width: auto!important;margin: 0!important;} .leftnav .conbox li a{display:block;font-size:14px;color:#777;padding-left: 103px;padding-right:40px;} .leftnav .conbox li a:hover,.leftnav .conbox li.aNow a{color: #d0050f;} .leftnav .list .libox a:hover{background: url(../images/ico3_3on.png) no-repeat 337px center;color: #ec0011;} .leftnav .list .libox.liNow a{background: url(../images/ico3_3on.png) no-repeat 337px center;color: #ec0011;} .leftnav .list .libox.currentDt a{background: url(../images/ico3_3on.png) no-repeat 337px center;color: #ec0011;} .leftnav .list .libox p:hover{ color:#e60219;} .leftnav .list .libox.liNow p{ background:url(../images/ico3_3on.png) no-repeat 240px center; color:#e60219;} .leftnav .list .libox.currentDt p{ background:url(../images/ico3_3on.png) no-repeat 240px center; color:#e60219;} .leftnav .conbox li.aNow{background: url(../images/ico3_5on.jpg) no-repeat 73px center;} .leftnav .conbox li:hover{background: url(../images/ico3_5on.jpg) no-repeat 73px center;} .leftnav .conbox li.aNow a{background: url(../images/ico3_4.png) no-repeat 343px center;} .leftnav .conbox li:hover a{background: url(../images/ico3_4.png) no-repeat 343px center;} .leftnav .list .currentDt{border-bottom: 1px #dedede solid;} /*鍐呴〉浜岀骇涓嬫媺*/ .selTitle{position: relative;background: #d0d0d0 url(../images/a10.png) no-repeat 96%;height: 45px;line-height: 45px;background-size: 3%;} .selTitle a{display:block;padding: 0 3%;font-size: 16px;} .selCont{display: none;position: absolute;width: 100%;background: #c0c0c0;padding: 10px 0;z-index: 99;} .selCont ul li{height: 40px;line-height: 40px;} .selCont ul li a{border-bottom: 1px solid #e4e4e4;} .selCont ul li:last-child a{border-bottom: 0;} .selCont ul li a{display: block;margin: 0 3%;} .selTitle.on{background: #d0d0d0 url(../images/a10_on.png) no-repeat 96%;background-size: 4%;} .sel-cont{height: 122px;} .sel-1{width: 100%; float: left; box-sizing: border-box; } .sel-1 a{height: 40px;line-height: 40px;padding-left: 10px;background: #d0d0d0;display: block;font-size: 14px;} .sel-2{width: 100%;float: left;border-top: 1px solid #e4e4e4;} .sel-2 span{height: 40px;line-height: 40px;padding-left: 25px;color: #fff;background: #b4b4b4 url(../images/t11.png) no-repeat 94.5%;background-size: 3%;display: block;font-size: 14px;} .sel-2 ul{display: none;position: absolute;width: 100%;background: #c0c0c0;z-index: 10;} .sel-2 li{} .sel-2 li a{line-height: 40px;color: #fff;display: block;height: 40px;margin: 0 25px;border-bottom: 1px solid #e4e4e4;font-size: 12px;} .sel-2 li:last-child a{border-bottom: 0; } .sel-3{width: 100%;float: left;border-top: 1px solid #e4e4e4;} .sel-3 span{height: 40px;line-height: 40px;padding-left: 10px;color: #fff;background: #9f9e9e url(../images/t11.png) no-repeat 94.5%;background-size: 3%;display: block;font-size: 14px;padding-left: 45px;} .sel-3 li{display: none;position: absolute;width: 100%;background: #c0c0c0;z-index: 10;} .sel-3 li dl{} .sel-3 li dd{} .sel-3 li dd a{line-height: 40px;color: #fff;display: block;height: 40px;margin: 0 46px;border-bottom: 1px solid #e4e4e4;font-size: 12px;} .sel-3 li dd:last-child a{border-bottom:0; } /*寮瑰嚭灞?/ .fixed{display:none;position: fixed;top: 0;width: 100%;height: 100%;background: url(../images/c34.png);z-index: 999;} .alertBox{display:none;position: fixed;z-index: 1000;top: 15%;left: 0;right: 0;margin: 0 auto;width: 25%;} .alertBox .close{position: absolute; right: -46px; cursor: pointer; } .alertBox .pic{max-width: 100%;max-height: 70%;} .alertBox .pic img{width: 100%;max-width: 100%;max-height: 70%;}