@charset "utf-8";
/* CSS Document */

/* Rule */
/* 
模块：Mob
居中：Mid
左边：Lef
右边：Rig
上沿：Top
下沿：Bot

/* public */

.HeadBox{ width:65%; height:auto; padding:80px 0px; margin:0 auto; text-align:left;}
.HeadLogo{ width:120px; height:auto;}
.HeadText{ width:100%; height:auto; color:#666; font-size:18px; font-weight:100; margin-top:40px; line-height:30px;}
.HeadTextSpan{font-size:16px; line-height:16px;}
.HeadTextSpanColor{font-size:16px; line-height:16px; color:#339fd1; cursor:pointer;}

.HeadTitle{width:100%; height:auto; color:#666; font-size:24px; font-weight:800; margin-top:10px; line-height:24px; text-align:center;}
.HeadSign{width:100%; height:auto; color:#666; font-size:14px; font-weight:100; margin-top:15px; line-height:14px; text-align:center;}
.HeadBorder{width:100%; height:0px; font-size:0px; border-bottom:1px solid #cccccc;}

.ListBox{width:100%; height:auto;}
.List{width:20%; height:auto; float:left; position:relative; cursor:pointer;}
.ListImg{width:100%; height:100%; float:left;}
.ListColor{width:100%; height:100%; background-color:rgb(0,0,0,0.15); position:absolute; left:0px; top:0px;}
.ListColor:hover{width:100%; height:100%; background-color:rgb(0,0,0,0.05); position:absolute; left:0px; top:0px;}
.ListName{position:absolute; left:5%; top:5%; text-align:left; font-size:12px; text-align:left; padding:3px 4px; color:#fff; width:auto; border-radius:2px;}
.ListTag{position:absolute; right:5%; bottom:5%; text-align:right; font-size:12px; color:#ffffff;}


.ContentBox{width:100%; height:auto; font-size:0px;}
.ContentTextL{width:1000px; height:auto; font-size:14px; color:#666; text-align:left; margin:0 auto; margin-bottom:20px;}
.ContentTextR{width:1000px; height:auto; font-size:14px; color:#666; text-align:left; margin:0 auto; margin-bottom:20px;}
.ContentTextC{width:1000px; height:auto; font-size:14px; color:#666; text-align:center; margin:0 auto; margin-bottom:20px;}
.ContentTextP{width:1000px; height:auto; font-size:14px; color:#666; text-align:left; text-indent:28px; margin:0 auto; margin-bottom:20px;}
.ContentImg{width:auto; height:auto; max-width:1000px; margin:0 auto; margin-bottom:20px;}
.ContentImgIn{width:auto; height:auto; max-width:1000px; margin:0 auto;}
.ContentImgFull{width:100%; height:auto; margin:0 auto;}
.ContentGap{width:100%; height:20px; font-size:0px;}




.UrlBox{ width:100%; height:auto; padding:80px 0px; text-align:center; border:1px #ececec solid; border-width:1px 0px;}
.UrlBtn{ width:300px; height:auto; font-size:20px; font-weight:100; color:#fff; padding:15px 0px; border-radius:5px; background-color:#339fd1; margin:0 auto; position:relative; cursor:pointer;}


.UrlBtn::before{
position: absolute;
content:"";
width: 12px;
height: 12px;
border: 1px solid #ffffff;
border-bottom-color: transparent;
border-right-color: transparent;
transform: translate(-50%, -50%) rotate(135deg);
right:15px;
top: 50%;
}


.UrlBtn:hover::before{
position: absolute;
content:"";
width: 12px;
height: 12px;
border: 1px solid #ffffff;
border-bottom-color: transparent;
border-right-color: transparent;
transform: translate(-50%, -50%) rotate(135deg);
right:10px;
top: 50%;
}




.FootBox{width:100%; height:auto; background-color:#ececec; text-align:center; color:#999; font-size:12px; padding:8px 0px;}

.FootBox a:link{color:#999; text-decoration:none;}
.FootBox a:hover{color:#999; text-decoration:none;}
.FootBox a:active{color:#999; text-decoration:none;}
.FootBox a:visited{color:#999; text-decoration:none;}