/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{
	font-size:12px;
	color:#666;
	background: #f2ece8 url(../images/gradient-1000.png) repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#8c1515), to(#f2ece8));
	background: #0a0a0a;
	background: -moz-linear-gradient(top,#8c1515,#f2ece8);
	background: -o-linear-gradient(top,#8c1515,#f2ece8);
	background: linear-gradient(top,#8c1515,#f2ece8);
	    background-image: url(../images/bg1cd.jpg);
	}
a{color:#868cff;}
a:hover{     color: #000000; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:960px !important; margin:0 auto; width:100% !important;}


.bg{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	/* -webkit-box-shadow: 0 10px 10px #730F0F; */
	-moz-box-shadow: 0 10px 10px #730F0F;
	/* box-shadow: 0 10px 10px #730F0F; */
	padding: 0 2% 3% 2%;
	margin-bottom:0;
	 /* Chrome,Safari4+ */
	 /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 37%,#f2ece8 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 37%,#f2ece8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2ece8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/*background: #0a0a0a;*/
}

.logo{}
.logo a{ display: flex; align-items: center;}
.logo a img{ width:60px;}
.logo a h2{font-weight: 300;font-size: 40.5px;/*color: #464646;*/color: #fff;}
.logo a:hover{ text-decoration:none;}

.header{ padding-top:5%;	
	/*border-bottom: 1px solid #D8D8D8;*/
	/*background-image: url("../images/sep-shadow2.png");*/
	/*background-image: url("../images/bg1cd.jpg");*/
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 2%}
.search{ float:right; width:34%;  display: flex;   justify-content: space-between;  align-items: center; border:1px solid #D8D8D8; border-radius:5px; height:28px; line-height:28px; background:#fff; margin-top:1%}
.search .input_text{ width:calc(100% - 28px); outline:none; text-indent: 10px; font-size:14px; color:#000;}
.search .input_text::-webkit-input-placeholder{ color:#ccc;}
.search a{ widows:28px; height:28px;  display: flex; justify-content: center;  align-items: center;}
.search a img{ max-width:100%; max-width:100%;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);  }

.xine{  width:100%; display:none}
.cent01{ margin-top:4%;}
.cent01 h2{ font-size:37.5px; color:#000; font-weight:300; display:block; margin-bottom:1%;    text-align: center;}
.table{ background:#fff;     width: 100%;    max-width: 960px;  border: 1px solid #D8D8D8; padding:10px; box-sizing:border-box; border:1px solid #D8D8D8; box-shadow:0px 1px 5px rgba(0,0,0,.1); display: flex;   align-items: center; flex-wrap: wrap; }
.table li{    margin-bottom: 0.5em;   margin-right: 0.4em;     background: #EDEBE9;  border: 1px solid #D7D5D3;     margin: 0 5px 5px 0; border-radius:2px}
.table li a{ display:block; font-size:14px; color:#000; padding: 4px 8px;}
.table li:hover{ background:#8c1515}
.table li:hover a{ color:#fff; text-decoration:inherit;}

.cent02{}
.cent02 a{      text-decoration: underline; color: #9399ff;}
.cent02 dl{}
.cent02 dl dd{ border-bottom:1px solid #d8d8d8; padding-top:3%; margin-top:4%; padding-bottom:2%}
.cent02 dl dd .anb{text-align: center;}
.cent02 dl dd .anb>h2{font-size:45px;font-weight:300;color: #fff;}
.cent02 dl dd .anb>h2>a{     font-size: 10px;  margin: 0px;    text-decoration: underline; color: #9399ff; margin-left:4px}
/*.cent02 dl dd:first-child{border-top::0}*/
.cent02 dl dd ul{ /*margin-left:4%;*/}
.cent02 dl dd ul li{line-height:2.5;margin-bottom:7.5px;color: #fff;font-size:15px;font-weight:400;list-style-image:url(../images/list-bullet.png);}
.cent02 dl dd ul li strong{ font-weight:normal;}

.cent03{ padding:2.5% 0 5% 0;border-bottom: 1px solid #D8D8D8;
	background-image: url("../images/sep-shadow2.png");
    background-position: center bottom;
    background-repeat: no-repeat; margin-bottom:2%;text-align: center;}
.cent03 h2 a{text-decoration: underline;     color: #868cff; font-size:24.5px; font-weight:normal;}
.footer{
    color: #fff;
}
.footer dl{ display: flex;     justify-content: space-between;  align-items:flex-start;}
.footer dl dd{    color: #ffffff;}
.footer dl dd h2{ display: flex;   align-items:center; font-weight:300; font-size:19.5px}
.footer dl dd h2 img{ width:15px; margin-right:10px;filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}
.footer dl dd ul{ margin-top:6%;}
.footer dl dd ul li{ margin-bottom:8px}
.footer dl dd ul li a{font-size:15px;color: #ffffff;display:block;}
.footer dl dd ul li a:hover{ color:#8c1515}
.footer dl dd p{padding:0;font-size:15px;color: #ffffff;}

.guoaj{ background:#d8d8d8; border:1px solid #d8d8d8;border-radius: 6px 6px 0 0;}
.guoaj a{ padding:11.2px 7px; display:block; color:#000;}
.guoaj a:hover{ background:#D6D1CD; text-decoration:inherit;}
.guoaj a .use{ display: flex;   align-items: center; font-size:14px}
.guoaj a .use img{ width:30px; margin-right:10px}
.guoaj a em{ font-size:11.2px; font-style:normal;}
.guoaj a .caret {
    position: relative;
    bottom: auto;
    float: right;
    left: auto;
    margin: 0 0.5em 0 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    right: auto;
    top: auto;display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.footer02{ text-align:center; margin-top:4%;}
.footer02 span{line-height:1.5;font-size:13.5px;color: #ffffff;display:block;}
.footer02 span a{text-decoration:underline; font-size:13.5px; }

.inside_con{ padding:10px 0; min-height:300px}

.cent05{ margin-top:2%;}
.cent05-l{ float:left; display:block; background:#fff; border:1px solid #D8D8D8;    box-shadow: 0px 1px 5px rgba(0,0,0,.1); padding:10px; box-sizing:border-box; width:224px;position:sticky;top: 0; left: 0; }
.cent05-l ul li{}
.cent05-l ul li a{ display: flex;  align-items: center;  justify-content: space-between; padding:7.5px 15px; font-size:15px; color:#000;  text-decoration:underline;}
.cent05-l ul li a img{ width:18px;}
.cent05-l ul li a:hover{ background:#E5E5E5}
.cent05-l ul li a:hover img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); }
.cent05-r{ float:right; display:block; background:#fff; border:1px solid #D8D8D8;    box-shadow: 0px 1px 5px rgba(0,0,0,.1); padding:10px; box-sizing:border-box;width:calc(100% - 240px);}

.wenie img{ max-width:100%}
.wenie>h2{ font-weight:300; color:#000; font-size:41px; display:block;}


.cent04{    box-shadow: 0px 1px 5px rgba(0,0,0,.1);background-color: #EDEBE9;
    border: 1px solid #D8D8D8; text-align:center; margin:2% auto; box-sizing:border-box; padding:4% 2%;}
.cent04>a{ font-size:15px; color:#8c1515; text-decoration:underline;}
.cent04-bg{    border-bottom: 1px solid #D8D8D8;
    background-image: url(../images/sep-shadow2.png);
    background-position: center bottom;
    background-repeat: no-repeat; padding-bottom:1.5%; margin-bottom:1.5%}

/*上一个下一个*/
.prev_next{ font-size:14px; line-height:34px; padding:0px 0; border-top:1px solid #eee; display:flex;justify-content: space-between; align-items: center;}
.prev_next a{ display:block; margin:5px 0; max-width:40%; height:34px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;    color: #333;}
@media(max-width:999px){
.prev_next{ font-size:12px; line-height:32px; padding:15px 0; display:block;}
.prev_next a{ margin:5px 0; max-width:100%; height:34px; }
}

@media only screen and (max-width: 980px) {
	.wapper{ width:100% !important}
	.logo a h2{font-size: 21.5px;text-align: center;}
	.logo a{
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }
	.logo a img{
    width: 30px;
}
.cent01 h2{ font-size:30px}
.table{  justify-content: center;    max-width: 93%;}
.bg{ padding:0 5%}
.cent02 dl dd ul{ padding-left:10%}
.search{ float:none; width:100%;}
.cent03{padding:5% 0 10% 0}
.cent03 h2 a{ font-size:22.4px; }
.footer{ padding:5% 0;}
.footer dl{ display:block; text-align:center;}
.footer dl dd{    border-bottom: 1px solid #d8d8d8; padding:5% 0}
.footer dl dd ul{ margin-top:2%}
.footer02{ margin-top:10%}
.footer dl dd h2{ justify-content: center; }
.cent05-l{ float:none; display:block; width:100%;}
.cent05-r{float:none; display:block; width:100%; margin-top:5%}
.wenie>h2{ font-size:33px}
.inside_con{ min-height:inherit;}
}


.bg01{padding:10px;box-sizing:border-box;min-height: 100vh;}
.cent06{margin-top: 6%;color:#ccc;}
.cent06 h2{justify-content: center;align-items: center;font-weight:normal;font-size: 0.9vw;display: flex;    color: #585858;}
.cent06 h2 img{ width:30px; margin-right:10px;}

.cent07{ text-align:center; margin-top:2%}
.cent07>h2{font-size: 5vw;/*color:#3964fe;*/color:#fff;font-weight:bold}
.cent07>h4{font-size: 2.5vw;color:#475569;font-weight:bold;display: block;margin-top: 3%;}
.cent07 ul{display: flex;align-items: center;justify-content: space-between;margin-top: 6%;}
.cent07 ul li{background: rgb(96 170 255 / 85%);/*background: rgb(255 255 255 / 80%);*/border-radius:20px;box-shadow: 0px 0px 15px #fff;width:48%;box-sizing:border-box;padding: 4%;text-align:left;}
.cent07 ul li a{ display:block; text-decoration:inherit}
.cent07 ul li h5{ padding:0; font-size:24px; /*color:#4e6bfe;*/color:#fff; margin:0}
.cent07 ul li span{ display:block; color:#9aa5b5; font-size:16px; margin-top:2%;}

@media only screen and (max-width: 980px) {
	.bg01{ padding: 5%;}
.cent06 h2{font-size: 16px;display: block;}
.cent07>h2{font-size: 40px;}
.cent07>h4{font-size: 21px;}
.cent07 ul{flex-wrap: wrap; }
.cent07 ul li{ width:100%; margin:5% 0;}
	}