body, html {height: 100%;} *{ margin:0; padding:0;list-style-type:none;} img{display: block;} .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after{ display: table; content: " "; clear: both; } .cover{padding-top: 12%;} /*.cover1,.cover2{display: none !important;}*/ .cover1 img{padding: 0 4px 0 0;float: left;} .cover img:last-child{padding:0;} .cover2 img,.cover3 img{width: 100%;} .cover2{padding-top: 20%;} .cover3{padding-top: 20%;} .margin4 img{margin-top: 4px;} /*licheng_img*/ .licheng{padding-top: 5%;} .licheng h4{font-size: 1.714em;} .licheng h4,.licheng p{color: white;line-height: 1.4em;padding-bottom: 4px;} .licheng_img{margin: 0 auto;} .licheng_two{/*background: url(/weekly/images/img49/18.png) no-repeat;*/position: relative;top: 0;left: 0; margin-top: -80px;} .licheng_two .licheng_bg{position: relative;top: 0;left: 0;width: 100%; } .one,.two,.th,.fo,.fi,.si,.se,.ri{position: absolute;} .one{left: 15%;top: 0;} .two p{width: 130px;float: left;padding-right: 10px;} .two{top: 22%;left: 9%;} .th{left: 2%;bottom: 7%;} .fo{left: 22%;bottom: 0;} .fo p,.fi p,.si p,.se p,.ri p{width: 145px;} .fi{left: 37%;bottom: 20%;} .si{left: 53%;top: 35%;} .se{right: 18%;top: 30%;} .ri{right: 2%;top: 20%;} .licheng_img2{width: 100%;} /*.shili----------------*/ .shili{padding-top: 5%;} .sl_1{float: left;} .sl_1 img{padding: 5px 5px 0 0} .shili .sl_1:last-child img{padding-right: 0;} .sl_1 img{width: 220px;} /*liz-----------*/ .liz{padding-top: 6%;} .liz .liz_1{float: right;width: 240px;} .liz .liz_2{position: relative;top: -100px;width: 100%;right: 1%} .zbend{padding-top: 10%;padding-bottom: 60px;} .zbend p,.zbend h2{color: white;line-height: 1.8em;} .end_3{border-bottom: 1px solid white;line-height: 1.8em;height: 1.8em} .end_4a{text-align: center;} .end_4{padding-top: 30px;} .end_5{width: 200px;margin: 0 auto;} .end_5 a{display: block;float: left;} .end_5 p{width: 100%; color: white} .end_5 a:last-child{padding-left: 30px;border-left: 1px solid white;margin-left: 30px;} .end_4a,.end_3 p{float: left;} /*rongy-----------------*/ .rongy{padding-top: 6%;} .rongy_img{margin: 0 auto;} .banner ul li{float: left;margin-left: 2px;margin-top: 2px;} @media (min-width: 768px) { .container {width: 750px;} .licheng_img2{display: none;} .sl_1 img{width: 240px;} } @media (min-width: 992px) { .container { width: 860px;} .main_content{ height:100%; position:relative; z-index:1;} .fixed_bg{ background-attachment:fixed; display: flex; align-items: center; } .fixed_bg{ width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; min-height:100%; height: 100%; position:relative; z-index:1;} .bg_1{ background-image:url(/weekly/images/img49/1.jpg);} .bg_2{ background-image:url(/weekly/images/img49/2.jpg);} .bg_3{ background-image:url(/weekly/images/img49/3.jpg);} .bg_4{ background-image:url(/weekly/images/img49/4.jpg);} .bg_5{ background-image:url(/weekly/images/img49/5.jpg);} .bg_6{ background-color: #05185C;padding-top: 30px;} /*.shili--------------222*/ .sl_1{float: left;} .sl_1 img{padding: 15px 15px 0 0} .shili .sl_1:last-child img{padding-right: 0;}.sl_1 img{width: 270px;} /*liz-----------*/ .liz .liz_1{float: right;width: 270px;} .liz .liz_2{position: relative;top: -110px;width: 100%;} .end_1,.end_2,.end_4a,.end_3 p{float: left;} .end_1{padding-right: 2%;} .end_3 p:last-child{float: right;} .end_2{width: 48%;} .banner { overflow: hidden; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;} .banner ul{overflow: hidden;position: relative;left: 0;transition: all .4s ease-in; margin-left: -17px;width: 5000px;} .banner ul li{float: left;margin-left: 20px;} .real li img { width: 370px; height: 240px; } .case-tab-r { position: absolute; right:20px; top: 30%; cursor: pointer; transition: all .2s ease-out; font-size: 5em; color: #0C7647; } .case-tab-l { position: absolute; left:10px; top: 30%; cursor: pointer; transition: all .2s ease-out; font-size: 5em; color: #0C7647; } } @media (min-width: 1200px) { .container { width: 1170px;} .cover{padding-top: 12%;} .cover1{display: block !important;} .sl_1 img{width: 380px;} .liz .liz_1{width: 334px;} .liz .liz_2{top: -130px;} .container2{width: 1200px;} } @media (min-width: 1288px) { .container { width: 1170px;} .cover{padding-top: 12%;} .cover1{display: block !important;} } @media (max-width: 767px) { .hidden-xs { display: none !important; } .licheng_two{display: none;} } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } .cover3{padding-top: 0;} .li_n img{display: none !important;} .licheng h4{font-size: 1.2857em;} .licheng_two{margin-top: 0} .se{right: 10%;top: -6%;} .ri{right:0%;top: 26%;} .fi {left: 33%;bottom: 28%;} .ri p{width: 125px;} } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } .li_n img{display: none !important;} .licheng h4{font-size: 1.2857em;} .licheng_two{margin-top: 0} .se{right: 10%;top: -6%;} .ri{right:-6%;top: 20%;} .fi {left: 33%;bottom: 28%;} } @media (min-width: 1200px) { .hidden-lg { display: none !important; } #switch{margin-top: 40px;} } @media (max-width: 991px){ body{background-color: #5977c0} }