[v-cloak] { display: none; } /* phone_header */ .menuBtn { position: fixed; z-index: 9999; top: 40px; left: 50px; width: 50px; height: 50px; border-radius: 50%; background: #fff; } .logo { position: fixed; z-index: 99999; left: 10px; bottom: 10px; padding: 5px 10px; } .bellFix { position: fixed; z-index: 9999; top: 40px; right: 50px; width: 50px; height: 50px; border-radius: 50%; background: #fff; } .backTop { position: fixed; z-index: 99999; bottom: 10px; right: 10px; } .index_tit{ text-align: center; } .menuBtnLine { position: relative; width: 25px; height: 25px; } .menuBtnLine i { height: 2px; width: 24px; background: #333; border-radius: 0; transition: .2s; display: block; position: absolute; top: 61%; left: 1px; /* text-align: center; */ margin-top: -1px; transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; -o-transition:all 0.8s; -webkit-transition:all 0.8s; } .menuBtnLine.active i{ background: #001f35; transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; -o-transition:all 0.8s; -webkit-transition:all 0.8s; } .menuBtnLine.active i:before,.menuBtnLine.active i:after{ width: 24px; background: #001f35; transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; -o-transition:all 0.8s; -webkit-transition:all 0.8s; } .menuBtnLine i:before , .menuBtnLine i:after {content: "";display: inline-block;position: absolute;height: 2px;width: 19px;background: #333;/* text-align: center; */left: 0px;} .menuBtnLine i:before{ top:-6px; transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; -o-transition:all 0.8s; -webkit-transition:all 0.8s; } .menuBtnLine i:after{ top:6px; transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; -o-transition:all 0.8s; -webkit-transition:all 0.8s; } .menuBtnLine.black i{ background: #001f35; } .menuBtnLine.black i:before , .menuBtnLine.black i:after {background: #001f35;} .menuBtnTxt { color: #fff; position: absolute; white-space: nowrap; font-size: 16px; line-height: 24px; text-transform: uppercase; letter-spacing: 1px; top: 60px; right: 50%; -webkit-transform: rotate(-90deg) translateY(-55%); -ms-transform: rotate(-90deg) translateY(-55%); transform: rotate(-90deg) translateY(-55%); -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0; } .menuBtnTxt span.mb-close { position: absolute; top: 56px; right: 0; opacity: 0; color: #001f35; z-index: 9999; } .bellFixTxt span.mb-close{ left: 0; } .menuBtnTxt span.mb-close.active { opacity: .5; } .menuBtnTxt span.mb-open{ opacity: 0; z-index: 9999 } .menuBtnTxt span.mb-open.active { opacity: 1; } .menuBtn a:hover .menuBtnTxt span.mb-open { opacity: 0.8; } .menuBtnTxt span { display: inline-block; transition: opacity .2s; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; z-index: 9999 } .index_close{ position: absolute; top: 10%; right: 5%; } .menuBtn a { display: block; position: relative; padding: 11px 0 0 12px; padding-bottom: 20px; } .bellFixTxt .mb-open.black{ opacity: .5; color: #001f35 } .bellFixTxt.active .mb-open{ opacity: 0 } .bellFixTxt.active .mb-close{ opacity: .5 } .logo a { display: block; position: relative; width: 36px; } .logo img { width: 100%; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; } .logo img.logo_c { opacity:1; display: none; } .bellIco { display: inline-block; position: relative; width: 20px; } .bellIco img{ width:100%; } .bell_on1,.bell_on{ position: absolute; } .bellIco .bell_on{ opacity: 1 } .bellIco .bell_on1{ opacity: 0; } .bellIco.black .bell_on{ opacity: 0; } .bellIco.black .bell_on1{ opacity: 1; } .bellIco.active .bell_on{ opacity: 0; } .bellIco.active .bell_on1{ opacity: 1; } .bellIco .bell_off { position: absolute; width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; opacity: 0; } .bellFix a { display: block; position: relative; padding: 16px 15px 15px; padding-bottom: 0px; } .backTopIco { width: 20px; height: 20px; display: inline-block; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; opacity:0.5; } .backTopIco svg { width: 100%; height: 100%; } .backTop a { display: block; padding: 10px; position: relative; } .backTopTxt { position: absolute; white-space: nowrap; font-size: 12px; line-height: 24px; color: #fff; text-transform: uppercase; letter-spacing: 1px; bottom: 100%; right: 50%; padding: 0 5px; -webkit-transform: rotate(90deg) translateX(12px); -ms-transform: rotate(90deg) translateX(12px); transform: rotate(90deg) translateX(12px); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; opacity: 0; } .backTop a:hover .backTopTxt { opacity: 1; } .backTop a:hover .backTopIco { opacity: 1; } .menuBtnTxt.bellFixTxt { right: auto; left: 50%; top: 60px; -webkit-transform: rotate(90deg) translateY(-50%); -ms-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } /* footer */ .footer { background: #f0f0f0; } .footerlogo { height: 32px; margin: 0 0 54px; background: #000; background: url(../images/cyc02.png); background-size: 5px 5px; } .footer .container { margin: 0 auto; padding: 0; width:68%; } .footer .row { margin: 0px; } .footerlogo a { width: 144px; height: 39px; margin: 0 0 0 -15px; padding: 0 15px; background: #f3f4f4; display: block; } .footernavwarp { } .footernavwarp .col-lg-3 { padding-left: 0px; } .footernavwarp ul li { margin: 0 0 8px; text-transform: capitalize; } .footernavwarp ul li a { color: #808080; font-size: 13px; } .footernavwarp ul li a:hover { color: #005DA0; } .footernav .first { font-size: 15px; display: block; margin: 0 0 15px; text-transform: uppercase; color: #005DA0; } .copy { font-size: 12px; line-height: 40px; color: #666; margin: 0 25px 0 0; } .copy span { font-family: "Microsoft YaHei", "微软雅黑"; } .unohacha_logo { float: right; } .footercopy .col-lg-6 { padding: 0px; } .footercopy { margin-top: 0px; border-top: #ddd 1px solid; } .footerlist { overflow: hidden; background: #242424; } .foot_left { width: 70%; height: auto; float: left; background: #333333; overflow: hidden; padding: 0 0 33px; } .colpadding { padding: 0 !important; } .foot_liall { width: 100%; overflow: hidden; } .foot_li_one { float: left; width: 45%; } .foot_li_one .logo1 { width: 130px; margin-left:30px; margin-top:60px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .foot_li_one .footlione_word { bottom: 0; } .foot_li_one .footlione_word p { color: #fff; text-align: center; font-size: 14px; margin-top: 50px; } .foot_li_two { float: left; width: 50%; padding:50px 0; } .foot_li_two h2 { color: #fff; font-size: 18px; margin: 0; padding: 30px 0 20px; letter-spacing: 1px; } .foot_li_two ul li a{ color: #999; line-height: 28px; font-size: 15px; text-transform:capitalize; letter-spacing:1px; } .foot_li_two ul li a:hover{ color:#ac1e23; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; } .foot_all h2 { color: #fff; font-size: 18px; margin: 0; padding: 30px 0 20px; text-transform:uppercase; letter-spacing: 1px; } .foot_input { width: 70%; height: 40px; position: relative; } .foot_input input { display: block; width: 100%; height: 50px; position: relative; background: #242424; border: 0; font-size: 14px; color: #666; padding: 0 10px; letter-spacing:1px; } .foot_input a { display: block; width: 120px; height: 50px; line-height: 50px; position: absolute; right: 0px; top: 0; background: #000; color: #fff; text-align: center; font-size:18px; } .foot_right { width: 30%; height: auto; float: left; background: #242424; padding: 30px; padding: 70px 0 0 30px; } .foot_right_all h2 { color: #fff; font-size: 18px; margin: 0; padding: 30px 0 20px; letter-spacing: 1px; } .foot_right_all h5 { color: #ccc; font-size: 15px; margin: 0; padding: 0; line-height: 36px; letter-spacing:1px; } .foot_right_all h5 span{ color:#fff; font-weight:bold; } .foot_right_all p { color: #ccc; font-size: 12px; margin: 0; padding: 0; line-height: 16px; } .foot_right_all .foot_right_allh5 { margin-top: 20px; } .footimg { margin: 10px 0 10px; } .footimg a { display:block; width:45px; height:45px; border-radius:50%; background:#242424; padding:12px 12px; float:left; margin-right:10px; } .footimg a:hover{ background:#671115; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; } .footimg a img { width: 20px; } .footer_content select { background: url(../images/sela.png) no-repeat right 10px; border: 1px solid #ddd; height: 28px; line-height: 24px; margin-left: 20px; margin-top: 8px; color: #ddd; letter-spacing: 1px; padding: 0 10px; font-size: 12px; width: 230px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .footer_content select option { background: #333 !important; color: #ddd !important; } .foot_all{ padding:50px 0; } .footer_b2ul_title h4 a{color: #fff;} .cont_box{ width:35px; } .cont_box img{ width:100%; }