/*閸╄櫣顢匔SS*/ html { font-size: 14px; overflow-x: hidden; } li { list-style: none; } a { color: #333333; } a:hover, a:active{ text-decoration: none;color:#cc0000; } p, dl, dt, dd, ul { margin: 0px; padding: 0px; } .clear{width:100%; clear: both;} .yjjx { border-radius: 3px; padding: 10px; background: #cc0000; width: 100px;margin-right: 1rem; } .yjjx2 { border-radius: 3px; width:100px;margin-right: 1rem; } .list-group h5{font-size: 1rem;} .red { color: red; } .lh200 { line-height: 200%; } .fbold { font-weight: bold; } .ltz{ text-align: center; font-weight: bold; color: #cc0000; text-shadow: -1px -1px white, 1px 1px #333;} .blue, .blue a:link, .blue a:visited, .blue a:hover, .blue a:active { color: #cc0000 } .bgred1{background-color:#660000; } .mm17{width:150px!important} .text-secondary a { color: #6c757d; } .card, .figure { margin: 15px 0; } .rtoo{ background-image:-webkit-linear-gradient(left,#cc0000,#ff9900); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .rtoo2{ background-image:-webkit-linear-gradient(left,#ff9900,#cc0000); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .topbar2{position: absolute;top:0;left:2%;z-index: 100;} .topbar2 img{max-width: 130px;margin-top: 0!important;} .topbar{position: absolute;top:20px;z-index: 100;right:2%} .dropdown-item { text-align: center; width: 100%!important } .dropdown-item:hover { background: #3366cc; color: #ffffff; } .shadow-sm-top { box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important; } .shadow { box-shadow: 0px 5px 5px #333; } .text-shadow { text-shadow: 0px 5px 5px #333; } .hovershadow { transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; cursor: pointer; } .hovershadow:hover { box-shadow: 0px 10px 10px #ccc; } .hovershadow2 { transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; cursor: pointer; } .hovershadow2:hover { box-shadow: 0px 0px 20px #ccc; } .hoverup { transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; cursor: pointer; } .hoverup:hover { margin-top: -10px; } .news .card-body, .project .card-body { padding: 0 } .project .card-title { margin: 0; position: absolute; bottom: 0; width: 100%; background-color: #cc0000;/* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳?娑撳顤侀懝鑼额潶鐟曞棛娲 */ background-color: rgba(204,0,0,0.8); /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ height: 40px; line-height: 40px; } .project .card-title .project-row { transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; cursor: pointer; } .project .card-title:hover .project-row { float: left; } .redbg { background: #cc0000 } .about { height: 434px; padding-top: 14px; } /*=================娴滅儤澧犻幏娑滀粧==================*/ #n_hr{ margin-top: -60px;} #n_hr .up_box{ background: url(../images/bg_dsj.jpg) center no-repeat; height:285px;} #n_hr .up_box .main_box{ padding: 60px 0;} #n_hr .up_box h1{ text-align: center; color: #676769; font-size:22px; display: block; margin-bottom: 25px;} #n_hr .up_box img{ display: block; margin: 0 auto 25px auto; } #n_hr .up_box p{ font-size: 14px; color: #7f7f80; text-align: center; line-height: 26px;} #n_hr .un_box { margin-bottom: -60px; background: #fff; padding: 50px 0;} #n_hr .up a{ display: block;} #n_hr .up { height: 300px; overflow: hidden;} #n_hr .up .left{ width: 590px; height: 300px; overflow: hidden; position: relative;} #n_hr .up .left .pic_box img{ width: 590px; height: 300px;} #n_hr .up .left .title{ position: absolute; left: 35px; top: 45px; } #n_hr .up .md{ float: left; width: 295px; margin-left: 10px;} #n_hr .up .md img.icon{ display: block; margin: 0 auto; padding-top: 43px; margin-bottom: 10px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } #n_hr .up .md h1{ display: block; text-align: center; font-size: 15px; font-weight: 700; color: #fff; } #n_hr .up .down_box { background: url(../images/pic_hr_an1.png) center #eb445e; height: 145px; margin-bottom: 10px;} #n_hr .up .hr_box{ background: url(../images/pic_hr_an2.png) center #696a71; height: 145px; } #n_hr .up .md a:hover img.icon{ padding-top: 38px;} #n_hr .up .right{ padding: 25px; padding-top: 15px; background: #f4f5f7; width: 245px; overflow: hidden; height:265px;} #n_hr .up .right .bd{ overflow: hidden;} #n_hr .up .right li{ border-bottom: 1px solid #e5e6e9; padding-left: 10px; background: url(../images/icon_dd.png) left center no-repeat; height: 38px; position: relative; display: block; line-height: 38px;} #n_hr .up .right li a{ display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; font-size: 14px; color: #646466;} #n_hr .up .right li span{ position: absolute; right: 0; top: 0; line-height: 38px; font-size: 12px; color: #9f9fa0;} #n_hr .up .right li a:hover{ color: #df203d;} #n_hr .un{ margin-top: 50px;} #n_hr .un .title{ margin-bottom: 25px; position: relative; border-top: 1px solid #e8e9ec; padding-top: 35px;} #n_hr .un .title .line{ background: #df203d; width: 65px; height:4px; position: absolute; left: 0; top:-4px; z-index: 1; } #n_hr .un .title h1{ font-size: 15px; font-weight: 700; color: #555658;} *==================婢堆傜皑鐠?================*/ #n_dsj { position: relative; } #n_dsj .bd .main_box{ overflow: hidden; width: 1020px; margin: 0 auto; } #n_dsj .bd { margin: 0 auto; height: 510px; overflow: hidden;} #n_dsj .bd .line_box{ height: 2px; background: #e0dedd; width: 100%; left: 0; top: 55px;} #n_dsj .bd ul{ margin-right: -70px;} #n_dsj .bd li{ display: block; width: 300px; float: left; margin-right:60px; padding-top: 55px; background: url(../images/mark_dsj.png) 25px top no-repeat;} #n_dsj .bd li img{ display: block; border: 2px solid #d2d2d5; max-width: 296px;} #n_dsj .bd li h1{ display: block; padding-top: 25px; font-size: 38px; color: #df203d; padding-bottom: 20px; border-top: 2px solid #df203d;} #n_dsj .bd li:hover{background: url(../images/mark_dsj_on.png) 25px 5px no-repeat} #n_dsj .bd .content{ height: 360px; padding: 0 10px; overflow-x:hidden;} #n_dsj .hd{right: 0; top: 43px; width: 100%;z-index: 9;} #n_dsj .hd .main_box{ position:relative;} #n_dsj .bnt{position: absolute; top:0px; display: block; width: 25px; text-align: center; height: 25px; } #n_dsj .bnt.prev{left: 0;} #n_dsj .bnt.next{right: 0;} #n_dsj .bnt:hover { } #n_dsj_fot{ background: url(../images/bg_dsj_fot.jpg) center no-repeat; height: 180px; margin-top: 80px; margin-bottom: -60px;} /*==================婢堆傜皑鐠?================*/ /*=================娑撴艾濮熼弶鍨健==================*/ #n_business_type{} #n_business_type ul{ margin-right: 0px;} #n_business_type li{width: 100%; position:relative;display:block;overflow:hidden;background:#68686e;float:left; margin-right: 20px;} #n_business_type li a{display:block;} #n_business_type li .pic_box{ width:100%;height:350px;overflow:hidden} #n_business_type li .pic_box a{ position:relative; } #n_business_type li img{width:100%;height:350px;display:block} #n_business_type li .text_box{position:relative; padding: 50px 0;} #n_business_type li h1{ display: block; text-align: center; margin-bottom: 3px; font-size:16px; color: #fff; } #n_business_type li strong{color:#c5c5c8;font-size:12px;display:block; text-transform: uppercase; text-align: center;} #n_business_type li span{margin:20px auto 0 auto; text-align: center; border-radius: 15px; height: 30px; line-height: 30px; width: 100px; display: block; display:block;font-size:12px;color:rgba(255,255,255,0.58); border: 2px solid rgba(255,255,255,0.25); } #n_business_type li:hover{background:#cc0000; margin-top: -20px;} #n_business_type li:hover h1{ } #n_business_type li:hover strong{ color: #fff;} #n_business_type li h1 a:hover{color:#fff;text-decoration:none} #n_business_type li span:hover{color:rgba(255,255,255,1); border: 2px solid rgba(255,255,255,1);} /*===================闂堛垹瀵樼仦鎴濐嚤閼?===============*/ #n_title { position: relative; background: #fff; height: 55px; line-height: 55px; overflow: hidden; } #n_title .main_box { position: relative; height: 55px; } #n_title h1 { padding: 0 0 0px 0px; font-size: 16px; color: #404041; line-height: 55px; } #n_title h1 span { font-size: 14px; color: #404041; line-height: 48px; font-family: "Arial"; text-transform: uppercase; padding-left: 5px; font-weight: normal; padding-left: 5px; } #position { position: absolute; left: 0; top: 0; line-height: 55px; height: 55px; color: #7b7b7d; background: url(../images/icon_home.png) left center no-repeat; padding-left: 18px; } #position a { vertical-align: middle; font-size: 12px; color: #7b7b7d; float: left; display: block; line-height: 55px; } #position i { background: url(../images/icon_position_id.png) center no-repeat; float: left; display: block; height: 55px; width: 25px; } #position span { vertical-align: middle; display: inline-block; font-size: 12px; color: #d83648; font-style: normal; float: left; display: block; line-height: 55px; } #position a:hover { color: #cc0000; } #n_un_box { min-height: 300px } #n_nav { position: absolute; right: 0; top: 0; z-index: 0; } #n_navleft { right: 0; top: 0; z-index: 0; } #n_nav { margin-bottom: 25px; } #n_navleft { margin-bottom: 25px; } #n_nav ul { } #n_nav a { position: relative; float: left; display: block; width: 135px; background: url(../images/line_n_title.png) left repeat-y; } #n_navleft a { position: relative; display: block; width: 135px; } #n_nav a.first { background: none; } #n_navleft a.first { background: none; } #n_nav a strong { position: relative; background: url(../images/bg_n_nav.png) center no-repeat; display: block; text-align: center; z-index: 9; height: 40px; line-height: 40px; color: #5e5e5e; font-size: 14px; } #n_navleft a strong { position: relative; background: url(../images/bg_n_nav.png) center no-repeat; display: block; text-align: center; z-index: 9; height: 40px; line-height: 40px; color: #5e5e5e; font-size: 14px; } #n_nav a span { position: absolute; left: -1px; top: 0; z-index: 1; width: 100%; display: inherit; text-align: center; } #n_navleft a span { position: absolute; left: -1px; top: 0; z-index: 1; width: 100%; display: inherit; text-align: center; } #n_nav a i { display: inline-block; height: 40px; border-bottom: 3px solid #cc0000; width: 0px; } #n_navleft a i { display: inline-block; height: 40px; border-bottom: 3px solid #cc0000; width: 0px; } #n_nav a.on i { width: 137px; } #n_nav a.on strong { } #n_nav a:hover i { width: 137px; } #n_nav a:hover strong { } #n_nav li.nav_title {/* background: url(../images/icon_nav_on.png) 190px 18px no-repeat;*/ } #n_nav li.nav_title a:hover i { width: 3px; } #n_nav li.nav_title a:hover strong { color: #535355; } #n_nav li.nav_title.on a i { width: 3px; } #n_nav li.nav_title.on { background: url(../images/icon_nav_off.png) 190px 23px no-repeat; } #n_nav li.nav_title.on:hover { background: url(../images/icon_nav_off.png) 190px 23px no-repeat; } #n_nav li .nav_list { display: none; } #n_nav li .nav_list .box { padding: 20px 30px 10px 30px; border-top: 1px solid #ececed; } #n_nav li .nav_list a { display: block; border: 1px solid #e0e2e4;/* background: url(../images/icon_left_nav_jt.png) 150px center no-repeat;*/ height: 30px; line-height: 30px; border-radius: 2px; font-size: 12px; color: #535355; overflow: hidden; margin-bottom: 10px; padding-left: 20px; } #n_nav li .nav_list a.on { border: 1px solid #007aff; color: #fff; /* background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #ea353a;*/ } #n_nav li .nav_list a:hover { border: 1px solid #007aff; color: #fff; /*background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #ea353a;*/ } #n_nav i, #n_service li, #n_job ul *, #n_nav li a strong, .n_form .submit, .more, #n_news .un *, #gotop, #n_news .un a, #n_case_hot *, #n_case_list li .text_box, #n_honor_list li, #n_honor_list li span, #n_qytc .bd li, #n_video_list li h1, #n_video_list li, #n_book_show .un_box li .text_box, .bnt, #nav li .a i, #n_nav a strong, #gotop, #n_party .up_box li, #n_party a, #n_party .un_box *, #n_staff ul *, #n_business .up_box .bd a, #cy_news .date_box strong i, #cy_data .text_box a, #n_dsj .bd li, #hr_slide li *, #n_contact .un_box li, #list_news *, #hot_pic_news a, #hot_text_news *, #n_video ul *, #n_cy_news *, #n_business_type ul *, .toolbarDiv a { -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #ch_link li a img { -moz-transition: all 3s ease-in-out; -webkit-transition: all 3s ease-in-out; -o-transition: all 3s ease-in-out; -ms-transition: all 3s ease-in-out; transition: all 3s ease-in-out; } #nav ul li a, .n_left .up .content ul .on a, #n_video strong { -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } /*navleft*/ #n_navleft a.on i { width: 137px; } #n_navleft a.on strong { } #n_navleft a:hover i { width: 137px; } #n_navleft a:hover strong { } #n_navleft li.nav_title {/* background: url(../images/icon_nav_on.png) 190px 18px no-repeat;*/ } #n_navleft li.nav_title a:hover i { width: 3px; } #n_navleft li.nav_title a:hover strong { color: #535355; } #n_navleft li.nav_title.on a i { width: 3px; } #n_navleft li.nav_title.on { background: url(../images/icon_nav_off.png) 190px 23px no-repeat; } #n_navleft li.nav_title.on:hover { background: url(../images/icon_nav_off.png) 190px 23px no-repeat; } #n_navleft li .nav_list { display: none; } #n_navleft li .nav_list .box { padding: 20px 30px 10px 30px; border-top: 1px solid #ececed; } #n_navleft li .nav_list a { display: block; border: 1px solid #e0e2e4;/* background: url(../images/icon_left_nav_jt.png) 150px center no-repeat;*/ height: 30px; line-height: 30px; border-radius: 2px; font-size: 12px; color: #535355; overflow: hidden; margin-bottom: 10px; padding-left: 20px; } #n_navleft li .nav_list a.on { border: 1px solid #007aff; color: #fff; /* background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #ea353a;*/ } #n_navleft li .nav_list a:hover { border: 1px solid #007aff; color: #fff; /*background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #ea353a;*/ } #n_navleft i, #n_service li, #n_job ul *, #n_nav li a strong, .n_form .submit, .more, #n_news .un *, #gotop, #n_news .un a, #n_case_hot *, #n_case_list li .text_box, #n_honor_list li, #n_honor_list li span, #n_qytc .bd li, #n_video_list li h1, #n_video_list li, #n_book_show .un_box li .text_box, .bnt, #nav li .a i, #n_nav a strong, #gotop, #n_party .up_box li, #n_party a, #n_party .un_box *, #n_staff ul *, #n_business .up_box .bd a, #cy_news .date_box strong i, #cy_data .text_box a, #n_dsj .bd li, #hr_slide li *, #n_contact .un_box li, #list_news *, #hot_pic_news a, #hot_text_news *, #n_video ul *, #n_cy_news *, #n_business_type ul *, .toolbarDiv a { -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #navleft ul li a, .n_left .up .content ul .on a, #n_video strong { -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } /*navleftend*/ @font-face { font-family: 'font_xixian'; src: url('../en/font/font_xixian.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/font_xixian.ttf') format('truetype'), /* chrome閵嗕公irefox閵嗕狗pera閵嗕讣afari, Android, iOS 4.2+*/ url('../font/en/font_xixian.svg#iconfont') format('svg'); /* iOS 4.1- */ } .font_xixian { font-family: 'font_xixian'; } .font_cn { font-family: 'j_cn_font'; } .timer { color: #cc0000!important; font-size: 30px; font-weight: 100; } .aboutnews .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .aboutnews .swiper-pagination-bullet { width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; color: #000; opacity: 1; background: rgba(0,0,0,0.2); color: #fff; } .aboutnews .swiper-pagination-bullet-active { color: #fff; background: #cc0000; } .comry h4 { width: 100%; font-size: 14px; clear: both; height: 29px; overflow: hidden; line-height: 29px; background: url("/template/default/images/dot.png") left center no-repeat; padding-left: 20px; border-bottom: 1px solid #eeeeee; } .aboutall { margin-top: 1rem; } @media only screen and (min-width: 992px) { .topspace { height: 112px; } .about-left { float: left; width: 570px; background: url("../images/news.png") no-repeat; } .about-left video { width: 505px; height: 370px; } .about-right .aboutmore { text-align: right; } .about-right { float: right; width: 520px; background-size: 100% 100%; } } .headline h2 { padding-top: 15px; } .topnews a { display: block; clear: both; background: url("/template/default/images/dot.png") left center no-repeat; padding-left: 20px; border-bottom: 1px solid #eeeeee; } /*閸忓牊濡竌閻ㄥ嫬甯張澶夌瑓閸掓帞鍤庨弽宄扮础缂佹瑦绔婚梽?/ .left-to-right a, .left-to-right a:link, .left-to-right a:visited, .left-to-right a:focus { text-decoration: none; color: #000; height: 29px; line-height: 29px; } /*鐠佸墽鐤哸閻ㄥ嫬鐣炬担宥忕礉缂佹瑦鍨滄禒顒冨殰瀹歌京绱崘娆戞畱娑撳鍨濈痪澶哥娑擃亜鐣炬担宥呭棘閼?/ .left-to-right { position: relative; } /*娴h法鏁ゆ导顏嗚缂佹獌娑撳娼板ǎ璇插娑撳鍨濈痪?/ /*css3娑撹桨绨¢崠鍝勫焼娴碱亞琚柅澶嬪閸c劍濡氟:閺€閫涜礋:,娴h法鏁z娑旂喍绱伴懛顏勫З鏉烆兛璐烔:*/ .left-to-right::after { content: ''; display: block; /*瀵偓婵妞傞崐娆庣瑓閸掓帞鍤庨惃鍕啍鎼达缚璐?*/ width: 0; height: 1px; position: absolute; left: 0; bottom: 0px; background: #cc0000; /*鏉╂瑩鍣烽幋鎴滄粦鐠佹儳鐣鹃幍鈧張澶嬫暭閸欐﹢鍏橀張澶婂З閻㈢粯鏅ラ弸婊愮礉閸欘垯浜掗懛顏勭箒閹稿洤鐣鹃弽宄扮础閹靛秵婀侀崝銊ф暰閺佸牊鐏?/ transition: all 0.3s ease-in-out; } .left-to-right:hover::after { width: 100%; } .comry.swiper-container-horizontal>.swiper-pagination-bullets, .comry.swiper-pagination-custom, .comry.swiper-pagination-fraction { bottom: -10px; left: 0; width: 100%; } .lbar { background: url("/template/default/images/bar.png") left bottom repeat-x; line-height: 35px; height: 35px; font-size: 18px; } .lbar2 { background: url("/template/default/images/bar.png") right bottom repeat-x; line-height: 35px; height: 35px; font-size: 18px; } .lbar2 li{font-weight:bold;padding:0 20px;} .lbar2 .hot{background: url("/template/default/images/bar2.png") left bottom repeat-x;} .lbar .more { width: 28px; height: 28px; margin-top: 6px; display: block; background: url(/template/default/images/plus.png) center center no-repeat; transition: all 0.5s linear; } .lbar:hover .more { transform: rotate(90deg); } .ry { background: url("/template/default/images/ry.png") center center no-repeat; height: 293px; } .ryimg { float: left; height: 120px; } .lbarnews a { display: block; clear: both; font-size: 13px; } #ry0 { margin-left: 200px; } #ry4 { margin-left: 300px; } .ztzl img { margin-right: 0.5rem; } @media only screen and (max-width: 576px) { .topspace { height: 74px; } .ztzl .mzt { display: block; float: left; width: 46%; margin: 2% } .ztzl .mzt img { width: 100%; height: auto } .comry { margin: 0.5rem; } #navbarNav { background-color: rgba(255,255,255,0.9); } #navbarNav ul li { text-align: center } .aboutall { margin-top: 0.3rem; } .about-left { width: 100%; } .aboutnews { margin: 0; width: 100%; height: auto } .about-right .aboutmore { text-align: center; } .about-right { width: 100%; padding-top: 5px; background-size: 100% 100%; } } .bgbar { background: url(../images/bgbar.png) no-repeat center center; line-height: 51px; } .honor { background: url(../images/ry.png) no-repeat center center; height: 325px; padding-top: 2px; } .footer { background: #aa0000; padding-top: 2px; } .footer-nav li { float: left; padding: 10px 10px; } .footer-nav .dropdown-menu { background: #444444; } /*娑撳﹣绗呮径鏍珶鐠?/ .mt-1, .my-1 { margin-top: 1rem !important; } .mr-1 { margin-right: 1rem !important; } .mr-2 { margin-right: 2rem !important; } .mt-2, .my-2 { margin-top: 2rem !important; } .mt-3, .my-3 { margin-top: 3rem !important; } .mt-4, .my-4 { margin-top: 4rem !important; } .mt-6, .my-6 { margin-top: 4rem !important; } .mt-7, .my-7 { margin-top: 5rem !important; } .mt-8, .my-8 { margin-top: 6rem !important; } .mt-9, .my-9 { margin-top: 7rem !important; } .mt-10, .my-10 { margin-top: 8rem !important; } .mb-1, .my-1 { margin-bottom: 1rem !important; } .mb-2, .my-2 { margin-bottom: 2rem !important; } .mb-6, .my-6 { margin-bottom: 4rem !important; } .mb-7, .my-7 { margin-bottom: 5rem !important; } .mb-8, .my-8 { margin-bottom: 6rem !important; } .mb-9, .my-9 { margin-bottom: 7rem !important; } .mb-10, .my-10 { margin-bottom: 8rem !important; } /*娑撳﹣绗呴崘鍛扮珶鐠?/ .pl-2 { padding-left: 2rem !important; } .pr-2 { padding-right: 2rem !important; } .pt-2, .mp-2 { padding-top: 2rem !important; } .pt-6, .mp-6 { padding-top: 4rem !important; } .pt-7, .py-7 { padding-top: 5rem !important; } .pt-8, .py-8 { padding-top: 6rem !important; } .pt-9, .py-9 { padding-top: 7rem !important; } .pt-10, .py-10 { padding-top: 8rem !important; } .pb-6, .py-6 { padding-bottom: 4rem !important; } .pb-7, .py-7 { padding-bottom: 5rem !important; } .pb-8, .py-8 { padding-bottom: 6rem !important; } .pb-9, .py-9 { padding-bottom: 7rem !important; } .pb-10, .py-10 { padding-bottom: 8rem !important; } /*鏉堣顢?/ .border-top-dashed { border-top: 1px dashed #dee2e6 !important; } .border-right-dashed { border-right: 1px dashed #dee2e6 !important; } .border-bottom-dashed { border-bottom: 1px dashed #dee2e6 !important; } .border-right-dashed { border-top: 1px dashed #dee2e6 !important; } /*鐎涙绐?/ .ls-1 { letter-spacing: 1px; } .ls-2 { letter-spacing: 2px; } .ls-3 { letter-spacing: 3px; } .ls-4 { letter-spacing: 4px; } .ls-5 { letter-spacing: 5px; } /*閸掑棝銆?/ .page-num:not(:disabled) { cursor: pointer; } .page-num, .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #cc0000; background-color: #fff; border: 1px solid #cc0000; } a.page-num:hover, .page-link:hover { text-decoration: none; border-color: #cc0000; color: #ffffff; background-color: #cc0000; } .page-num-current { z-index: 1; color: #fff!important; background-color: #cc0000; border-color: #cc0000; } .page-num-current:hover { color: #fff; } /*閸忔湹绮?/ .pages { min-height: 500px; padding-top: 10px; padding-bottom: 10px; } .code, .code img { height: 100px; } .position, .position a { color: #999; } .content { color: #000; line-height: 2; font-family: 鐎瑰缍婝 font-size: 16pt;text-align: justify; line-height: 32pt; } .content img, .content iframe { display: block; height: auto; clear: both; margin: 15px auto; max-width: 100%; } .content li { list-style: disc outside none; margin-left: 20px; } /*娴溠冩惂鏉烆喗鎸?/ .view { max-width: 100%; } .view .swiper-slide { max-width: 100%; padding: 0 3px; box-sizing: border-box; overflow: hidden; text-align: center; } .view .swiper-slide img { height: 100%; } .view .arrow-left { background: url(../images/index_tab_l.png) no-repeat left center; position: absolute; left: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .view .arrow-right { background: url(../images/index_tab_r.png) no-repeat right center; position: absolute; right: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .preview { position: relative; width: 100%; left: 30px; } .preview .swiper-slide { width: 87.5px; height: 70px; margin: 0 3px; box-sizing: border-box; overflow: hidden; cursor: pointer; } .preview .swiper-slide img { display: inline-block; height: 100%; } .preview .active-nav { border: 1px solid #F00; } .preview .arrow-left { background: #fff url(../images/feel3.png) no-repeat left center; position: absolute; left: -20px; top: 0; width: 20px; height: 70px; z-index: 10; } .preview .arrow-right { background: #fff url(../images/feel4.png) no-repeat right center; position: absolute; right: -20px; top: 0; width: 20px; height: 70px; z-index: 10; } @media only screen and (max-width: 768px) { .topspace { height: 74px; } .logo-sm-height { height: 50px; margin-left: 10px; } .navbar { padding: 0; height: 74px; } .view .swiper-slide { height: 200px; } .preview { display: none; } .view .arrow-left, .view .arrow-right { height: 200px; display: block; } } /*閸︺劎鍤庣€广垺婀?/ .online { position: fixed; bottom: 150px; right: 10px; width: 60px; z-index: 999; color: #999; } .online a { color: #666; } .online a:hover { text-decoration: none; } .online dl { background: #cc0000; padding: 10px 5px; margin-bottom: 1px; position: relative; } .online dl dd { color: #fff; text-align: center; font-size: 12px; cursor: pointer; } .online dl dd i { font-size: 25px; } .online dl:hover { background: #BB0000; } .online dl dt { position: absolute; top: 0px; right: 60px; background: #fff; border: 1px solid #ccc; z-index: 9999; display: none; padding: 10px 15px; font-weight: normal; } .online dl dt h3 { display: block; font-size: 16px; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .online dl dt h3 i { margin-right: 5px; } .online dl dt h3 span { float: right; cursor: pointer; } .online dl dt input { border: 1px solid #ccc; border-radius: 5px; margin-top: 15px; height: 40px; line-height: 40px; padding: 3px 5px; width: 100%; } .online dl dt button { margin: 10px 0; border: none; border-radius: 5px; width: 100%; font-size: 18px; height: 40px; line-height: 40px; background: #BB0000; color: #fff; cursor: pointer; } /*sm鐏炲繐绠锋禒銉ょ瑐*/ @media only screen and (min-width: 576px) {.jumbotron { padding-top: 8rem; padding-left: 1rem; margin-bottom: 0!important; } .card-img-200 { background: #666666; height: 200px; overflow: hidden; } .card-img-180 { height: 180px; overflow: hidden; } .card-img-150 { height: 150px; overflow: hidden; } .card-img-120 { height: 120px; overflow: hidden; } .card-img-100 { height: 100px; overflow: hidden; } } /*sm鐏炲繐绠锋禒銉ょ瑓*/ @media only screen and (max-width: 576px) { .page-num { display: none; } .head-sm-height { height: 76px !important; } .logo-sm-height { height: 60px; } .maboutnews { border: 1px solid #cccccc; padding: .5rem; } .maboutnews img { max-width: 100%; } .zt { margin-bottom: .2rem!important } .zt .col-12 { margin-bottom: 0.5rem; } .jumbotron { padding-top: 8rem; padding-left: 1rem; margin-bottom: 0!important; } .pages{padding-top: 0} } /*********閸濆秴绨插蹇旂壉瀵?*****************/ /*鐞涘矁绐?/ .lh-1 { line-height: 1; } .lh-2 { line-height: 2; } .lh-3 { line-height: 3; } .lh-4 { line-height: 4; } /*鐎涙ぞ缍嬫径褍鐨?/ .fbold { font-weight: bold; } .fs-12 { font-size: .857rem; } .fs-14 { font-size: 1rem; } .fs-16 { font-size: 1.142rem; } .fs-18 { font-size: 1.285rem; } .fs-20 { font-size: 1.428rem; } .fs-22 { font-size: 1.571rem; } .fs-24 { font-size: 1.714rem; } .fs-26 { font-size: 1.857rem; } .fs-28 { font-size: 2rem; } .fs-30 { font-size: 2.142rem; } .fs-32 { font-size: 2.286rem; } .fs-34 { font-size: 2.429rem; } .fs-36 { font-size: 2.571rem; } .fs-38 { font-size: 2.714rem; } .fs-40 { font-size: 2.857rem; } /*妤傛ê瀹?/ .h-5px { height: 5px; } .h-10px { height: 10px; } .h-15px { height: 15px; } .h-20px { height: 20px; } .h-25px { height: 25px; } .h-30px { height: 30px; } .h-35px { height: 35px; } .h-40px { height: 40px; } .h-45px { height: 45px; } .h-50px { height: 50px; } .h-55px { height: 55px; } .h-60px { height: 60px; } .h-65px { height: 65px; } .h-70px { height: 70px; } .h-75px { height: 75px; } .h-80px { height: 80px; } .h-85px { height: 85px; } .h-90px { height: 90px; } .h-95px { height: 95px; } .h-100px { height: 100px; } .h-110px { height: 110px; } .h-120px { height: 120px; } .h-130px { height: 130px; } .h-140px { height: 140px; } .h-150px { height: 150px; } .h-160px { height: 160px; } .h-170px { height: 170px; } .h-180px { height: 180px; } .h-190px { height: 190px; } .h-200px { height: 200px; } .h-210px { height: 210px; } .h-220px { height: 220px; } .h-230px { height: 230px; } .h-240px { height: 240px; } .h-250px { height: 250px; } .h-260px { height: 260px; } .h-270px { height: 270px; } .h-280px { height: 280px; } .h-290px { height: 290px; } .h-300px { height: 300px; } .h-310px { height: 310px; } .h-320px { height: 320px; } .h-330px { height: 330px; } .h-340px { height: 340px; } .h-350px { height: 350px; } .h-360px { height: 360px; } .h-370px { height: 370px; } .h-380px { height: 380px; } .h-390px { height: 390px; } .h-400px { height: 400px; } .h-410px { height: 410px; } .h-420px { height: 420px; } .h-430px { height: 430px; } .h-440px { height: 440px; } .h-450px { height: 450px; } .h-460px { height: 410px; } .h-470px { height: 470px; } .h-480px { height: 480px; } .h-490px { height: 490px; } .h-500px { height: 500px; } /*sm鐏炲繐绠锋禒銉ょ瑐*/ @media only screen and (min-width: 576px) { .head-sm-height { height: 124px; } /*鐞涘矁绐?/ .lh-sm-1 { line-height: 1; } .lh-sm-2 { line-height: 2; } .lh-sm-3 { line-height: 3; } .lh-sm-4 { line-height: 4; } /*鐎涙ぞ缍嬫径褍鐨?/ .fs-sm-12 { font-size: .857rem; } .fs-sm-14 { font-size: 1rem; } .fs-sm-16 { font-size: 1.142rem; } .fs-sm-18 { font-size: 1.285rem; } .fs-sm-20 { font-size: 1.428rem; } .fs-sm-22 { font-size: 1.571rem; } .fs-sm-24 { font-size: 1.714rem; } .fs-sm-26 { font-size: 1.857rem; } .fs-sm-28 { font-size: 2rem; } .fs-sm-30 { font-size: 2.142rem; } .fs-sm-32 { font-size: 2.286rem; } .fs-sm-34 { font-size: 2.429rem; } .fs-sm-36 { font-size: 2.571rem; } .fs-sm-38 { font-size: 2.714rem; } .fs-sm-40 { font-size: 2.857rem; } /*妤傛ê瀹?/ .h-sm-5px { height: 5px; } .h-sm-10px { height: 10px; } .h-sm-15px { height: 15px; } .h-sm-20px { height: 20px; } .h-sm-25px { height: 25px; } .h-sm-30px { height: 30px; } .h-sm-35px { height: 35px; } .h-sm-40px { height: 40px; } .h-sm-45px { height: 45px; } .h-sm-50px { height: 50px; } .h-sm-55px { height: 55px; } .h-sm-60px { height: 60px; } .h-sm-65px { height: 65px; } .h-sm-70px { height: 70px; } .h-sm-75px { height: 75px; } .h-sm-80px { height: 80px; } .h-sm-85px { height: 85px; } .h-sm-90px { height: 90px; } .h-sm-95px { height: 95px; } .h-sm-100px { height: 100px; } .h-sm-110px { height: 110px; } .h-sm-120px { height: 120px; } .h-sm-130px { height: 130px; } .h-sm-140px { height: 140px; } .h-sm-150px { height: 150px; } .h-sm-160px { height: 160px; } .h-sm-170px { height: 170px; } .h-sm-180px { height: 180px; } .h-sm-190px { height: 190px; } .h-sm-200px { height: 200px; } .h-sm-210px { height: 210px; } .h-sm-220px { height: 220px; } .h-sm-230px { height: 230px; } .h-sm-240px { height: 240px; } .h-sm-250px { height: 250px; } .h-sm-260px { height: 260px; } .h-sm-270px { height: 270px; } .h-sm-280px { height: 280px; } .h-sm-290px { height: 290px; } .h-sm-300px { height: 300px; } .h-sm-310px { height: 310px; } .h-sm-320px { height: 320px; } .h-sm-330px { height: 330px; } .h-sm-340px { height: 340px; } .h-sm-350px { height: 350px; } .h-sm-360px { height: 360px; } .h-sm-370px { height: 370px; } .h-sm-380px { height: 380px; } .h-sm-390px { height: 390px; } .h-sm-400px { height: 400px; } .h-sm-410px { height: 410px; } .h-sm-420px { height: 420px; } .h-sm-430px { height: 430px; } .h-sm-440px { height: 440px; } .h-sm-450px { height: 450px; } .h-sm-460px { height: 410px; } .h-sm-470px { height: 470px; } .h-sm-480px { height: 480px; } .h-sm-490px { height: 490px; } .h-sm-500px { height: 500px; } } /*md鐏炲繐绠锋禒銉ょ瑐*/ @media only screen and (min-width: 768px) { .yjjx { border-radius: 5px; padding: 10px; background: #cc0000; width: 150px; margin-right: 2rem; } .yjjx2 { border-radius: 3px; width:150px;margin-right: 2rem; } .list-group h5{font-size:1.25rem;} #n_business_type{} #n_business_type ul{ margin-right: -20px;} #n_business_type li{width: 262px; position:relative;display:block;overflow:hidden;background:#68686e;float:left; margin-right: 20px;} #n_business_type li a{display:block;} #n_business_type li .pic_box{ width:262px;height:350px;overflow:hidden} #n_business_type li .pic_box a{ position:relative; } #n_business_type li img{width:262px;height:350px;display:block} #n_business_type li .text_box{position:relative; padding: 50px 0;} #n_business_type li h1{ display: block; text-align: center; margin-bottom: 3px; font-size:16px; color: #fff; } #n_business_type li strong{color:#c5c5c8;font-size:12px;display:block; text-transform: uppercase; text-align: center;} #n_business_type li span{margin:20px auto 0 auto; text-align: center; border-radius: 15px; height: 30px; line-height: 30px; width: 100px; display: block; display:block;font-size:12px;color:rgba(255,255,255,0.58); border: 2px solid rgba(255,255,255,0.25); } #n_business_type li:hover{background:#cc0000; margin-top: -20px;} #n_business_type li:hover h1{ } #n_business_type li:hover strong{ color: #fff;} #n_business_type li h1 a:hover{color:#fff;text-decoration:none} #n_business_type li span:hover{color:rgba(255,255,255,1); border: 2px solid rgba(255,255,255,1);}} @media only screen and (min-width: 768px) and (max-width: 992px) { .topspace { height: 94px; } /*鐞涘矁绐?/ .logo-sm-height { height: 80px; } .lh-md-1 { line-height: 1; } .lh-md-2 { line-height: 2; } .lh-md-3 { line-height: 3; } .lh-md-4 { line-height: 4; } /*鐎涙ぞ缍嬫径褍鐨?/ .fs-md-12 { font-size: .857rem; } .fs-md-14 { font-size: 1rem; } .fs-md-16 { font-size: 1.142rem; } .fs-md-18 { font-size: 1.285rem; } .fs-md-20 { font-size: 1.428rem; } .fs-md-22 { font-size: 1.571rem; } .fs-md-24 { font-size: 1.714rem; } .fs-md-26 { font-size: 1.857rem; } .fs-md-28 { font-size: 2rem; } .fs-md-30 { font-size: 2.142rem; } .fs-md-32 { font-size: 2.286rem; } .fs-md-34 { font-size: 2.429rem; } .fs-md-36 { font-size: 2.571rem; } .fs-md-38 { font-size: 2.714rem; } .fs-md-40 { font-size: 2.857rem; } /*妤傛ê瀹?/ .h-md-5px { height: 5px; } .h-md-10px { height: 10px; } .h-md-15px { height: 15px; } .h-md-20px { height: 20px; } .h-md-25px { height: 25px; } .h-md-30px { height: 30px; } .h-md-35px { height: 35px; } .h-md-40px { height: 40px; } .h-md-45px { height: 45px; } .h-md-50px { height: 50px; } .h-md-55px { height: 55px; } .h-md-60px { height: 60px; } .h-md-65px { height: 65px; } .h-md-70px { height: 70px; } .h-md-75px { height: 75px; } .h-md-80px { height: 80px; } .h-md-85px { height: 85px; } .h-md-90px { height: 90px; } .h-md-95px { height: 95px; } .h-md-100px { height: 100px; } .h-md-110px { height: 110px; } .h-md-120px { height: 120px; } .h-md-130px { height: 130px; } .h-md-140px { height: 140px; } .h-md-150px { height: 150px; } .h-md-160px { height: 160px; } .h-md-170px { height: 170px; } .h-md-180px { height: 180px; } .h-md-190px { height: 190px; } .h-md-200px { height: 200px; } .h-md-210px { height: 210px; } .h-md-220px { height: 220px; } .h-md-230px { height: 230px; } .h-md-240px { height: 240px; } .h-md-250px { height: 250px; } .h-md-260px { height: 260px; } .h-md-270px { height: 270px; } .h-md-280px { height: 280px; } .h-md-290px { height: 290px; } .h-md-300px { height: 300px; } .h-md-310px { height: 310px; } .h-md-320px { height: 320px; } .h-md-330px { height: 330px; } .h-md-340px { height: 340px; } .h-md-350px { height: 350px; } .h-md-360px { height: 360px; } .h-md-370px { height: 370px; } .h-md-380px { height: 380px; } .h-md-390px { height: 390px; } .h-md-400px { height: 400px; } .h-md-410px { height: 410px; } .h-md-420px { height: 420px; } .h-md-430px { height: 430px; } .h-md-440px { height: 440px; } .h-md-450px { height: 450px; } .h-md-460px { height: 410px; } .h-md-470px { height: 470px; } .h-md-480px { height: 480px; } .h-md-490px { height: 490px; } .h-md-500px { height: 500px; } .topbar2{position: absolute;top:0;left:10%;z-index: 100;} .topbar{position: absolute;top:20px;z-index: 100;right:10%} } .navwhite { background-color: #ffffff;/* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳?娑撳顤侀懝鑼额潶鐟曞棛娲 */ background-color: rgba(255,255,255,0.95); /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ } /*lg鐏炲繐绠锋禒銉ょ瑐*/ @media only screen and (min-width: 992px) { .logo-sm-height { height: 90px; } .jumbotron { padding-top: 12rem; padding-bottom: 8rem; padding-left: 1rem; margin-bottom: 0; height: 450px; } .col40 { width: 40%!important; float: left; position: relative; flex: 0 0 40%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col30 { width: 30%!important; float: left; position: relative; flex: 0 0 30%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .navbar .navbar-nav > li .dropdown-menu, .footer-nav > li .dropdown-menu { margin: 0; } .navbar .navbar-nav > li:hover .dropdown-menu, .footer-nav > li:hover .dropdown-menu { display: block; } .navbar { padding: 0; height: 104px; } #navbarNav, #navbarNav .nav-item { height: 104px; line-height: 104px; } #navbarNav .nav-item .dropdown-item { height: 35px; line-height: 35px; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.0rem; padding-left: 1.0rem; font-size: 14px; } .navbar-nav .active { box-shadow: 0 -.125rem .25rem rgba(0,0,0,.195) !important; border-top: 3px solid #cc0000; line-height: 100px; } .navbar-nav li:hover { box-shadow: 0 -.125rem .25rem rgba(0,0,0,.195) !important; border-top: 3px solid #cc0000; line-height: 100px; } .navbar-brand { font-size: 20px; padding-top: 0px; padding-bottom: 0px; } .head-sm-height { height: 124px; } .searchbg { background: url("/static/images/searchbg.png") center bottom no-repeat; position: absolute; bottom: 0; height: 355px; z-index: 10; width: 1220px; } .searchbg .sform { margin-top: 235px; margin-left: 50px; width: 800px; } .searchbg .form-group { padding: 14px 0 } .searchbg .skey { border: 0; width: 750px; background: none; } .searchbg .sbtn { border: 0; background: none; background: url(/static/images/sbtn.png); width: 36px; height: 36px; cursor: pointer; } /*鐞涘矁绐?/ .lh-lg-1 { line-height: 1; } .lh-lg-2 { line-height: 2; } .lh-lg-3 { line-height: 3; } .lh-lg-4 { line-height: 4; } /*鐎涙ぞ缍嬫径褍鐨?/ .fs-lg-12 { font-size: .857rem; } .fs-lg-14 { font-size: 1rem; } .fs-lg-16 { font-size: 1.142rem; } .fs-lg-18 { font-size: 1.285rem; } .fs-lg-20 { font-size: 1.428rem; } .fs-lg-22 { font-size: 1.571rem; } .fs-lg-24 { font-size: 1.714rem; } .fs-lg-26 { font-size: 1.857rem; } .fs-lg-28 { font-size: 2rem; } .fs-lg-30 { font-size: 2.142rem; } .fs-lg-32 { font-size: 2.286rem; } .fs-lg-34 { font-size: 2.429rem; } .fs-lg-36 { font-size: 2.571rem; } .fs-lg-38 { font-size: 2.714rem; } .fs-lg-40 { font-size: 2.857rem; } /*妤傛ê瀹?/ .h-lg-5px { height: 5px; } .h-lg-10px { height: 10px; } .h-lg-15px { height: 15px; } .h-lg-20px { height: 20px; } .h-lg-25px { height: 25px; } .h-lg-30px { height: 30px; } .h-lg-35px { height: 35px; } .h-lg-40px { height: 40px; } .h-lg-45px { height: 45px; } .h-lg-50px { height: 50px; } .h-lg-55px { height: 55px; } .h-lg-60px { height: 60px; } .h-lg-65px { height: 65px; } .h-lg-70px { height: 70px; } .h-lg-75px { height: 75px; } .h-lg-80px { height: 80px; } .h-lg-85px { height: 85px; } .h-lg-90px { height: 90px; } .h-lg-95px { height: 95px; } .h-lg-100px { height: 100px; } .h-lg-110px { height: 110px; } .h-lg-120px { height: 120px; } .h-lg-130px { height: 130px; } .h-lg-140px { height: 140px; } .h-lg-150px { height: 150px; } .h-lg-160px { height: 160px; } .h-lg-170px { height: 170px; } .h-lg-180px { height: 180px; } .h-lg-190px { height: 190px; } .h-lg-200px { height: 200px; } .h-lg-210px { height: 210px; } .h-lg-220px { height: 220px; } .h-lg-230px { height: 230px; } .h-lg-240px { height: 240px; } .h-lg-250px { height: 250px; } .h-lg-260px { height: 260px; } .h-lg-270px { height: 270px; } .h-lg-280px { height: 280px; } .h-lg-290px { height: 290px; } .h-lg-300px { height: 300px; } .h-lg-310px { height: 310px; } .h-lg-320px { height: 320px; } .h-lg-330px { height: 330px; } .h-lg-340px { height: 340px; } .h-lg-350px { height: 350px; } .h-lg-360px { height: 360px; } .h-lg-370px { height: 370px; } .h-lg-380px { height: 380px; } .h-lg-390px { height: 390px; } .h-lg-400px { height: 400px; } .h-lg-410px { height: 410px; } .h-lg-420px { height: 420px; } .h-lg-430px { height: 430px; } .h-lg-440px { height: 440px; } .h-lg-450px { height: 450px; } .h-lg-460px { height: 410px; } .h-lg-470px { height: 470px; } .h-lg-480px { height: 480px; } .h-lg-490px { height: 490px; } .h-lg-500px { height: 500px; } .topbar2{position: absolute;top:0;left:10%;z-index: 100; max-width: 244px;} .topbar2 img{max-width: 244px;} .topbar{position: absolute;top:70px;z-index: 100;right:10%} } .show1440 { display: none; } @media only screen and (min-width: 1200px) and (max-width: 1439px) { }