@charset "utf-8";
@font-face {
/* font-test*/
font-family: Monoton;
src:url('../fonts/Monoton.woff'),
url('../fonts/Monoton.ttf'),
url('../fonts/Monoton.eot'); /* IE9 */
}
/* CSS Document */
*{padding:0;margin:0;box-sizing: border-box;}
body{ margin:0 auto;color:#333;font:14px/26px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0; padding:0;}
ul,li,ol,dt,dd,dl,map,area{ margin:0; padding:0; border:none}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;} 
img,form{ border:none;margin:0;padding:0;vertical-align:bottom;}
ul,li,dl,dd,dt{list-style:none}
table{ table-layout:fixed; border-collapse:collapse;}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; overflow:hidden}
.tc{ text-align:center}
.tl{ text-align:left}
.tr{ text-align:right}
.pr{ position:relative;}
.overh{overflow:hidden;}
.wapper{ white-space:nowrap; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/** html .clearfix { height: 1%;}*/
.clearfix {display: block;}
a{ color:#333; text-decoration:none;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
a:hover{ color:#0b4a99; text-decoration:none;}
.dispno{display:none !important;}
.dispblock{display:block;}
.z-in99{z-index:99;}
.z-in999{z-index:999;}
.z-in9999{z-index:9999;}
.z-in99999{z-index:99999;}
.ifmo_h{display:none;}
.ifpc_h{display:block;}
/*---------------------------------------------------------------*/

.mt1{margin-top:1px !important;}
.mt10{margin-top:10px !important;}
.pb10{padding-bottom:10px;}
.mt15{margin-top:15px !important;}
.mr2{margin-right:2px;}
.mt2{margin-top:2px;}
.mt7{margin-top:7px;}
.mt20{margin-top:20px}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt50{margin-top:150px;}
.ml30{margin-left:30px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.mb10{margin-bottom:10px;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr30{margin-right:30px;}
.ml40{margin-left:40px;}
.mb25{margin-bottom:25px;}
.mb40{margin-bottom:40px;}
.mb80{margin-bottom:70px;}
.pt10{padding-top:10px;}
.pt40{padding-top:40px;}
.pd20{padding:20px;}
.pb30{padding-bottom:30px;}
.pl30{padding-left:30px;}
.w1200{width:1200px;margin:auto;}
.w_100{width:100%;}
.w590{width:590px;}
.w660{width:660px;}
.w250{width:250px;}
.w384{width:384px;}
.w460{width:440px;}
.w780{width:780px;}
.mt210{margin-top: 180px;}
.cont_offset_120{margin-left: 10px;margin-right: 10px;}

/*--------------------------------------------------------------页头-*/
body{background: url(../images/bg-header.jpg) no-repeat center top;background-size: 400%;}
.icon_logo{margin:100px auto;text-align: center;}
.icon_logo img{width: 100%;max-width: 460px;}
.wallpaper_guide{border: 6px solid #4ea8ca;padding:15px 20px 8px;font-size: 16px;line-height: 24px;color: #002e5b;position: relative;}
.wallpaper_guide p{text-indent: 2em;padding-bottom: 10px;}
.wallpaper_guide span{position:absolute;right: 110px;bottom:-20px;}
.wallpaper_guide .guide_tline{position: absolute;top: -6px;left: 10%;width: 80%;background: #c0ffff;}
.wallpaper_guide .guide_tline cite{border-top: 2px solid #4ea8ca;margin-bottom: 2px;display: block;width: 96%;margin-left: 2%;}

.dis_wplist{display: grid;}
.dis_wplist .blk{position: relative;display: block;border-radius: 10px;padding: 8px;text-align: justify;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.dis_wplist .blk{margin: 5px;overflow: hidden;}
.dis_wplist .bwb{margin: 5px;background: #e7e7e7;border-radius: 10px;}
.dis_wplist .blk h2{font-weight: normal;}
.dis_wplist .blk h2,.dis_wplist .blk span{font-size: 16px;line-height: 26px;color: #fff;position: relative;z-index: 9;}
.dis_wplist .blk span{white-space:nowrap;font-weight: normal;font-size: 14px;display: block;}
.dis_wplist cite{width: 80px;height: 80px;position: absolute;right: -20px;bottom: 0px;overflow: hidden;}
.dis_wplist cite img{position: relative;left: 0px;opacity: 0.3;}
.dis_wplist{
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(10, 80px);
}
.item-1{background: #c54848;grid-column:1 / 3;grid-row:1 / 2;}
.item-2{background: #f29d49;grid-column:1 / 2;grid-row:2 / 4;}
.item-3{background: #a7cc4e;grid-column:2 / 3;grid-row:2 / 4;}
.item-4{background: #4ea8ce;grid-column:3 / 4;grid-row:1 / 3;}
.item-5{background: #20cbb6;grid-column:4 / 5;grid-row:1 / 3;}
.item-6{background: #b955c8;grid-column:3 / 5;grid-row:3 / 4;}
.item-7{background: #e440a1;grid-column:1 / 2;grid-row:4 / 6;}
.item-8{background: #f5be3b;grid-column:2 / 4;grid-row:4 / 5;}
.item-9{background: #2bc0c9;grid-column:4 / 5;grid-row:4 / 6;}

.item-10{background: #885fe4;grid-column:2 / 3;grid-row:5 / 7;}
.item-11{background: #c54848;grid-column:3 / 4;grid-row:5 / 7;}
.item-12{background: #f29d49;grid-column:1 / 2;grid-row:6/ 8;}
.item-13{background: #7862d6;grid-column:2 /4;grid-row:7 / 8;}
.item-14{background: #ec5dc9;grid-column:4 / 5;grid-row:6 / 8;}
.item-15{background: #59d980;grid-column:2 / 3;grid-row:8 / 10;}
.item-16{background: #f5be3b;grid-column:3 / 5;grid-row:8 / 9;}
.item-17{background: #4ea8ce;grid-column:1 / 2;grid-row:9 / 11;}
.item-18{background: #a7cc4e;grid-column:3 / 4;grid-row:9 / 11;}
.item-19{background: #52cfc8;grid-column:4 / 5;grid-row:9 / 11;}

.dis_wplist a:hover{-webkit-transform: scale3d(1.08,1.08,1);transform: scale3d(1.08,1.08,1);z-index: 9;-webkit-filter: saturate(1.6);filter: saturate(1.6);}

/*页尾*/
.footer{color:#e8e8e8;border-top:2px solid #fff;text-align:center;line-height:26px;padding:20px 0;background:#1cade1 url(../images/bg_footerx.jpg) repeat-x center;min-height: 145px;margin-top: 100px;}
.footer p{margin-top: 20px;font-size: 16px;}
.footer a{color:#ccc}
.box_er{margin-top: -70px;display:flex;flex-direction:row;text-align: center;width: 100%;}
.box_er .right{width: 100%;color: #999;}
.box_er .right{text-align: left;padding-left:0px;display:flex;flex-direction:row;}
.box_er .right h4{font-size: 14px;margin-top: 10px;}
.box_er .right i{display: block;float: left;margin:0 10px;}
.box_er .right img{width: 100%;max-width: 90px;}


/*列表页*/
.tab_box{position: relative;}
.tab_thumbs{overflow: hidden;position: relative;margin: 0 5.5%;}
.tab_jt{background:#7ee7ff;height: 70px;width: 3.5%;top: 0;margin-top: 0;overflow: hidden;cursor: pointer;
	-moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
      user-select:none;}
.swiper-button-next{border-radius: 5px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;right: -5px;}
.swiper-button-prev{border-radius: 5px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;left: -5px;}
.tab_thumbs a{position: relative;display: block;border-radius: 10px;padding: 20px;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
-moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
      user-select:none;}
.tab_thumbs a h2{font-weight: normal;}
.tab_thumbs a h2,.tab_thumbs a span{font-size: 16px;line-height: 24px;color: #002e5b;position: relative;z-index: 9;}
.tab_thumbs a span{white-space:nowrap;font-weight: normal;font-size: 12px;display: block;color: #999;}
.tab_thumbs a:hover h2,.tab_thumbs a:hover span{color: #fff;}

.tab_thumbs a{position: relative;z-index: 10;border: 1px solid #86efff;border-radius: 10px;overflow: hidden;padding: 5px 20px;height: 70px;}
.tab_thumbs a cite{width:84px;height:84px;display: inline-block;position: absolute;right: -10px;top: 50%;margin-top: -22px;overflow: hidden;}
.tab_thumbs a cite img{filter: drop-shadow(#aeffff 64px 0);position: relative;left: 0px;border-right: 20px solid transparent;border-left: 20px solid transparent;}
.tab_thumbs a:hover cite img{left: -64px;}
.tab_thumbs a b{position: absolute;z-index: -1;width: 100%;height: 100%;top: 0;left: 0;}
.tab_thumbs a{position: relative;--gradient-start: #adffff;--gradient-start-text: '#adffff';--gradient-center: #8cf3ff;--gradient-center-text: '#8cf3ff';--gradient-end: #7ee7ff;--gradient-end-text: '#7ee7ff';}
.tab_thumbs a b{background: linear-gradient(90deg, var(--gradient-start), var(--gradient-center), var(--gradient-end));}
.tab_thumbs a:hover b{background: #3ba3d9;}
.tab_thumbs .on a h2,.tab_thumbs .on a span{color: #fff;}
.tab_thumbs .on a b{background: #3ba3d9;}
.tab_thumbs .on a cite img{left: -64px;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: '';}
.tab_jt em{width: 44px;height: 44px;display: block;}
.tab_jt img{filter: drop-shadow(#fff 44px 0px);position: relative;left: -44px;}

.wallpaper_box{margin:40px 0;position: relative;}
.wallpaper_box .item{position:relative;;box-shadow: 0 0 20px rgba(155,155,155,0.5);padding:30px 15px 20px;border-radius:10px;border-bottom: 5px solid #4ea8ca;}
.wallpaper_box .item h2{font-size:24px;color:#333;line-height:32px;padding-bottom:15px;/*border-left: 5px solid #4ea8ca;*/margin-left: -15px;padding-left: 15px;}
.wallpaper_box .item h3{font-size:16px;color:#999;font-size:700;line-height:26px;padding:5px 10px 5px 5px;}
.wallpaper_box .item h4{font-size:16px;line-height:25px;color:#ce903e;padding:5px 0;}
.wallpaper_box .item h4 span{color:#666;}
.wallpaper_box .item i{display:block;width:100%;margin:5px 0;border:3px solid #4ea8ca;}
.wallpaper_box .item p{text-align:justify;}
.wallpaper_box .item b{height:5px;background:#c3ecfc;width:90%;position:absolute;top:0;left:5%;display:block;}
/** * Placerholder css */
.wookmark-placeholder {border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;background-color: #f8f8f8;border: 1px solid #e3e3e3;z-index: -1;}

.wallpaper_box i{overflow: hidden;}
.wallpaper_box img{cursor: pointer;}
.wallpaper_box i img{width:100%;-webkit-transition: opacity 1.05s, -webkit-transform 1.05s;  transition: opacity 1.05s, transform 1.05s;}


.fixed-top{ position: fixed!important; left: 0; top: 0;bottom:auto!important; width: 100%; z-index:9999;}
@media screen and (min-width:470px){
	.mt210{margin-top: 220px;}
	body{background: url(../images/bg-header.jpg) no-repeat center top;background-size: none;}
	.dis_wplist .blk h2,.dis_wplist .blk span{font-size: 20px;line-height: 35px;color: #fff;position: relative;z-index: 9;}
.dis_wplist .blk span{white-space:nowrap;font-weight: normal;font-size: 16px;display: block;}
.tab_thumbs a h2{font-weight: normal;}
.tab_thumbs a h2,.tab_thumbs a span{font-size: 18px;line-height: 26px;color: #002e5b;position: relative;z-index: 9;}
.tab_thumbs a span{white-space:nowrap;font-weight: normal;font-size: 14px;display: block;color: #999;}
	}
@media screen and (min-width:770px){
	.ifmo_h{display:block;}
	.ifpc_h{display:none;}
.dis_wplist cite{width: 130px;height: 130px;position: absolute;right: 0px;bottom: 0px;overflow: hidden;}
.dis_wplist .blk{position: relative;display: block;border-radius: 10px;padding: 20px;text-align: left;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.dis_wplist .blk h2,.dis_wplist .blk span{font-size: 24px;line-height: 35px;color: #fff;position: relative;z-index: 9;}
.dis_wplist .blk span{white-space:nowrap;font-weight: normal;font-size: 18px;display: block;}
	.dis_wplist{
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(4, 140px);
	}
	.item-1{background: #c54848;grid-column:1 / 3;grid-row:1 / 2;}
	.item-2{background: #f29d49;grid-column:1 / 3;grid-row:2 / 3;}
	.item-3{background: #a7cc4e;grid-column:3 / 4;grid-row:1 / 3;}
	.item-4{background: #4ea8ce;grid-column:4 / 6;grid-row:1 / 2;}
	.item-5{background: #20cbb6;grid-column:6 / 8;grid-row:1 / 2;}
	.item-6{background: #b955c8;grid-column:8 / 9;grid-row:1 / 3;}
	.item-7{background: #e440a1;grid-column:9 / 11;grid-row:1 / 2;}
	.item-8{background: #f5be3b;grid-column:9 / 11;grid-row:2 / 3;}
	.item-9{background: #2bc0c9;grid-column:4 / 5;grid-row:2 / 4;}

	.item-10{background: #885fe4;grid-column:5 / 7;grid-row:2 / 3;}
	.item-11{background: #c54848;grid-column:5 / 7;grid-row:3 / 4;}
	.item-12{background: #f29d49;grid-column:7 / 8;grid-row:2 / 4;}
	.item-13{background: #7862d6;grid-column:1 / 2;grid-row:3 / 5;}
	.item-14{background: #ec5dc9;grid-column:2 / 4;grid-row:3 / 4;}
	.item-15{background: #59d980;grid-column:2 / 4;grid-row:4 / 5;}
	.item-16{background: #f5be3b;grid-column:4 / 6;grid-row:4 / 5;}
	.item-17{background: #4ea8ce;grid-column:6 / 8;grid-row:4 / 5;}
	.item-18{background: #a7cc4e;grid-column:8 / 10;grid-row:3 / 4;}
	.item-19{background: #52cfc8;grid-column:9 / 11;grid-row:4 / 5;}
.tab_thumbs a h2{font-weight: 700;}
.tab_thumbs a h2,.tab_thumbs a span{font-size: 20px;line-height: 26px;color: #002e5b;position: relative;z-index: 9;}
.tab_thumbs a span{white-space:nowrap;font-weight: normal;font-size: 16px;display: block;color: #999;}
@media screen and (min-width:1002px){
	.wallpaper_box i img:hover{opacity: 1;-webkit-transform: scale3d(1.08,1.08,1);transform: scale3d(1.08,1.08,1);}

}
}
@media screen and (min-width:1360px){
	.box_er{margin-top: -70px;display:flex;flex-direction:row;text-align: center;width:70%;margin-left: 15%}
	.cont_offset_120{margin-left: 10px;margin-right: 10px;}
	.navArea{padding: 0 120px;}
	.bigPic_bg img{height: auto;}
}
@media screen and (min-width:1660px){
	.cont_offset_120{margin-left: 80px;margin-right: 80px;}
}
@media screen and (min-width:1860px){
	.cont_offset_120{margin-left: 190px;margin-right: 190px;}
}