.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@charset "UTF-8";@charset "UTF-8"; .p_OccupyBox{text-align:center;margin-top:3%;margin-bottom:8%;} .p_OccupyBox .e_pagebox>*{display: inline-block;cursor:pointer;float:none;vertical-align:middle;} .p_OccupyBox .e_pagebox .pageNum{cursor:pointer;font-size: 14px;width:50px;height:50px;color:#54a134;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;background:#fff;} .p_OccupyBox .e_pagebox .pageNum.active{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .pageNum:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .next{color:#999;padding:0;color:#333;background:#fff;width:100px;height:50px;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;} .p_OccupyBox .e_pagebox .pre{color:#999;padding:0;color:#333;background:#fff;width:100px;height:50px;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;} .p_OccupyBox .e_pagebox .next:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .pre:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .next.disAble_next:hover{border:1px solid #ddd;color:#ddd;cursor: default;} .p_OccupyBox .e_pagebox .pre.disAble_prev:hover{border:1px solid #ddd;color:#ddd;cursor: default;} .p_OccupyBox .e_pagebox .next.disAble_next{background:none;border:1px solid #eee;color:#999;cursor: default;} .p_OccupyBox .e_pagebox .pre.disAble_prev{background:none;border:1px solid #eee;color:#999;cursor: default;} .p_OccupyBox .p_more{height:40px;} .p_more .iconfont{display: none;} .p_OccupyBox .p_more .font{height:40px;line-height:40px;} .e_btn:hover{box-shadow:unset;background:rgba(101,166,76,0.9);color:#fff;} .p_page .pre .font{display:inline;font-family:serif;font-size:16px;font-weight:700;vertical-align:top;} .p_page .next .font{display:inline;font-family:serif;font-size:16px;font-weight:700;vertical-align:top;} .p_page{float:none;position:static;} @media only screen and (max-width:767px){ .p_OccupyBox .e_pagebox .pageNum{display:none;} .p_OccupyBox .e_pagebox .next{height:35px;line-height:35px;} .p_OccupyBox .e_pagebox .pre{height:35px;line-height:35px;} }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_xibDkContentGroup_row-15499673418467084 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15499673418467084 .scenery_title{ text-align:center; } #c_xibDkContentGroup_row-15499673418467084 .scenery_title > h3{ text-align:center; } #c_xibDkContentGroup_row-15499673418467084 .scenery_title .lv_color{ color:#90c31f; font-family:Arial; font-weight:bold; } #c_xibDkContentGroup_row-15499673418467084 .scenery_title > i{ display:block; width:70px; height:1px; background:rgba(34,34,34,.5); margin:30px auto 50px; } #c_xibDkContentGroup_row-15499673418467084 .fih_authentication_box{ padding:80px 0; } #c_xibDkContentGroup_row-15499673418467084 .fih_match_img{ width:100%; height:0; overflow:hidden; padding-bottom:16.8%; } #c_xibDkContentGroup_row-15499673418467084 .fih_match_img > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15499673418467084 .fih_match_img:hover > img{ transform:scale(1.03); -webkit-transform:scale(1.03); -o-transform:scale(1.03); -ms-transform:scale(1.03); } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15499673418467084 .scenery_title > i { margin: 10px auto 20px; } #c_xibDkContentGroup_row-15499673418467084 .scenery_title > h3 { font-size: 22px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15499673418467084 .fih_authentication_box { padding: 50px 0; } #c_xibDkContentGroup_row-15499673418467084 .fih_authentication_box .scenery_title > h3 { font-size: 16px; } } #c_xibDkContentGroup_row-15499673418467084{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1549967282963 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1549967282963*/ /*w_grid-1549967282963*/ /*w_grid-1549967282963*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1549967282963{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkBanner_list-1549966504652 .banner .w1280{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); } #c_xibDkBanner_list-1549966504652 .banner_fih_outer{ width:100%; position:relative; } #c_xibDkBanner_list-1549966504652 .banner_fih_text{ width:100%; } #c_xibDkBanner_list-1549966504652 .banner_fih_text img{ float:left; } #c_xibDkBanner_list-1549966504652 .banner_fih_text > h2{ float:right; text-align:center; font-size:60px; color:#fff; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } @media only screen and (max-width: 1440px){ #c_xibDkBanner_list-1549966504652 .banner_fih_text img { width: 200px; margin-left: 50px; } #c_xibDkBanner_list-1549966504652 .banner_fih_text > h2 { font-size: 50px; right: unset; float: left; left: 320px; } } @media only screen and (max-width: 1280px){ #c_xibDkBanner_list-1549966504652 .banner_fih_text img { margin-left: 90px; } #c_xibDkBanner_list-1549966504652 .banner_fih_text > h2 { font-size: 46px; } } @media only screen and (max-width: 1024px){ #c_xibDkBanner_list-1549966504652 .banner_fih_text img { width: 170px; margin-left: 50px; } #c_xibDkBanner_list-1549966504652 .banner_fih_text > h2 { font-size: 44px; left: 270px; } } @media only screen and (max-width: 768px){ #c_xibDkBanner_list-1549966504652 .banner_fih_text img { width: 100px; margin-left: 50px; } #c_xibDkBanner_list-1549966504652 .banner_fih_text > h2 { font-size: 30px; left: 240px; } } @media only screen and (max-width: 490px){ #c_xibDkBanner_list-1549966504652 .banner_fih_text img { width: 50px; margin-left: 10px; } #c_xibDkBanner_list-1549966504652 .banner_fih_text > h2 { font-size: 20px; left: 70px; } } @media only screen and (max-width: 375px){ #c_xibDkBanner_list-1549966504652 .banner_fih_text img { width: 50px; margin-left: 0; } #c_xibDkBanner_list-1549966504652 .banner_fih_text > h2 { font-size: 20px; left: 60px; } } #c_xibDkBanner_list-1549966504652{ padding-left:0px; padding-right:0px; max-height:none; padding-top:0px; max-width:none; width:auto; margin-bottom:0px; min-height:0px; padding-bottom:0px; margin-right:0px; height:auto; min-width:0px; margin-left:0px; margin-top:0px; } #c_xibDkContentGroup_row-15499675054093896 .p_MatteIcon .iconfont:before{content:'\e602'; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title{ text-align:center; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title > h3{ text-align:center; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title .lv_color{ color:#90c31f; font-family:Arial; font-weight:bold; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title > i{ display:block; width:70px; height:1px; background:rgba(34,34,34,.5); margin:30px auto 50px; } #c_xibDkContentGroup_row-15499675054093896 .rugby_describe_box{ padding:80px 0; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title > p{ line-height:36px; font-size:16px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_con{ margin-top:40px; margin-bottom:40px; position:relative; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_img{ width:100%; height:0px; overflow:hidden; padding-bottom:34.45%; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_img > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_con:hover .fih_describe_img > img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_text{ width:494px; height:100%; position:absolute; left:0px; top:0px; background-color:rgba(144,195,31,.9); } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_text > p{ color:#fff; padding:0 80px; line-height:36px; font-size:16px; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_icon{ position:absolute; right:25px; top:25px; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15499675054093896 .rugby_describe_box { padding: 60px 0; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title > i { margin: 20px auto 30px; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title > p { line-height: 28px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_con { margin-top: 20px; margin-bottom: 20px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_img { padding-bottom: 30.45%; } } @media only screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15499675054093896 .fih_describe_text { width: 400px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_text > p { padding: 0 55px; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15499675054093896 .scenery_title > p { font-size: 15px; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15499675054093896 .scenery_box { padding: 50px 0; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_icon { height: 100px; right: 15px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_icon > img { height: 100%; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_text > p { font-size: 14px; padding: 0 20px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_text { width: 315px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15499675054093896 .scenery_title > h3 { font-size:22px; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title > i { width: 40px; margin: 10px auto 20px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_box { padding: 40px 0; } #c_xibDkContentGroup_row-15499675054093896 .scenery_title { text-align: left; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_con { margin-top: 20px; margin-bottom: 20px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_text { position: relative; height: auto; width: 100%; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_text > p { box-sizing: border-box; padding: 15px 15px; line-height: 22px; position: static; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } #c_xibDkContentGroup_row-15499675054093896 .scenery_title > p { display: inline; line-height: 22px; font-size: 14px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_icon { text-align: center; right: 30px; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_icon > img:nth-child(2) { margin-right: 0; } #c_xibDkContentGroup_row-15499675054093896 .fih_describe_img { padding-bottom: 68.9%; } } #c_xibDkContentGroup_row-15499675054093896{ padding-left:0px; padding-right:0px; max-height:none; padding-top:0px; max-width:none; width:auto; margin-bottom:0px; min-height:0px; padding-bottom:0px; margin-right:0px; height:auto; min-width:0px; margin-left:0px; margin-top:0px; } #c_xibDkContentGroup_row-15499669497264873 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_box{ padding:80px 0; background-image:url("//dfs.yun300.cn/group1/M00/14/D0/rBQBG1xinuyEXPlZAAAAALUWFOc467.png"); background-repeat:no-repeat; background-position:center center; background-size:cover; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_con > li{ float:left; width:17%; margin-left:10.666%; cursor:pointer; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_con > li:first-child{ margin-left:0px; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_img{ text-align:center; margin-bottom:20px; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_img > img{ position:relative; top:0px; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_con > li:hover .fih_class_img > img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15499669497264873 .fih_class_text > h3{ text-transform:uppercase; color:#666; font-size:20px; line-height:36px; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_text > p{ color:#666; font-size:16px; line-height:24px; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15499669497264873 .fih_class_img > img { width: 100%; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_text > p { font-size: 14px; } } @media only screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15499669497264873 .fih_class_img > img { width: 75%; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_con > li { width: 20%; margin-left: 6.66%; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15499669497264873 .fih_class_con > li { width: 17%; margin-left: 10.6666%; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_img > img { width: 100%; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15499669497264873 .fih_class_box { padding: 60px 0; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_con > li { width: 20%; margin-left: 6.66%; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_img > img { width: 80%; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_text > h3 { font-size: 18px; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_text > p { font-size: 14px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15499669497264873 .fih_class_box { padding: 60px 0 30px; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_con > li { width: 45%; margin-left: 10%; margin-bottom: 30px; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_con > li:nth-child(odd) { margin-left: 0; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_img > img { width: 60%; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_text > h3 { font-size: 16px; } #c_xibDkContentGroup_row-15499669497264873 .fih_class_text > p { line-height: 20px; } } #c_xibDkContentGroup_row-15499669497264873{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; padding-right:0px; height:auto; min-width:0px; }