You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1649 lines
36 KiB
1649 lines
36 KiB
.layout {
|
|
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
.wrap {
|
|
|
|
width:65.625rem;
|
|
|
|
margin:0 auto;
|
|
|
|
}
|
|
|
|
.header .tp {
|
|
|
|
border-bottom:0.052083333333333336rem solid #efefef;
|
|
|
|
}
|
|
|
|
.header .tp ul {
|
|
|
|
display:flex;
|
|
|
|
justify-content:flex-end;
|
|
|
|
align-items:center;
|
|
|
|
padding:0.4166666666666667rem 0;
|
|
|
|
}
|
|
|
|
.header .tp li a {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#000000;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.header .tp li i {
|
|
|
|
display:block;
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
color:#bababa;
|
|
|
|
margin:0 0.9375rem;
|
|
|
|
}
|
|
|
|
.header .tp li .s1 {
|
|
|
|
width:0.8333333333333334rem;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.header .tp li h4 {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#24a5ff;
|
|
|
|
padding-left:1.3541666666666667rem;
|
|
|
|
background:url(../images/qms2.png) no-repeat left center;
|
|
|
|
background-size:0.6770833333333334rem auto;
|
|
|
|
}
|
|
|
|
.header .tp li .s2 {
|
|
|
|
width:1.0416666666666667rem;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.header .logo {
|
|
|
|
float:left;
|
|
|
|
max-width:7.96875rem;
|
|
|
|
padding:1.5625rem 0 1.0416666666666667rem;
|
|
|
|
}
|
|
|
|
.header .logo img {
|
|
|
|
width:100%;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.header .naver {
|
|
|
|
float:right;
|
|
|
|
margin-top:0.5208333333333334rem;
|
|
|
|
}
|
|
|
|
.header .naver li {
|
|
|
|
float:left;
|
|
|
|
margin-left:3.4375rem;
|
|
|
|
position:relative;
|
|
|
|
padding:1.5625rem 0;
|
|
|
|
}
|
|
|
|
.header .naver li a {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#000000;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.header .unaver {
|
|
|
|
|
|
|
|
}
|
|
|
|
.header .naver li::before {
|
|
|
|
content:"";
|
|
|
|
position:absolute;
|
|
|
|
left:0;
|
|
|
|
right:0;
|
|
|
|
bottom:0rem;
|
|
|
|
z-index:1;
|
|
|
|
transition:all 0.3s;
|
|
|
|
-ms-transition:all 0.3s;
|
|
|
|
/* IE 9*/
|
|
|
|
-moz-transition:all 0.3s;
|
|
|
|
/* Firefox*/
|
|
|
|
-webkit-transition:all 0.3s;
|
|
|
|
/* Safari å Chrome*/
|
|
|
|
-o-transition:all 0.3s;
|
|
|
|
background:#ff772d;
|
|
|
|
height:0.15625rem;
|
|
|
|
width:0;
|
|
|
|
margin:0 auto;
|
|
|
|
}
|
|
|
|
.header .naver li:hover::before,.header .naver li.on::before {
|
|
|
|
width:100%;
|
|
|
|
}
|
|
|
|
.header .naver li:first-child {
|
|
|
|
margin-left:0;
|
|
|
|
}
|
|
|
|
.header .naver li h3 {
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
.header .naver .nli {
|
|
|
|
position:absolute;
|
|
|
|
left:-2.604166666666667rem;
|
|
|
|
right:-2.604166666666667rem;
|
|
|
|
top:100%;
|
|
|
|
z-index:23;
|
|
|
|
background:#fff;
|
|
|
|
width:8.645833333333334rem;
|
|
|
|
margin:0 auto;
|
|
|
|
display:none;padding-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
.header .naver .nli dl{
|
|
|
|
padding: 0.52rem 0;
|
|
|
|
}
|
|
|
|
.header .naver .nli dd a {
|
|
|
|
display:block;
|
|
|
|
text-align:center;
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:2rem;
|
|
|
|
color:#000000;
|
|
|
|
}
|
|
|
|
.uitbanner img {
|
|
|
|
width:100%;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.header .naver li.on a,.header .naver li a:hover {
|
|
|
|
color:#24a5ff;
|
|
|
|
}
|
|
|
|
.crumbs {
|
|
|
|
padding:1.4583333333333335rem 0;
|
|
|
|
border-bottom:0.052083333333333336rem solid #efefef;
|
|
|
|
}
|
|
|
|
.crumbs dl {
|
|
|
|
display:flex;
|
|
|
|
justify-content:flex-end;
|
|
|
|
align-items:center;
|
|
|
|
}
|
|
|
|
.crumbs dt a,.crumbs dd span,.crumbs dd a {
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#b9b9b9;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.crumbs dd.on a {
|
|
|
|
color:#939393;
|
|
|
|
}
|
|
|
|
.crumbs dt {
|
|
|
|
padding-left:1.1458333333333335rem;
|
|
|
|
background:url(../images/qms4.png) no-repeat left center;
|
|
|
|
background-size:0.6770833333333334rem auto;
|
|
|
|
}
|
|
|
|
.crumbs dd span {
|
|
|
|
margin:0 0.3125rem;
|
|
|
|
}
|
|
|
|
.hlink {
|
|
|
|
background:#eeeeee;
|
|
|
|
padding:1.5625rem 0 1.0416666666666667rem;
|
|
|
|
}
|
|
|
|
.hlink .wrap {
|
|
|
|
display:flex;
|
|
|
|
justify-content:space-between;
|
|
|
|
}
|
|
|
|
.hlink h3 {
|
|
|
|
font-size:1.0416666666666667rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#8d8d8d;
|
|
|
|
width:5.416666666666667rem;
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
.hlink h3::before {
|
|
|
|
content:"";
|
|
|
|
position:absolute;
|
|
|
|
right:0;
|
|
|
|
top:1.25rem;
|
|
|
|
z-index:1;
|
|
|
|
width:0.10416666666666667rem;
|
|
|
|
height:0.9375rem;
|
|
|
|
background:#bebebe;
|
|
|
|
margin-top:-0.7291666666666667rem;
|
|
|
|
}
|
|
|
|
.hlink .ulink {
|
|
|
|
width:calc(100% - 6.458333333333334rem);
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.hlink .ulink ul{
|
|
|
|
transition-timing-function: linear;
|
|
|
|
}
|
|
|
|
.hlink li {
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
.hlink li a {
|
|
|
|
display:block;
|
|
|
|
height:2.3958333333333335rem;
|
|
|
|
}
|
|
|
|
.hlink li img {
|
|
|
|
object-fit:contain;
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
display:block;
|
|
|
|
margin:auto;
|
|
|
|
}
|
|
|
|
.hlink li:nth-child(6n) {
|
|
|
|
margin-right:0;
|
|
|
|
}
|
|
|
|
.footer {
|
|
|
|
padding-top:2.34375rem;
|
|
|
|
padding-bottom:0.7291666666666667rem;
|
|
|
|
}
|
|
|
|
.footer .ltc {
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.footer .rtc {
|
|
|
|
float:right;
|
|
|
|
}
|
|
|
|
.footer .ltc ul {
|
|
|
|
font-size:0;
|
|
|
|
}
|
|
|
|
.footer .ltc li {
|
|
|
|
display:inline-block;
|
|
|
|
vertical-align:middle;
|
|
|
|
}
|
|
|
|
.footer .ltc li i,.footer .ltc li a {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#010101;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.footer .ltc li i {
|
|
|
|
margin:0 1.5625rem;
|
|
|
|
}
|
|
|
|
.footer .tca {
|
|
|
|
margin-top:1.0416666666666667rem;
|
|
|
|
}
|
|
|
|
.footer .tca .l {
|
|
|
|
float:left;
|
|
|
|
max-width:27.604166666666668rem;
|
|
|
|
}
|
|
|
|
.footer .tca .r {
|
|
|
|
float:right;
|
|
|
|
}
|
|
|
|
.footer .tca .l h3 {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#000000;
|
|
|
|
margin-bottom:0.4166666666666667rem;
|
|
|
|
}
|
|
|
|
.footer .tca .l p {
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:1.5625rem;
|
|
|
|
color:#373737;
|
|
|
|
}
|
|
|
|
.footer .tca .r h4 {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.7;
|
|
|
|
padding-left:1.5625rem;
|
|
|
|
color:#000000;
|
|
|
|
padding-left:1.5625rem;
|
|
|
|
background:url(../images/qms13.png) no-repeat left center;
|
|
|
|
background-size:0.8854166666666667rem auto;
|
|
|
|
}
|
|
|
|
.footer .tca .r h5 {
|
|
|
|
font-size:1.25rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#eb7823;
|
|
|
|
font-weight:bold;
|
|
|
|
margin-top:0.4166666666666667rem;
|
|
|
|
}
|
|
|
|
.footer .rtc li:nth-child(1) {
|
|
|
|
margin-left:0;
|
|
|
|
}
|
|
|
|
.footer .rtc li {
|
|
|
|
float:left;
|
|
|
|
margin-left:1.5625rem;
|
|
|
|
}
|
|
|
|
.footer .rtc li .weix {
|
|
|
|
width:6.770833333333334rem;
|
|
|
|
height:6.770833333333334rem;
|
|
|
|
}
|
|
|
|
.footer .rtc li .weix img {
|
|
|
|
width:100%;
|
|
|
|
display:block;
|
|
|
|
height:100%;
|
|
|
|
}
|
|
|
|
.footer .rtc li h6 {
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#979797;
|
|
|
|
margin-top:0.2604166666666667rem;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.footer .copyright {
|
|
|
|
border-top:0.052083333333333336rem solid #c3c3c3;
|
|
|
|
margin-top:2.0833333333333335rem;
|
|
|
|
padding-top:0.5208333333333334rem;
|
|
|
|
display:flex;
|
|
|
|
justify-content:space-between;
|
|
|
|
align-items:center;
|
|
|
|
}
|
|
|
|
.footer .copyright a {
|
|
|
|
color:#979797;
|
|
|
|
}
|
|
|
|
.footer .copyright .l {
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#979797;
|
|
|
|
}
|
|
|
|
.footer .copyright .r {
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#979797;
|
|
|
|
}
|
|
|
|
.footer .copyright .a1 {
|
|
|
|
padding-left:1.4583333333333335rem;
|
|
|
|
padding-left:1.5625rem;
|
|
|
|
background:url(../images/qms14.png) no-repeat left center;
|
|
|
|
background-size:0.9375rem auto;
|
|
|
|
margin-right:0.8333333333333334rem;
|
|
|
|
}
|
|
|
|
.footer .copyright .a2 {
|
|
|
|
margin-right:0.4166666666666667rem;
|
|
|
|
}
|
|
|
|
.uitmain {
|
|
|
|
padding-bottom:5.729166666666667rem;
|
|
|
|
}
|
|
|
|
.uitmain .lt {
|
|
|
|
float:left;
|
|
|
|
width:13.541666666666668rem;
|
|
|
|
border:1px solid #ececec;
|
|
|
|
border-top:none;
|
|
|
|
}
|
|
|
|
.uitmain .rt {
|
|
|
|
float:right;
|
|
|
|
width:calc(100% - 15.625rem);
|
|
|
|
}
|
|
|
|
.uitmain .lt li {
|
|
|
|
border-bottom:0.052083333333333336rem solid #ececec;
|
|
|
|
padding:0 1.0416666666666667rem 0 1.875rem;
|
|
|
|
}
|
|
|
|
.uitmain .lt li a {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:4.166666666666667rem;
|
|
|
|
color:#8b8b8b;
|
|
|
|
display:block;
|
|
|
|
background:url(../images/qms6.png) no-repeat right center;
|
|
|
|
background-size:0.4166666666666667rem auto;
|
|
|
|
}
|
|
|
|
.uitmain .lt li.on a,.uitmain .lt li a:hover {
|
|
|
|
background:url(../images/qms6-1.png) no-repeat right center;
|
|
|
|
background-size:0.4166666666666667rem auto;
|
|
|
|
color:#24a0f6;
|
|
|
|
}
|
|
|
|
.uitmain .lt li:last-child {
|
|
|
|
border-bottom:none;
|
|
|
|
}
|
|
|
|
.uitmain .list h2 {
|
|
|
|
margin-top:1.5625rem;
|
|
|
|
font-size:1.0416666666666667rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#24a0f6;
|
|
|
|
padding-bottom:0.4166666666666667rem;
|
|
|
|
border-bottom:0.10416666666666667rem solid #e7e7e7;
|
|
|
|
}
|
|
|
|
.uitmain .list li a {
|
|
|
|
display:flex;
|
|
|
|
justify-content:space-between;
|
|
|
|
align-items:center;
|
|
|
|
padding:1.4583333333333335rem 0 1.0416666666666667rem;
|
|
|
|
border-bottom:0.052083333333333336rem solid #e7e7e7;
|
|
|
|
}
|
|
|
|
.uitmain .list li h3 {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#353535;
|
|
|
|
max-width:80%;
|
|
|
|
padding-left:1.3541666666666667rem;
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
-moz-box-sizing:border-box;
|
|
|
|
-o-box-sizing:border-box;
|
|
|
|
box-sizing:border-box;
|
|
|
|
background:url(../images/qms15_1.png) no-repeat left top 0.46875rem;
|
|
|
|
background-size:0.5729166666666667rem auto;
|
|
|
|
}
|
|
|
|
.uitmain .list li h6 {
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#b9b9b9;
|
|
|
|
}
|
|
|
|
.pages {
|
|
|
|
margin-top:3.125rem;
|
|
|
|
}
|
|
|
|
.pages dl {
|
|
|
|
display:flex;
|
|
|
|
justify-content:center;
|
|
|
|
align-items:center;
|
|
|
|
}
|
|
|
|
.pages dd {
|
|
|
|
margin:0 0.5208333333333334rem;
|
|
|
|
}
|
|
|
|
.pages dd a {
|
|
|
|
line-height:1.7708333333333335rem;
|
|
|
|
border:1px solid #e7e7e7;
|
|
|
|
border-radius:0.20833333333333334rem;
|
|
|
|
text-align:center;
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
color:#929292;
|
|
|
|
padding:0 0.7291666666666667rem;
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
-moz-box-sizing:border-box;
|
|
|
|
-o-box-sizing:border-box;
|
|
|
|
box-sizing:border-box;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.pages dd.on a,
|
|
|
|
.pages dd a:hover {
|
|
|
|
color:#fff;
|
|
|
|
background:#24a0f6;
|
|
|
|
border-color:#24a0f6;
|
|
|
|
}
|
|
|
|
.newsdel {
|
|
|
|
padding:1.1458333333333335rem 0 4.791666666666667rem;
|
|
|
|
}
|
|
|
|
.newsdel .hds {
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.newsdel .hds h1 {
|
|
|
|
border-bottom:0.10416666666666667rem solid #e7e7e7;
|
|
|
|
font-size:1.1458333333333335rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#000000;
|
|
|
|
padding-bottom:0.8333333333333334rem;
|
|
|
|
}
|
|
|
|
.newsdel .hds p {
|
|
|
|
margin-top:0.5208333333333334rem;
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#9c9b9b;
|
|
|
|
}
|
|
|
|
.newsdel .hds p span {
|
|
|
|
margin:0 0.8333333333333334rem;
|
|
|
|
}
|
|
|
|
.newsdel .del {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.8;
|
|
|
|
color:#000000;
|
|
|
|
margin-top:1.4583333333333335rem;
|
|
|
|
}
|
|
|
|
.newsdel .fts {
|
|
|
|
margin-top:2.604166666666667rem;
|
|
|
|
border-top:0.052083333333333336rem solid #e7e7e7;
|
|
|
|
padding-top:0.625rem;
|
|
|
|
}
|
|
|
|
.newsdel .fts a {
|
|
|
|
display:block;
|
|
|
|
margin-bottom:0.7291666666666667rem;
|
|
|
|
font-size:0.625rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#cfcfcf;
|
|
|
|
}
|
|
|
|
.newsdel .fts .next,
|
|
|
|
.newsdel .fts a:hover{
|
|
|
|
color:#939393;
|
|
|
|
}
|
|
|
|
.qmsearch {
|
|
|
|
background:#eeeeee;
|
|
|
|
padding:12.5rem 0 15.625rem;
|
|
|
|
}
|
|
|
|
.qmsearch .fm {
|
|
|
|
margin:0 11.197916666666668rem;
|
|
|
|
border:1px solid #c3c3c3;
|
|
|
|
border-radius:0.5208333333333334rem;
|
|
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
.qmsearch .fm .t1 {
|
|
|
|
width:calc(100% - 6.770833333333334rem);
|
|
|
|
float:left;
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
-moz-box-sizing:border-box;
|
|
|
|
-o-box-sizing:border-box;
|
|
|
|
box-sizing:border-box;
|
|
|
|
height:2.1875rem;
|
|
|
|
background:#fff;
|
|
|
|
padding:0 1.25rem;
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
color:#000;
|
|
|
|
border:none;
|
|
|
|
}
|
|
|
|
.qmsearch .fm .sub {
|
|
|
|
width:6.770833333333334rem;
|
|
|
|
background:#ff772d;
|
|
|
|
line-height:2.1875rem;
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
color:#fff;
|
|
|
|
border:none;
|
|
|
|
display:block;
|
|
|
|
float:right;
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
-moz-box-sizing:border-box;
|
|
|
|
-o-box-sizing:border-box;
|
|
|
|
box-sizing:border-box;
|
|
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
.searchdel {
|
|
|
|
background:#f5f5f5;
|
|
|
|
padding-top:1.6666666666666667rem;
|
|
|
|
padding-bottom:3.125rem;
|
|
|
|
}
|
|
|
|
.searchdel li a {
|
|
|
|
display:block;
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#353535;
|
|
|
|
padding-left:1.25rem;
|
|
|
|
background:url(../images/qms15_1.png) no-repeat left top 0.46875rem;
|
|
|
|
background-size:0.5729166666666667rem auto;
|
|
|
|
}
|
|
|
|
.searchdel li {
|
|
|
|
border-bottom:0.052083333333333336rem solid #e7e7e7;
|
|
|
|
padding:1.4583333333333335rem 0 1.0416666666666667rem;
|
|
|
|
}
|
|
|
|
.searchdel .pages dd a {
|
|
|
|
background:#fff;
|
|
|
|
box-shadow:0 0.10416666666666667rem 0.3125rem 0 rgba(80,80,80,0.2);
|
|
|
|
}
|
|
|
|
.searchdel .pages dd.on a,.searchdel .pages dd a:hover {
|
|
|
|
background:#24a0f6;
|
|
|
|
color:#fff;
|
|
|
|
border-color:#24a0f6;
|
|
|
|
}
|
|
|
|
.contact {
|
|
|
|
padding:2.0833333333333335rem 0 5.208333333333334rem;
|
|
|
|
}
|
|
|
|
.tit {
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.tit h2 {
|
|
|
|
font-size:1.875rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#000000;
|
|
|
|
text-align:center;
|
|
|
|
letter-spacing:0.20833333333333334rem;
|
|
|
|
}
|
|
|
|
.tit span {
|
|
|
|
width:2.7083333333333335rem;
|
|
|
|
height:0.15625rem;
|
|
|
|
background:#f8b600;
|
|
|
|
display:block;
|
|
|
|
margin:0.5208333333333334rem auto 0;
|
|
|
|
}
|
|
|
|
.contact .hds ul {
|
|
|
|
display:flex;
|
|
|
|
justify-content:center;
|
|
|
|
align-items:center;
|
|
|
|
margin-top:2.604166666666667rem;
|
|
|
|
}
|
|
|
|
.contact .hds li {
|
|
|
|
width:33.33%;
|
|
|
|
margin:0 auto;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.contact .hds .ico {
|
|
|
|
width:3.125rem;
|
|
|
|
height:3.125rem;
|
|
|
|
margin:0 auto;
|
|
|
|
}
|
|
|
|
.contact .hds .ico img {
|
|
|
|
width:100%;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
.contact .hds h6 {
|
|
|
|
margin:0.5208333333333334rem 0 0;
|
|
|
|
font-size:0.9375rem;
|
|
|
|
line-height:1.7;
|
|
|
|
color:#b2b2b2;
|
|
|
|
}
|
|
|
|
.contact .hds h3 {
|
|
|
|
font-size:1.0416666666666667rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#000000;
|
|
|
|
}
|
|
|
|
.contact .map {
|
|
|
|
height:31.25rem;
|
|
|
|
margin:3.125rem 0 3.9583333333333335rem;
|
|
|
|
}
|
|
|
|
.anchorBL {
|
|
|
|
display:none !important;
|
|
|
|
}
|
|
|
|
.contact .bds table {
|
|
|
|
margin:3.0208333333333335rem 1.5625rem 0;
|
|
|
|
}
|
|
|
|
.contact .bds td {
|
|
|
|
width:calc((100% - 4.270833333333334rem)/2);
|
|
|
|
border-bottom:0.052083333333333336rem solid #d9d9d9;
|
|
|
|
padding-bottom:0.4166666666666667rem;
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
-moz-box-sizing:border-box;
|
|
|
|
-o-box-sizing:border-box;
|
|
|
|
box-sizing:border-box;
|
|
|
|
float:left;
|
|
|
|
margin-bottom:1.6666666666666667rem;
|
|
|
|
}
|
|
|
|
.contact .bds dd:nth-child(2n) {
|
|
|
|
float:right;
|
|
|
|
}
|
|
|
|
.contact .bds td h4 {
|
|
|
|
font-size:1.25rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#333333;
|
|
|
|
margin-bottom:0.4166666666666667rem;
|
|
|
|
}
|
|
|
|
.contact .bds td h6 {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#030303;
|
|
|
|
}
|
|
|
|
.banner .swiper-slide {
|
|
|
|
height:33.85416666666667rem;
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
.banner .swiper-slide .txt {
|
|
|
|
position:absolute;
|
|
|
|
left:0;
|
|
|
|
right:0;
|
|
|
|
top:50%;
|
|
|
|
z-index:1;
|
|
|
|
transform:translateY(-50%);
|
|
|
|
-ms-transform:translateY(-50%);
|
|
|
|
/* IE 9*/
|
|
|
|
-moz-transform:translateY(-50%);
|
|
|
|
/* Firefox*/
|
|
|
|
-webkit-transform:translateY(-50%);
|
|
|
|
/* Safari å Chrome*/
|
|
|
|
-o-transform:translateY(-50%);
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.banner .swiper-slide h2 {
|
|
|
|
font-size:2.5rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#fff;
|
|
|
|
}
|
|
|
|
.banner .swiper-slide h3 {
|
|
|
|
font-size:2.7083333333333335rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#fff;
|
|
|
|
}
|
|
|
|
.htab {
|
|
|
|
padding:1.8229166666666667rem 0;
|
|
|
|
}
|
|
|
|
.htab .wrap {
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
.htab .prev,.htab .next {
|
|
|
|
position:absolute;
|
|
|
|
left:-0.625rem;
|
|
|
|
top:50%;
|
|
|
|
z-index:2;
|
|
|
|
background:url(../images/qms21_1.png) no-repeat center;
|
|
|
|
background-size:0.6770833333333334rem auto;
|
|
|
|
width:1.3020833333333335rem;
|
|
|
|
height:1.3020833333333335rem;
|
|
|
|
cursor:pointer;
|
|
|
|
margin-top:-0.5208333333333334rem;
|
|
|
|
}
|
|
|
|
.htab .next {
|
|
|
|
right:-0.625rem;
|
|
|
|
left:auto;
|
|
|
|
transform:rotate(180deg);
|
|
|
|
-ms-transform:rotate(180deg);
|
|
|
|
/* IE 9*/
|
|
|
|
-moz-transform:rotate(180deg);
|
|
|
|
/* Firefox*/
|
|
|
|
-webkit-transform:rotate(180deg);
|
|
|
|
/* Safari å Chrome*/
|
|
|
|
-o-transform:rotate(180deg);
|
|
|
|
}
|
|
|
|
.htab .stab a {
|
|
|
|
display:flex;
|
|
|
|
justify-content:center;
|
|
|
|
align-items:center;
|
|
|
|
}
|
|
|
|
.htab .stab .icon {
|
|
|
|
width:4.322916666666667rem;
|
|
|
|
height:4.322916666666667rem;
|
|
|
|
background: #ebf3ff;
|
|
|
|
border-radius: 50%;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.htab .stab .icon img {
|
|
|
|
max-width: 50%;
|
|
|
|
max-height: 50%;
|
|
|
|
object-fit: contain;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
.htab .stab .icon .icon2{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.htab .stab a:hover .icon .icon1{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.htab .stab a:hover .icon .icon2{
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
.htab .stab .txt {
|
|
|
|
margin-left:1.25rem;
|
|
|
|
}
|
|
|
|
.htab .stab .txt h3 {
|
|
|
|
font-size:0.9375rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#000000;
|
|
|
|
}
|
|
|
|
.htab .stab .txt h4 i {
|
|
|
|
font-size:0.7291666666666667rem;
|
|
|
|
line-height:1.6;
|
|
|
|
padding-right:0.9375rem;
|
|
|
|
color:#808080;
|
|
|
|
display:inline-block;
|
|
|
|
background:url(../images/qms23.png) no-repeat right center;
|
|
|
|
background-size:0.2604166666666667rem auto;
|
|
|
|
}
|
|
|
|
.htab .stab .swiper-slide {
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
.htab .stab .swiper-slide::before {
|
|
|
|
content:"";
|
|
|
|
position:absolute;
|
|
|
|
right:0;
|
|
|
|
top:50%;
|
|
|
|
z-index:1;
|
|
|
|
border-right:0.052083333333333336rem dashed #989898;
|
|
|
|
height:2.604166666666667rem;
|
|
|
|
margin-top:-1.3020833333333335rem;
|
|
|
|
}
|
|
|
|
.htab .stab {
|
|
|
|
overflow:hidden;
|
|
|
|
padding-right:1.0416666666666667rem;
|
|
|
|
}
|
|
|
|
.hpage1 {
|
|
|
|
padding:3.125rem 0 2.0833333333333335rem;
|
|
|
|
}
|
|
|
|
.hpage1 .box {
|
|
|
|
background:#fff;
|
|
|
|
border-radius:0.625rem;
|
|
|
|
padding:2.3958333333333335rem 2.604166666666667rem 0;
|
|
|
|
-webkit-box-sizing:border-box;
|
|
|
|
-moz-box-sizing:border-box;
|
|
|
|
-o-box-sizing:border-box;
|
|
|
|
box-sizing:border-box;
|
|
|
|
display:flex;
|
|
|
|
overflow:hidden;
|
|
|
|
box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
|
|
|
|
height:100%;
|
|
|
|
justify-content:center;
|
|
|
|
}
|
|
|
|
.hpage1 .swiper-slide {
|
|
|
|
height:calc((100% - 2.916666666666667rem) / 2);
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
.hpage1 .swiperlist {
|
|
|
|
overflow:hidden;
|
|
|
|
height:21.354166666666668rem;
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
.hpage1 .box .icon {
|
|
|
|
width:2.7083333333333335rem;
|
|
|
|
}
|
|
|
|
.hpage1 .box .icon img {
|
|
|
|
max-width:100%;
|
|
|
|
display:block;
|
|
|
|
object-fit:contain;
|
|
|
|
max-height:100%;
|
|
|
|
}
|
|
|
|
.hpage1 .box .text {
|
|
|
|
margin-left:1.0416666666666667rem;
|
|
|
|
}
|
|
|
|
.hpage1 .box .text h3 {
|
|
|
|
font-size:1.0416666666666667rem;
|
|
|
|
line-height:1.6;
|
|
|
|
color:#000000;
|
|
|
|
margin-bottom:0.20833333333333334rem;
|
|
|
|
}
|
|
|
|
.hpage1 .box .text h4 {
|
|
|
|
font-size:0.8333333333333334rem;
|
|
|
|
line-height:1.4583333333333335rem;
|
|
|
|
color:#7e7e7e;
|
|
|
|
}
|
|
|
|
.hpage1 .spans {
|
|
|
|
position:static;
|
|
|
|
text-align:center;
|
|
|
|
margin-top:1.0416666666666667rem;
|
|
|
|
}
|
|
|
|
.hpage1 .spans span {
|
|
|
|
width:0.5208333333333334rem;
|
|
|
|
height:0.5208333333333334rem;
|
|
|
|
border-radius:50%;
|
|
|
|
border:1px solid #fff;
|
|
|
|
opacity:1;
|
|
|
|
margin:0 0.8333333333333334rem !important;
|
|
|
|
background:none;
|
|
|
|
}
|
|
|
|
.hpage1 .spans .swiper-pagination-bullet-active {
|
|
|
|
background:#f8b600;
|
|
|
|
border-color:#f8b600;
|
|
|
|
}
|
|
|
|
.hpage2 {
|
|
|
|
padding:5.3125rem 0 5.729166666666667rem;
|
|
|
|
}
|
|
|
|
.hpage2 .times {
|
|
|
|
background:#fff;
|
|
|
|
box-shadow:0 0.5208333333333334rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
|
|
|
|
padding:0.5208333333333334rem 2.916666666666667rem 0.3125rem;
|
|
|
|
width:25.520833333333336rem;
|
|
|
|
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.hpage2 .times h2 {
font-size:1.0416666666666667rem;
line-height:1.6;
color:#d82626;
text-align:center;
font-weight:bold;
}
.hpage2 .times .item {
height:17.1875rem;
}
.hpage3 {
padding:3.90625rem 0 5.208333333333334rem;
}
.hpage3 ul {
display:flex;
justify-content:center;
align-items:center;
}
.hpage3 li a {
font-size:1.25rem;
line-height:1.6;
color:#000000;
display:block;
font-weight:bold;
}
.hpage3 li {
position:relative;
padding-bottom:0.5208333333333334rem;
margin:0 2.8645833333333335rem;
}
.hpage3 li::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
z-index:1;
transition:all 0.3s;
-ms-transition:all 0.3s;
/* IE 9*/
-moz-transition:all 0.3s;
/* Firefox*/
-webkit-transition:all 0.3s;
/* Safari å Chrome*/
-o-transition:all 0.3s;
margin:0 auto;
width:0;
height:0.15625rem;
background:#f8b600;
}
.hpage3 li.on a,.hpage3 li a:hover {
color:#307eff;
}
.hpage3 li.on::before,.hpage3 li:hover::before {
width:2.7083333333333335rem;
}
.hpage3 .bd {
margin-top:2.1875rem;
position:relative;
}
.hpage3 .prev,.hpage3 .next {
position:absolute;
left:-2.0833333333333335rem;
top:50%;
z-index:1;
background:url(../images/qms21_1.png) no-repeat center;
background-size:0.6770833333333334rem auto;
width:1.3020833333333335rem;
height:1.3020833333333335rem;
cursor:pointer;
margin-top:-0.5208333333333334rem;
}
.hpage3 .next {
right:-2.0833333333333335rem;
left:auto;
transform:rotate(180deg);
-ms-transform:rotate(180deg);
/* IE 9*/
-moz-transform:rotate(180deg);
/* Firefox*/
-webkit-transform:rotate(180deg);
/* Safari å Chrome*/
-o-transform:rotate(180deg);
}
.hpage3 .newsswiper {
overflow:hidden;
padding:0.5208333333333334rem;
}
.hpage3 .newsswiper .pic {
height:10.677083333333334rem;overflow: hidden;
}
.hpage3 .newsswiper .swiper-slide {
background:#f8f8f8;
box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
border-radius:0.20833333333333334rem;
overflow:hidden;
}
.hpage3 .newsswiper .pic img {
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.hpage3 .newsswiper .txt {
padding:1.25rem 1.25rem 2.0833333333333335rem;
}
.hpage3 .newsswiper h3 {
font-size:0.9375rem;
line-height:1.7;
color:#000000;
height:3.4em;
overflow:hidden;
}
.hpage3 .newsswiper p {
font-size:0.7291666666666667rem;
line-height:1.25rem;
color:#616161;
overflow:hidden;
height:3.75rem;
margin:1.0416666666666667rem 0 1.25rem;
}
.hpage3 .newsswiper h6 {
font-size:0.7291666666666667rem;
line-height:1.6;
color:#9d9d9d;
}
.about .abnav {
/* border-bottom:0.052083333333333336rem solid #efefef; */
position:sticky;
top:0;
left:0;
right:0;z-index: 24;
background:#fff;
box-shadow:0 0 0.2604166666666667rem 0 rgba(80,80,80,0.2);
}
.about .abnav ul {
display:flex;
justify-content:space-between;
align-items:center;
padding:0 3.125rem;
}
.about .abnav li a {
font-size:0.8333333333333334rem;
line-height:4.0625rem;
color:#000000;
display:block;
}
.about .abnav li {
position:relative;
}
.about .abnav li::before {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
z-index:1;
width:0;
transition:all 0.3s;
-ms-transition:all 0.3s;
/* IE 9*/
-moz-transition:all 0.3s;
/* Firefox*/
-webkit-transition:all 0.3s;
/* Safari å Chrome*/
-o-transition:all 0.3s;
height:0.10416666666666667rem;
background:#ff772d;
margin:0 auto;
}
.about .abnav li.on::before,.about .abnav li:hover::before {
width:100%;
}
.about .abnav li.on a,.about .abnav li:hover a {
color:#307eff;
}
.abpg1 {
padding:3.6458333333333335rem 0 8.59375rem;
}
.abpg1 .wrap {
display:flex;
justify-content:space-between;
padding:0 1.5625rem;
}
.abpg1 .txt {
width:calc(100% - 35.677083333333336rem);
}
.abpg1 .pic {
width:33.85416666666667rem;
}
.abpg1 .pic img {
width:100%;
display:block;
}
.abpg1 .txt h2 {
font-size:1.5625rem;
line-height:1.6;
color:#307eff;
margin-bottom:1.25rem;
}
.abpg1 .txt p {
font-size:0.7291666666666667rem;
line-height:1.8;
color:#393939;
margin-bottom:1.1458333333333335rem;
text-indent:2em;
}
.abpg1 .txt ul {
display:flex;
justify-content:space-between;
align-items:center;
}
.abpg1 .txt li {
border-right:0.052083333333333336rem solid #c7c7c7;
width:33.33%;
padding-left:2.0833333333333335rem;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.abpg1 .txt li:nth-child(1) {
padding-left:0;
}
.abpg1 .txt li:last-child {
border-right:none;
}
.abpg1 .txt h3 {
font-size:2.7083333333333335rem;
line-height:1.2;
color:#ff7f17;
font-weight:bold;
}
.abpg1 .txt h6 {
font-size:0.8333333333333334rem;
line-height:1.6;
color:#8f8b88;
margin-top:0.3125rem;
}
.abpg2 {
padding:3.75rem 0;
}
.abpg2 video {
width:100%;
object-fit:cover;
display:block;
}
.abpg2 .vids {
margin:2.8645833333333335rem 1.5625rem 0;
}
.abpg3 {
padding:3.125rem 0 5.9375rem;
}
.abpg3 .swiplishi {
overflow:hidden;
}
.abpg3 .bds {
position:relative;
margin:3.375rem 1.5625rem 0;
}
.abpg3 .swiplishi .swiper-slide {
padding:2.0833333333333335rem 1.0625rem 1.6666666666666667rem 1.5625rem;
background:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.abpg3 .swiplishi h3 {
font-size:1.25rem;
line-height:1.6;
color:#000000;
}
.abpg3 .swiplishi p {
height:10.42rem;
overflow-x:hidden;
overflow-y:scroll;
font-size:0.7291666666666667rem;
line-height:1.4583333333333335rem;
color:#505050;padding-right: 0.82rem;margin-top: 22px;
}
.abpg3 .prev,.abpg3 .next {
position:absolute;
left:-2.0833333333333335rem;
top:50%;
z-index:1;
background:url(../images/prev1.png) no-repeat center;
background-size:0.6770833333333334rem auto;
width:1.3020833333333335rem;
height:1.3020833333333335rem;
cursor:pointer;
margin-top:-0.5208333333333334rem;
}
.abpg3 .next {
right:-2.0833333333333335rem;
left:auto;
transform:rotate(180deg);
-ms-transform:rotate(180deg);
/* IE 9*/
-moz-transform:rotate(180deg);
/* Firefox*/
-webkit-transform:rotate(180deg);
/* Safari å Chrome*/
-o-transform:rotate(180deg);
}
.abpg4 {
padding:3.6458333333333335rem 0 5.208333333333334rem;
}
.abpg4 img {
width:100%;
display:block;
}
.abpg4 .img {
margin:1.9791666666666667rem 1.5625rem 0;
}
.abpg5 {
padding:3.854166666666667rem 0 1.6666666666666667rem;
}
.abpg5 .bds {
margin:2.604166666666667rem 1.5625rem 0;
}
.abpg5 .swipjoin {
overflow:hidden;
}
.abpg5 .swipjoin .swiper-slide {
background:#fff;
padding:1.4583333333333335rem 1.4583333333333335rem 1.5625rem;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.abpg5 .swipjoin h3 {
font-size:1.0416666666666667rem;
line-height:1.6;
color:#000000;
}
.abpg5 .swipjoin p {
font-size:0.7291666666666667rem;
line-height:1.25rem;
color:#6f6f6f;
margin:0.8333333333333334rem 0 2.0833333333333335rem;
overflow:hidden;
height:5rem;
}
.abpg5 .swipjoin h6 {
font-size:0.625rem;
line-height:1.7;
color:#a7a7a7;
}
.abpg5 .spans {
margin-top:3.125rem;
position:static;
text-align:center;
}
.abpg5 .spans span {
width:0.5208333333333334rem;
height:0.5208333333333334rem;
border-radius:50%;
border:1px solid #fff;
opacity:1;
margin:0 0.8333333333333334rem !important;
background:none;
}
.abpg5 .spans .swiper-pagination-bullet-active {
background:#f8b600;
border-color:#f8b600;
}
.abpg6 {
padding:2.604166666666667rem 0 5.46875rem;
background:#f5f5f5;
}
.abpg6 li {
border-bottom:0.052083333333333336rem solid #5b5b5b;
margin-bottom:2.1875rem;
padding-bottom:0.9375rem;
}
.abpg6 ul {
overflow:hidden;
margin-top:3.6458333333333335rem;
}
.abpg6 li a {
display:flex;
justify-content:space-between;
align-items:center;
}
.abpg6 li h4 {
font-size:1.0416666666666667rem;
line-height:1.6;
color:#000000;
}
.abpg6 li h6 i {
font-size:0.7291666666666667rem;
line-height:1.6;
color:#b9b9b9;
display:inline-block;
padding-right:0.8333333333333334rem;
background:url(../images/qms44_1.png) no-repeat right center;
background-size:0.36458333333333337rem auto;
}
.abpg7 {
padding:3.75rem 0 4.010416666666667rem;
}
.abpg7 .bds {
margin:1.0416666666666667rem 1.5625rem 0;
}
.abpg7 .pic img {
display:block;
margin:0 auto;
}
.abpg7 .pic {
width:33.59375rem;
float:right;
}
.abpg7 .txt {
width:calc(100% - 39.375rem);
float:left;
}
.abpg7 .txt dd {
border-bottom:0.052083333333333336rem solid #bdbdbd;
margin-bottom:0.78125rem;
padding-bottom:0.4166666666666667rem;
}
.abpg7 .txt dd h4 {
font-size:0.9375rem;
line-height:1.6;
color:#000000;
margin-bottom:0.20833333333333334rem;
}
.abpg7 .txt dd h6 i {
font-size:0.625rem;
line-height:1.6;
color:#b9b9b9;
display:inline-block;
padding-right:0.8333333333333334rem;
background:url(../images/qms44_1.png) no-repeat right center;
background-size:0.36458333333333337rem auto;
}
.layouts{
overflow: initial;
}
.uitbanner img{
width: 100%;height: 100%;display: block;object-fit: cover;
}
.uitfexi {
position:fixed;
right:0.5208333333333334rem;
bottom:20%;
z-index:999;
}
.uitfexi li {
width:3.1770833333333335rem;
height:3.1770833333333335rem;
border-radius:0.2604166666666667rem;
text-align:center;
margin-bottom:0.5208333333333334rem;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.uitfexi li a img {
display:block;
width:100%;
height:100%;
}
.uitfexi li .weixs {
width:6.510416666666667rem;
position:absolute;
right:100%;
margin-right:0.4166666666666667rem;
bottom:0;
z-index:11;
background:#ededed;
border-radius:0.3125rem;
padding:0.3125rem;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
display:none;
}
.uitfexi li .weixs img {
display:block;
width:100%;
}
.uitfexi .phone {
position:absolute;
right:100%;
top:0;
line-height:3.1770833333333335rem;
padding:0 0.78125rem;
background:#ededed;
white-space:nowrap;
font-size:0.9375rem;
color:#333;
font-family:Arial;
border-radius:0.2604166666666667rem 0 0 0.2604166666666667rem;
margin-right:-0.2604166666666667rem;
display:none;
}
.uitfexi li:hover .hover {
display:block;
}
.hpage3 .bd{
display: none;
}
.hpage3 .bd:nth-child(1){
display: block;
}
.searchdel li a:hover,
.uitmain .list li:hover h3{
background: url(../images/qms5.png) no-repeat left top 0.46875rem;color: #24a5ff;
}
.abpg5 .swipjoin .swiper-slide:hover h3,
.abpg3 .swiplishi .swiper-slide:hover h3{
color: #ff772d;
}
.crumbs dd a:hover,
.abpg6 li:hover h4,
.abpg7 .txt dd:hover h4,
.footer .ltc li a:hover,
.hpage3 .newsswiper .swiper-slide:hover h3,
.htab .stab .swiper-slide:hover h3,
.header .tp li a:hover{
color: #24a5ff;
}
.hpage3 .prev:hover, .hpage3 .next:hover,
.htab .prev:hover, .htab .next:hover{
background: url(../images/prev2.png) no-repeat center;
}
.hpage3 .newsswiper .pic img{
transition:all 0.3s;
-ms-transition:all 0.3s; /* IE 9 */
-moz-transition:all 0.3s; /* Firefox */
-webkit-transition:all 0.3s; /* Safari å Chrome */
-o-transition:all 0.3s;
}
.hpage3 .newsswiper .swiper-slide:hover .pic img{
transform:scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-moz-transform:scale(1.1); /* Firefox */
-webkit-transform:scale(1.1); /* Safari å Chrome */
-o-transform:scale(1.1);
}
.qmsearch .fm .sub:hover{
background: #e06a2a;
}
.cal-date.on{
position: relative;
}
.cal-date.on::before{
content: "";
position: absolute;
left: 0;right: 0;
bottom: 0;
margin: 0 auto;
z-index: 1;
width: 7px;
height: 7px;
border-radius: 50%;
background: #24a5ff;
}
.masklayer {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
position: fixed;
top: 0px;
left: 0px;
z-index: 10000;
}
.eligible_pop {
width: 770px;
position: absolute;
top: 40px;
left: 23rem;
}
.eligclose {
width: 26px;
height: 26px;
display: block;
background: url(../images/tcclose.png) no-repeat;
position: absolute;
top: 22px;
right: 10px;
cursor: pointer;
}
.yylay_middle_pop {
width: 700px;
border: 1px solid #e2e2e2;
margin: 0 auto;
padding: 13px 34px 0px 34px;
background: #ffffff;
}
.apprais {
height: 30px;
line-height: 30px;
padding: 0px 0px 13px 17px;
border-bottom: 1px solid #e5e5e5;
font-size: 24px;
color: #4c4c4c;
background: url(../images/xhz.jpg) no-repeat 0px 5px;
margin-bottom: 10px;
}
.hpage2 {
color: #666666;
line-height: 32px;
font-size: 12px;
padding-bottom: 20px;
}
.hpage2 .event {
line-height: 32px;
padding: 10px 0; background: url(../images/border.png) no-repeat bottom center;
}
.hpage2 .event .close {
display: block;
float: right;
width: 30px;
height: 32px;
background: url(../images/icon_close.png) no-repeat center;
}
.hpage2 .event h3 {
color: #333;
font-size: 18px;
text-align: left;
font-weight: bold;
}
.hpage2 .event_ul {
padding: 20px 0;
}
.hpage2 .event_ul li {
line-height: 24px;
font-size: 16px;
color: #333;
padding: 12px 0 12px 22px;
cursor: pointer;
background: url(../images/icon_horn.png) no-repeat left center;
}
.showtime{
display: none;
}
.mask{
position: fixed;
left: 0;right: 0;
top: 0;bottom: 0;z-index: 119;
background: rgba(0,0,0,0.8);
display: none;
}
.zrys .icon{
position: absolute;top: -55px;right: 16px;
width: 40px;cursor: pointer;
height: 40px;transition:all 0.3s;
-ms-transition:all 0.3s; /* IE 9 */
-moz-transition:all 0.3s; /* Firefox */
-webkit-transition:all 0.3s; /* Safari å Chrome */
-o-transition:all 0.3s;
background: url(../images/close.png) no-repeat center/contain;
}
.zrys .icon:hover{
transform:rotate(720deg);
-ms-transform:rotate(720deg); /* IE 9 */
-moz-transform:rotate(720deg); /* Firefox */
-webkit-transform:rotate(720deg); /* Safari å Chrome */
-o-transform:rotate(720deg);
}
.zrys{
position: fixed;
left: 0;right: 0;
top: 15%;z-index: 120;
display: none;
}
.zrys .wrap{
background: #fff;
padding: 40px 25px;
border-radius: 20px;
position: relative;
}
.zrys .wrap h2{
font-size: 24px;
line-height: 2.4;
color: #000000;
border-bottom: 1px solid #5b5b5b;
margin-bottom: 40px;
}
.zrys .wrap .text{
font-size: 16px;
line-height: 1.7;
color: #6f6f6f;
max-height: 70vh;
overflow-y: scroll;
}
.mtousujy{
background: #f7f9fa;
padding: 80px 0;
}
.mtousujy ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mtousujy li:nth-child(1),
.mtousujy li:nth-child(6),
.mtousujy li:nth-child(7),
.mtousujy li:nth-child(8){
width: 100%;
}
.mtousujy li{
margin-bottom: 15px;
}
.mtousujy li h3{
font-size: 16px;
line-height: 40px;
color: #333333;
display: flex;
align-items: center;
}
.mtousujy li h3 i{
color: #ee0101;
display: inline-block;
margin-right: 5px;
}
.mtousujy li .txt{
height: 40px;width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
border: 1px solid #c0c0c0;
}
.mtousujy li:nth-child(4),
.mtousujy li:nth-child(2){
width:400px;
}
.mtousujy li:nth-child(3),
.mtousujy li:nth-child(5){
width: calc(100% - 435px);
}
.mtousujy li .txt1{
height: 110px;padding: 10px 15px;
}
.mtousujy li .claf{
display: flex;
align-items: center;
}
.mtousujy li .claf .txt{
width: 280px;resize: none;
}
.mtousujy li .claf .pic{
height: 40px;cursor: pointer;
margin-left: 15px;
}
.mtousujy li .claf img{
height: 100%;
}
.mtousujy .btn{
font-size: 18px;
color: #000000;
line-height: 42px;
border-radius: 25px;
border: 2px solid #969899;
width: 145px;
background: linear-gradient(to bottom,#eff1f2,#c3c5c6);
text-align: center;
margin-top: 30px;
margin-right: 18px;
cursor: pointer;
}
.mtousujy .btn.on{
background: linear-gradient(to bottom,#3173cb,#0150c3);
color: #fff;border-color: #3670c6
}
.mtousujy .btn:hover{
background: #3670c6;color: #fff;border-color: #3670c6
}
.banner {
position: relative;
}
.banner .spans{
position: absolute;
left: 0;right: 0;text-align: center;
bottom: 20px;z-index: 11;
}
.banner .spans span{
width: 15px;
height: 15px;
opacity: 0.8;
}
.banner .spans span.swiper-pagination-bullet-active{
opacity: 1;
}
|