#menu { position:relative; z-index: 999; } .Main { position: static; } .fixbox{ position:fixed; top:65%; right:10px; z-index:9999;} .fixbox .iconfont{ display:block; background:url(../images/fixbg.png) no-repeat; width:70px; height:70px; text-align:center; line-height:70px; font-size:40px; color:#2f6fa9; margin-bottom:2px;} .fixbox .iconfont.icon-dianhua1{ padding-top:5px; font-size:35px;} .fixbox .iconfont:hover{ color:#fb4f14;} .fixbox .weixinbox{ position:absolute; right:74px; bottom:-20px; display:none; width:112px; height:112px;} .fixbox .telbox{ position:absolute; right:74px; top:-0; display:none; width:120px; height:60px; line-height:70px; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px; background-color:#FFFFFF; -moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70); text-align:center; font-size:16px; color:#fb4f14;} /*Footer End*/ /* 淇℃伅鍏紑鎴愬憳鍗曚綅 */ .xxgkContent { font-size: 20px; line-height: 35px; } /*pages*/ .Pages{zoom:1; overflow:hidden; text-align:center; padding:30px 0; text-align:left;} .Pages span{ padding:0px 3px; display:inline-block;} .Pages a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px;} .Pages a:hover{ color:#233d85; border:1px solid #233d85;} .Pages font { display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#fff; line-height:35px; background: #233d85; } .Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{ display:none;} .Pages .p_cur b{ color:#F00;} .Pages .p_count b{ color:#F00;} .Pages .p_total b{ color:#F00;} .Pages .p_page em a.a_cur{ color:#fff; background:#233d85; border-color:#233d85;} .Pages .p_page b{ font-weight:normal;} .Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;} .Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;} @media(max-width:768px){ .Pages{ text-align:center;} .Pages a.a_first,.Pages a.a_end{ display:none;} } /*pages end*/ /*Index*/ .Homebanner{ margin-top:-5px;} .Homebanner .ul li{ height:534px; background-position:center center; background-repeat:no-repeat;} .Homebanner .ul li a{ display:block; height:534px;} .Homebanner .ul li a img{ display:none !important;} .Homebanner .owl-carousel .owl-dots{text-align:center; position:absolute; bottom:4%; width:100%;} .Homebanner .owl-carousel .owl-dot{ display:inline-block; border-radius:50%; width:16px; height:16px; background-color:#fff;margin:0 3px; cursor:pointer;} .Homebanner .owl-carousel .owl-dot.active{ background-color:#1e3ca8; } .HomeNew .owl-carousel .owl-dots{text-align:center; position:absolute; bottom:2%; width:100%;} .HomeNew .owl-carousel .owl-dot{ display:inline-block; border-radius:50%; width:16px; height:16px; background-color:#fff;margin:0 3px; cursor:pointer;} .HomeNew .owl-carousel .owl-dot.active{ background-color:#1e3ca8; } .Hfloor1{ padding:15px 0; } .Hfloor1 .Pagewidth{ padding-left:100px;position:relative; min-height:30px; line-height:30px;} .Hfloor1 .h5{ color:#0e3092; position:absolute; left:0; top:0; line-height:30px;} .Hfloor1 ul{ max-width:535px; position:static; color:#252525;font-size: 14px;} .Hfloor1 ul li{ position:relative; padding-right:100px; } .Hfloor1 ul li time{ position:absolute; right:0; top:0;} .Hfloor1 ul li .h6{ line-height:30px; font-weight:normal;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .Hfloor1 .owl-nav{ position:absolute; right:0; top:0;} .Hfloor1 .owl-carousel .owl-prev,.Hfloor1 .owl-carousel .owl-next{ display:inline-block; font-weight:bold; margin-left:5px;} .Hfloor1 .owl-carousel .owl-prev .iconfont,.Hfloor1 .owl-carousel .owl-next .iconfont{ font-size:24px; color:#b8b8b8;} .Hfloor1 .owl-carousel .owl-prev:hover .iconfont,.Hfloor1 .owl-carousel .owl-next:hover .iconfont{ color:#0e3092;} .Hfloor2{ margin-bottom:30px;} .Hfloor2 ul{ position:relative; margin:0 -1%; overflow:hidden;} .Hfloor2 li{ float:left; margin:0 1%; width:23%; position:relative;overflow:hidden;} .Hfloor2 li a{ position:absolute; top:0; left:0; z-index:3; display:block; width:100%; height:100%;} .Hfloor2 li .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.35) none repeat scroll 0 0 !important;filter:Alpha(opacity=35); background:#000;} .Hfloor2 li .show{ position:absolute; top:-100%; left:0; width:100%; height:100%; text-align:center; vertical-align:middle;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s; padding-top:15%;} .Hfloor2 li .show span{ display:block; color:#fff; font-size:16px; padding-top:5px;} .Hfloor2 li .show img{ width:50px; height:50px;} .Hfloor2 li .h5{ font-weight:normal; position:absolute; right:0; bottom:0; display:inline-block; line-height:35px; padding:0 10px; background:#233d85; color:#fff;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;} .Hfloor2 li .h5 i{ width:0; height:0; border-top-width: 47px; border-right-width: 20px; border-bottom-width: 45px; border-style: solid; border-color: transparent #233d85 transparent transparent; position: absolute; left: -23px; bottom: -56px;} .Hfloor2 li:hover .show{ top:0;} .Hfloor2 li:hover .h5{ bottom:-60px;} .Hfloor2 li:hover .bg{background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=5);} .Hfloor3{ padding-bottom:24px;} .Hfloor3 .h4{ font-weight:normal; color:#2d2d2d; margin-bottom:20px;} .Hfloor3 .h4 a{ float:right; color:#a3a3a3; text-transform:uppercase; font-size:12px;} .Hfloor3 .h4 a:hover,.Hfloor3 .h4 a:hover .iconfont{ color:#233d85;} .Hfloor3 .h4 a .iconfont{ color:#bebebe; position:relative; top:2px; padding-right:2px; font-size:18px;} .HomeNew{ float:left; width:66%; border:1px solid #e9e9e9; box-shadow:0 0 20px 0 rgba(0,0,0,0.15);} .HomeNew .Picbox{ float:left; width:54%;} .HomeNew .Picbox .item a{ height:320px; display:block;} .HomeNew .Picbox .item a img{ display:none;} .HomeNew .Listbox{ float:right; width:46%; padding:15px 20px;} .HomeNew .Listbox .istop{ padding-bottom:15px;} .HomeNew .Listbox .istop .pic{ display:block; width:55%; float:left;} .HomeNew .Listbox .txt{ float:right; width:45%; padding:0 0 0 10px;} .HomeNew .Listbox .tit{ line-height:16px; height:32px; overflow:hidden; font-size:15px;} .HomeNew .Listbox .tit a:hover{ color:#233d85;} .HomeNew .Listbox .con{ border-top:1px solid #e3e3e3; margin:15px 0 0; padding-top:8px; color:#969696; line-height:16px; height:56px; overflow:hidden; font-size:12px;} .HomeNew .Listbox .ul li{ position:relative; padding:5px 90px 5px 0;} .HomeNew .Listbox .ul li time{ position:absolute; right:0; top:7px; color:#bcbcbc; font-size:12px;} .HomeNew .Listbox .ul li a{ font-size: 14px; color:#434343; display:block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .HomeNew .Listbox .ul li a .iconfont{ color:#8e9dc6; font-size:13px; padding-right:8px; position:relative; top:-1px;} .HomeNew .Listbox .ul li a:hover{ color:#233d85;} .HomeNew .Listbox .ul li:hover a,.HomeNew .Listbox li:hover time{color:#233d85;} .HomeNew .Picbox .item a{ height: auto; background:none;} .HomeNew .Picbox .item a img{ display:block;} .HomeParty{ float:right; width:30%;border:1px solid #e9e9e9; box-shadow:0 0 20px 0 rgba(0,0,0,0.15);padding:15px 20px;} .HomeParty .ul li{ margin-bottom:10px; position:relative; min-height:118px;} .HomeParty .ul li.last{ margin-bottom:0;} .HomeParty .ul li .pic{ display:block; position:absolute; left:0; top:0;z-index: 2;} .HomeParty .ul li .txt{ padding:0 0 0 140px; position:relative;} .HomeParty .ul li .tit{ line-height:18px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .HomeParty .ul li .tit a{ color:#000; font-size:15px;} .HomeParty .ul li .tit a:hover{ color:#233d85;} .HomeParty .ul li .con{ border-top:1px solid #e3e3e3; margin:10px 0 10px; padding-top:10px; color:#969696; line-height:16px; height:42px; overflow:hidden; font-size:12px;} .HomeParty .ul li .more{ color:#233d85; border:1px solid #cfcfcf; moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; padding:1px 0; margin-top:22px; display:block; width:68px;font-size:12px; text-align:center;} .HomeParty .ul li .more:hover{ color:#fff; border-color:#233d85; background-color:#233d85;} .Htit{ font-weight:normal; color:#2d2d2d; margin-bottom:20px; line-height:35px;} .Htit span{ display:inline-block; background:#233d85; color:#fff; padding:0 20px 0 10px; position:relative; } .Htit span i{width:0; height:0; border-top-width: 35px; border-left-width: 16px; border-bottom-width: 0; border-style: solid; border-color: transparent transparent transparent #233d85; position: absolute; right: -19px; bottom:0;} .Htit a{ float:right; color:#a3a3a3; text-transform:uppercase; font-size:12px;} .Htit a .iconfont{ color:#bebebe; position:relative; top:2px; padding-right:2px; font-size:18px;} .Htit a:hover,.Htit a:hover .iconfont{ color:#233d85;} .Hfloor4{ padding-bottom:24px;} .Hfloor4 .Listbox{border:1px solid #e9e9e9; box-shadow:0 0 20px 0 rgba(0,0,0,0.15); width:100%; padding:20px;} .Hfloor4 .Listbox li{ position:relative; /*padding:6px 90px 6px 0;*/padding:6px 6px 6px 0;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;} .Hfloor4 .Listbox li time{ position:absolute; right:0; top:0; color:#bcbcbc; font-size:12px;display: none;} .Hfloor4 .Listbox li a{ color:#434343; display:block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .Hfloor4 .Listbox li a .iconfont{ color:#8e9dc6; font-size:13px; padding-right:8px; position:relative; top:-1px;} .Hfloor4 .Listbox li a:hover{ color:#233d85;} .Hfloor4 .Listbox li:hover a,.Hfloor4 .Listbox li:hover time{color:#233d85;} .Hfloor4 .Listbox li .more{ color:#233d85; border:1px solid #cfcfcf; moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;padding:1px 0; display:block; width:68px;font-size:12px; text-align:center;position:absolute; right:0; top:6px;display: none;} .Hfloor4 .Listbox li .more:hover{ color:#fff; border-color:#233d85; background-color:#233d85;} .HomeGroup{float:left; /*width:66%;*/ width: 30%;} .HomeInfo {float:left; width: 30%;margin-left: 5%;} .HomeLeaguer{ width:30%; float: right;} .Hfloor5{ padding-bottom:24px;} .HomeAbout{border:1px solid #e9e9e9; box-shadow:0 0 20px 0 rgba(0,0,0,0.15);} .HomeAbout .Picbox{ float:left; width:47%;} .HomeAbout .Conbox{ float:right; width:50%; padding:20px 20px 20px 0;} .HomeAbout .Conbox .h3{ font-weight:normal; color:#2d2d2d; margin-bottom:20px;} .HomeAbout .Conbox .h3 em{ font-style:normal; color:#233d85; font-size:12px; font-family:Arial, "寰蒋闆呴粦"; text-transform:uppercase; padding-left:3px;} .HomeAbout .Conbox .h3 a{ float:right; color:#a3a3a3; text-transform:uppercase; font-size:12px;} .HomeAbout .Conbox .h3 a:hover,.HomeAbout .Conbox .h3 a:hover .iconfont{ color:#233d85;} .HomeAbout .Conbox .h3 a .iconfont{ color:#bebebe; position:relative; top:2px; padding-right:2px; font-size:18px;} .HomeAbout .Conbox .con p{ text-indent:2em; margin:0; line-height:2; color:#6b6a6a;} .HomeAbout .Conbox .con a{ color:#233d85; font-weight:bold;} .HomeAbout_Nav{ padding-top:23px;} .HomeAbout_Nav li{ float:left; max-width:70px; width:17%; margin-right:3%; text-align:center;} .HomeAbout_Nav li .iconimg{ moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; border:1px solid #bfbfbf; padding:9px; display:block;} .HomeAbout_Nav li .img_hover{ display:none;} .HomeAbout_Nav li .tit{ font-weight:normal; font-size:14px; margin:9px 0 0;} .HomeAbout_Nav li:hover .iconimg{ border-color:#233d85;background-color:#233d85;} .HomeAbout_Nav li:hover .tit a{ color:#233d85;} .HomeAbout_Nav li:hover .img{ display:none;} .HomeAbout_Nav li:hover .img_hover{ display:inline;} .Hfloor6 .Pagewidth{ overflow:hidden; padding-bottom:10px;} .Hfloor6 .ul li{ float:left; border:1px solid #e9e9e9; box-shadow:0 0 10px 0 rgba(0,0,0,0.15); padding:10px; margin-right:14px; background-color:#fbfbfb; margin:0 10px;} .Hfloor6 .ul li:hover{ border-color:#233d85;} .Hfloor6 .ul .owl-stage-outer{ overflow:visible;} .Himage {} .Himage .Imgbox {width: 100%;padding-bottom: 30%;margin-bottom:20px;position: relative;} .Himage .Imgbox a {display: block;position: absolute;top: 0;left: 0;width: 100%;height:100%;box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);background-size: cover;} @media screen and (min-width:768px) { .Himage .Imgbox {padding-bottom: 13%;} .Himage .Imgbox {float: left;width: 65%;} .Himage .right {float: right;width: 30%;} } /*Index End*/ /*Banner*/ /*Banner End*/ .Menu{ background:#fef8ee; line-height:50px; min-height:50px;} .Menu .pageContainer{ position:relative; padding-left:210px;} .menuTit{ position:absolute; top:-35px; left:0; height:85px; background:#0e3092; width:210px; padding:14px 30px; color:#fff; font-weight:normal;} .menuTit em{ display:block; font-style:normal; color:#bfc4db; font-size:16px; text-transform:uppercase;} .Menu .OneNav {} .Menu .OneNav li{ float:left; padding:0 20px;} .Menu .OneNav li a{ font-size:14px; color:#333; padding-bottom:14px;} .Menu .OneNav li.cur a,.Menu .OneNav li a:hover{ color:#0e3092;border-bottom:2px solid #0e3092;font-weight:600;} .Currents{ text-align:right; line-height:35px;} .Currents a{} .Currents a:hover{ color:#233d85;} .Currents span{ color:#233d85;} .pagetit{ font-size: 28px; margin:0 0 3% 0; font-weight:normal; text-align:center; color:#0e3092;} .pagetit em{ font-style:normal; font-size:12px; color:#313452; font-family:Arial, "寰蒋闆呴粦"; display:block; text-transform:uppercase; padding-top:2px;} .Container{ padding:3.5% 0;} .aboutpicbox{ float:right; width:30%;} .aboutcontat-Editbox{ padding:3% 0;} .aboutcontat-Editbox ul li{ position:relative; padding-left:55px; line-height:41px; margin-bottom:15px;} .aboutcontat-Editbox ul li span{ display:block; position:absolute; top:0; left:0; border:1px solid #bdbdbd; width:41px; height:41px;moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; text-align:center; line-height:39px;} .aboutcontat-Editbox ul li span .iconfont{ font-size:24px; color:#bdbdbd;} .Culture-Editbox{ padding:0 0 2% 0; position:relative; border-bottom:1px solid #dcdcdc; margin-bottom:4%;} .Culture-Editbox .h4{ text-align:center; color:#0e3092; margin:2% 0 3%;} .Culture-Editbox .culture-img{ position:absolute; top:50%; left:50%; margin-top:-125px; margin-left:-109px;} .Culture-Editbox ul li{ float:left; width:51%; padding-right:206px; position:relative; padding-left:8%; margin-bottom:3%;} .Culture-Editbox ul li.odd{ float:right; padding-left:190px; padding-right:0; width:49%; text-align:left;} .Culture-Editbox ul li .h4{ text-align:left;} .Culture-Editbox ul li .num{ position:absolute; top:32px; right:146px;} .Culture-Editbox ul li.odd .num{ position:absolute; left:126px; right:auto;} .Culture-Editbox ul li.last{ margin-top:-121px;} .Culture-Editbox ul li.last .num{ top:auto; bottom:-8px;} .Culture-Editbox2 li{ float:left; width:170px; padding:20px; text-align:center;} .Culture-Editbox2 li img{ display:block; margin:0 auto 15px;} .Culture-Editbox2 li .p{ line-height:18px; height:54px; overflow:hidden; color:#60636b;} .history{ display:block !important; position:relative;} .history ul{ background:url(/zhkl/resource/cms/2020/10/img_pc_site/2020102114485410626.jpg) repeat-y center center; padding:15px 0 20px;} /*.history .owl-item{ width:51% !important;float:right !important;}*/ .history ul li{ width:51%; padding-left:100px; position:relative; float:right;} .history ul li.odd{ float:left; padding-right:100px; padding-left:0; text-align:right;} .history ul li .year{ display:block; font-size:18px; color:#2d304f; font-weight:bold; position:relative; padding-right:10px;} .history ul li .year span{ width:0; height:0; border:solid #2d304f 10px; border-color:#2d304f transparent transparent transparent; border-left-width:7px;border-right-width:7px; position:relative; top:18px; right:-10px;} .history ul li dl{ position:relative; padding:10px 0 10px 0;} .history ul li dl .iconli{ position:absolute; left:-98px; top:0; display:block; background:url(/zhkl/resource/cms/2020/10/img_pc_site/2020102114375560166.png) no-repeat; width:31px; height:31px; margin-left:-5px;} .history ul li.odd dl .iconli{ right:-100px; left:auto; margin-left:0; margin-right:-5px;} .history ul li dl.first .iconli{ background-image:url(/zhkl/resource/cms/2020/10/img_pc_site/2020102114375312915.png);} .history ul li .tit{ font-weight:normal; color:#3e3d3d; margin:0; line-height:30px; position:relative;} .history ul li .tit span{ position:absolute; left:-65px; color:#a4a4a4;} .history ul li.odd .tit span{ left:0; right:-65px;} .history .prev{ position:absolute; top:-30px; left:50%;margin-left:-18px;} .history .next{ bottom:-30px; position:absolute; left:50%; margin-left:-18px;} .history .iconfont{ color:#0e3092; font-size:36px;} .videolist{ overflow:hidden;} .videolist ul{ margin:0 -1%;} .videolist li{ float:left; width:31.333%; margin:0 1% 20px;height:213px;} .videolist li .pic{ display:block; text-align:center; background-position: center center; background-repeat:no-repeat;} .videolist li .txt{ background:#f2f2f2; padding:15px 50px 15px 15px; position:relative;} .videolist li .txt .vicon{ position:absolute; right:15px; top:50%; margin-top:-15px; color:#cbcbcb;} .videolist li .txt .vicon .iconfont{ font-size:24px;} .videolist li .txt .h5 {overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .videolist li .txt .h5 a{ color:#333; font-size:14px;} .videolist li .txt .p{ color:#686868; font-size:12px; padding-top:5px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .honorlist{ overflow:hidden;} .honorlist ul{ margin:0 -1%;} .honorlist li{ float:left; width:23%; margin:0 1% 20px;} .honorlist li .pic{ display:block; text-align:center; background-image:url(/zhkl/resource/cms/2020/10/img_pc_site/2020102116343393565.png); background-position: center center; background-repeat:no-repeat; padding:5px;} .honorlist li .h5 {overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin:10px 0 0; text-align:center; font-weight:normal; font-size:14px; cursor:default;} .honorlist li .h5 a{ font-weight:normal; font-size:14px;} .honorinfo{ background:#fff; padding:15px; border-bottom:3px solid #0e3092;} .honorinfo .h5{ font-weight:normal; font-size:14px; color:#666; margin:0; font-weight:normal; line-height:24px; padding-top:15px; padding-right:50px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} #fancybox-outer{ margin:0 auto; border-radius:10px;} #fancybox-content{ width:100% !important;} #fancybox-close{ background:url(/zhkl/resource/cms/2020/10/img_pc_site/2020102116521820532.png) no-repeat !important; width:40px !important; height:40px !important; display:block; position:absolute; top:auto !important; bottom:-45px !important; right:-20px !important;} .newslist ul{ margin:0;} .newslist li{ margin:0px 0 20px; border:1px solid #f1f1f1; background-color:#fafafa;} .newslist li .pic{ display:block; max-height:176px; background-repeat:no-repeat; background-position: center center; background-size:cover !important; overflow:hidden; float:left; width:25%;} .newslist li .pic img{ width:100%;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;} .newslist li .txt{ float:right; width:75%; padding:13px 15px 12px 25px;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;} .newslist li .txt .h4{ margin:0;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-bottom:1px solid #e1e1e1; padding-bottom:10px;} .newslist li .txt .h4 a{ color:#333; font-size: 18px;} .newslist li .txt .con{ height:48px; line-height:24px; color:#333; overflow:hidden; margin:15px 0 18px; line-height:20px; font-size:14px; line-height:22px;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;} .newslist li .txt .more{ width:103px; height:32px; line-height:30px; color:#333; font-size:12px; border:1px solid #ededed; background:#fff; display:inline-block; text-align:center; text-transform:uppercase;} .newslist li .txt .more .iconfont{ font-size:14px; color:#ef3042; padding-left:10px;} .newslist li .txt time{ float:right; color:#666;} .newslist li .pic:hover img{-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .newslist li .txt .h4 a:hover{ color:#0e3092;} .newslist li .txt .more:hover{ border-color:#0e3092;} .newslist li .txt .more:hover .iconfont{ color:#0e3092;} .newinfo{ line-height:27px; padding:30px 0 0; color:#666;} .newinfo-top{ margin:0 auto; text-align:center; color:#9b9b9b;} .newTit{ margin:0 0 3% 0; border-bottom:1px solid #ececec;font-weight:normal;} .newTit span{ color:#3a3f53; padding:0 20px; background:#fff; position:relative; top:20px;} .newinfo-top time{ padding-right:10px;} .newinfo-top .label a{ display:inline-block; color:#ff5722; border:1px solid #ff5722; border-radius:15px; height:30px; line-height:30px; padding:0 15px; margin-right:10px; margin-bottom:5px; } .newinfo .SinglePage{ color:#3a3f53; font-size:14px; line-height:30px; padding-top:2rem;} .newinfo .SinglePage p{ margin:2rem 0 ;} .newPN{ font-size:14px; padding-top:30px; clear:both;} .Nprev{ float:left; width:48%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .Nnext{ float:right; width:48%; text-align:right; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .videobox{text-align:center;} .partylist{ overflow:hidden;} .partylist ul{ margin:0 -1%;} .partylist li{ float:left; width:31.333%; margin:0 1% 3%;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;} .partylist li .pic{ display:block; text-align:center; background-position: center center; background-repeat:no-repeat; overflow:hidden;height:260px;} .partylist li .pic img{ width:100%;height:100%;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;} .partylist li .txt{ padding:15px; border-bottom:1px solid #e5e5e5;} .partylist li .txt .vicon{ position:absolute; right:15px; top:50%; margin-top:-15px; color:#cbcbcb;} .partylist li .txt .vicon .iconfont{ font-size:24px;} .partylist li .txt .h5 {overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right:100px; position:relative;} .partylist li .txt .h5 a{ color:#333; font-size:14px;} .partylist li .txt time{ position:absolute; top:0; right:15px; color:#333; font-size:14px;} .partylist li .txt .p{ color:#333; font-size:12px; padding-top:5px; line-height:20px; height:45px; overflow: hidden;} .partylist li:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.19);} .partylist li:hover .txt .h5 a,.partylist li:hover .txt time{ color:#0e3092;} .partylist li:hover .pic img{-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .Job{} .Jtit{ color:#0e3092; font-weight:normal;} .Jtit em{ font-style:normal; font-size:12px; color:#313452; text-transform:uppercase; padding-left:5px;} .Job .SinglePage{ color:#7f7f7f; line-height:24px;} .joblist{ padding-top:20px;} .joblist{} .joblist .thead{ background:#233d85; padding:0 2%; line-height:46px; text-align:center; margin-bottom:10px;} .joblist .thead span{ float:left; width:33.3334%; color:#fff; display:block; font-size:16px;} .joblist .jobname{ text-align:left;} .joblist .time{ text-align:right;} .joblist .dl{ margin-bottom:10px;} .joblist .dl.active .dt{ border-color:#e5e8f3; background-color:#e5e8f3;} .joblist .dl .dt{border:1px solid #e3e3e3; line-height:46px; padding:0 2%; text-align:center; cursor:pointer;} .joblist .dl .dt span{float:left; width:33.3334%; color:#233d85; display:block; font-size:16px;} .joblist .dl .dt .time{ font-size:14px; color:#939393;} .joblist .dl .dt .time em{ font-style:normal; color:#d82020;} .joblist .conbox{ background:#f4f4f4; padding:20px 2%; margin-top:5px; color:#333; font-size:16px; display:none;} .joblist .conbox .h5{color:#233d85;} .contactcon{ background:#f2faff; border:1px solid #e5e5e5; padding:15px;} .contactcon dl{ display:inline-block; width:50%;} .contactcon dl:nth-child(2),.contactcon dl:nth-child(3){ width:25%;} .feedback{ border-top:1px solid #e7e7e7; padding-top:30px;} .feedback .tips{ color:#333; margin-bottom:3%;} .feedback .dl{ float:left; width:50%; position:relative; margin-bottom:2%; line-height:32px; padding-left:75px; padding-right:3%;} .feedback .dl1{ padding-left:100px; padding-right:0;} .feedback .dl2{position:relative; margin-bottom:3%; line-height:32px; padding-left:75px; clear:both;} .feedback .dl dt,.feedback .dl2 dt{ position:absolute; top:0; left:0; text-align:right; width:70px;} .feedback .dl1 dt{ left:25px;} .feedback dd .text{ border:1px solid #e1e1e1; line-height:30px; width:100%; padding:0 10px;} .feedback .dl2 textarea.text{ height:100px;overflow:hidden; resize:none;} .feedback .dl2 .codetext{ max-width:120px;} .feedback .dl2 .codeimg{} .feedback .btn{ max-width:125px; width:45%; display:inline-block; height:40px; line-height:40px; color:#fff; text-align:center; background:#3e3b37;} .feedback .btn.submit{ background:#233d85;} @media screen and (max-width:1222px ) { .aboutpicbox{ padding-right:15%;} .PcNav ul li{ padding:0 0 0 3%;} } @media screen and (max-width:1042px ) { .joblist .thead span,.joblist .dl .dt span{ width:50%;} .joblist .time{ display:none !important;} } @media screen and (max-width:1024px ) { .Logo span{ padding-left:4%; font-size:20px; width:40%;} .PcNav { width:60%;} .PcNav ul li{ padding:0 0 0 1.5%;} } @media screen and (max-width:767px ) { /*鍐呴〉Banner*/ .menuTit,.Currents{ display:none;} .Menu .pageContainer{ padding-left:0;} /*棣栭〉*/ .Hfloor1 .owl-nav{ display:none;} .Hfloor2{ margin-bottom:10px;} .Hfloor2 li{ width:48%; margin-bottom:20px; text-align:center;} .Hfloor2 li img{ width:100%;} .HomeNew,.HomeGroup,.HomeInfo { width:100%; float:none; margin-bottom:20px;margin-left: 0;} .HomeParty,.HomeLeaguer,.HomeAbout .Picbox,.HomeAbout .Conbox{ width:100%; float:none;} .HomeAbout{ padding:20px;} .HomeAbout .Picbox{ text-align:center;} /*棣栭〉End*/ /*鍏充簬鎴戜滑*/ .Culture-Editbox ul li{ margin-bottom:4%;} .Culture-Editbox .culture-img{ position:static; margin:0 auto; display:block;} .Culture-Editbox ul li,.Culture-Editbox ul li.odd{ float:none; width:100%; padding:0 0 0 70px;} .Culture-Editbox ul li .num,.Culture-Editbox ul li.odd .num{ left:0; right:auto;} .Culture-Editbox ul li.last{ margin-top:0;} .Culture-Editbox ul li.last .num{ top:0; bottom:auto;} .history ul{ background-position:15px center;} .history ul li{ margin-bottom:3%;} .history ul li dl .iconli{ margin:0;} .history ul li,.history ul li.odd{ width:100%; float:none;} .history ul li.odd{ padding-left:100px; padding-right:0; text-align:left;} .history ul li.odd dl .iconli{ left:-100px; right:auto; margin:0;} .history ul li.odd .tit span{ left:-65px; right:auto;} .history .prev{ position:absolute; top:-30px; left:0;} .history .next{ bottom:-30px; position:absolute; left:0;} .history .iconfont{ color:#0e3092; font-size:36px;} .contactcon dl,.contactcon dl:nth-child(2), .contactcon dl:nth-child(3){ width:100%;} .feedback .dl{ width:100%;} .feedback .dl1{ padding-left:75px;} .feedback .dl1 dt{ left:0;} } @media screen and (max-width: 640px){ /*棣栭〉*/ /*鏂伴椈*/ .new{ overflow:hidden;} .newslist li{ width:100%;} .newinfo-top{ width:100%; } .newTit {padding-bottom:5%;} .newTit span{ font-size:20px; top:0;} .newinfo-top .label a{ margin-right:1%;} .newinfo-top p{ line-height:20px; margin:0 0 2%;} .partylist li{ width:48%;} /*鍏充簬鎴戜滑*/ .honorlist li,.videolist li{ width:48%;} } @media screen and (max-width:414px ) { .NavMobile .MainNav ul li a,.NavMobile .navclosed{ font-size:16px;} .HomeNew .Picbox,.HomeNew .Listbox{ float:none; width:100%;} .partylist li{ width:100%;} .Himage .Imgbox a {background-size:100% 100% !important;} } /*map*/ #dituContent img{max-width:none;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} .otherlist ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .otherlist ul li{ width: 21%; border:1px solid #e9e9e9; margin-bottom:20px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15); background-color:#fbfbfb;} .otherlist ul li:hover{ border-color:#233d85;} @media (max-width: 767px) { .otherlist ul li{width: 49%;} .HomeLeaguer {position: static;} } @media (min-width: 768px) and (max-width: 991px) {.otherlist ul li{width: 33%;} } .HomeParty li .pic img{width: 120px;height: 118px;} .weixinlink{position: relative;} .showweixin{ position: fixed;max-width: none;right: 15px;top: 50%;display: none;z-index: 999;} .weixinlink .weixin{position: absolute;top: 35px;max-width: inherit;left: 50%;transform: translateX(-50%);display: none;} #fancybox-wrap{background: #fff !important;padding-bottom: 32px !important;} #menusID65{display: none;} .Pagewidth #menuID65{display: none !important;} .Hfloor7{margin-bottom: 20px;} .Hfloor7 .Pagewidth{box-shadow: 0 0 10px 0 rgba(0,0,0,0.35) !important;} .Hfloor7 .bx-pager{display: none;} .Hfloor7 .items {max-width: 260px;height: 150px;overflow: hidden;margin: 0 2px;} .Hfloor7 .items img{width: 100%;} .HomeAbout .Picbox>a>img{width: 100%;} .Hfloor7 .owl-carousel.owl-drag .owl-item{height: 115px !important;} .animates{overflow: hidden;margin-left: 13%;} .animates h1{color: #FFFFFF;margin: 9% 0 0 0;float: left; animation-duration: 3s;animation-delay: 1s;animation-direction: alternate;} @media only screen and (max-width:1200px ) { .animates h1{font-size:30px ;} } @media only screen and (max-width:1024px ) { .animates h1{font-size:24px ;} } @media only screen and (max-width:768px ) { .animates h1{font-size:32px ;margin-top: 13%;} } @media only screen and (max-width:480px ) { .animates h1{font-size:20px ;} } .Homebanner .animates02{margin-left: 0;} .Homebanner .animates02 h1{float: none;text-align: center; margin-top: 2%;font-size: 55px;color: #1e3ca8;text-shadow: 0 3px 13px #fff;} .Homebanner .animates02 h1:nth-child(1){margin-top: 11%;} .Homebanner .animates02 h1{ animation-duration: 5s;animation-delay: 2s;animation-direction: alternate;} /*.history ul .clone{display: none !important;height: 0 !important; }*/