* { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%;}
body {margin: 0 auto;font-family: arial, helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;color: #333;}
::selection { color: #fff; background: #1078C1; }
img {border: none; vertical-align: middle; max-width: 100%;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;}
embed, video, iframe { max-width: 100%; }
.h1, .h2, .h3, h1, h2, h3{margin: 0;padding: 0;font-weight: normal;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;display: inline-block; }
a:hover,a.active,a:focus {color: #1078C1;text-decoration: none;transition: 0.5s ease-in-out;}
a:hover {text-decoration: none;color: #1078C1;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;cursor: pointer; }
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a, button {-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;text-decoration: none;background-color: transparent;border: 0;cursor: pointer;}
embed, video, iframe {max-width: 100%;}
.posi-rela{position: relative;}.posi-abso{position: absolute;}.posi-fix{position: fixed;}
.text-center{text-align: center;}.text-left{text-align: left;}.text-right{text-align: right;}
.flex{display: flex;}.block{display: block;}.inblock{display: inline-block;}

.self-ellipsis {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.self-ellipsis a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.self-ellipsis-2 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.self-ellipsis-2 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.self-ellipsis-3 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.self-ellipsis-3 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.self-ellipsis-4 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.self-ellipsis-4 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.self-ellipsis-5 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.self-ellipsis-5 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
a.pic{display: block; text-align: center; position: relative; overflow: hidden;}
.pic img {-webkit-transition: all 550ms;-o-transition: all 550ms;-moz-transition: all 550ms;transition: all 550ms;}
.pic:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.picimgs a {position: relative;display: block;overflow: hidden;}
.picimgs:hover a::before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, .2);}
.picimgs a::before,.picimgs a::after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(255, 255, 255, 0);transition: all 0.7s ease-in-out;}
.picimgs:hover a::after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, .2);}

.banner{position: relative;}

.site-contain{position: relative;width: 100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.site-contain{width:750px;}}
@media (min-width:992px){.site-contain{width:980px;}}
@media (min-width:1260px){.site-contain{width:1230px;}}
@media (min-width:1460px){.site-contain{width:1430px;}}

.section{position: relative;width: 100%;}
.site-main{position: relative;width: 100%;padding: 41px 0 6.77083333%}
.site-title{position: relative;width: 100%;font-weight: bold;font-size: 36px;line-height: 48px;color: #333;}
.site-bread{position: relative;width: 100%;margin-top: 19px;}
.site-bread-href{position: relative;width: 100%;font-size: 16px;line-height: 28px;color: #999;}
.site-bread-href a{color: #999;}
.site-bread-href a:hover, .site-bread-href a.bread-active{color: #1078C1;}

.site-tbody{position: relative;width: 100%;padding-top: 20px;}
.site-tbody-items{position: relative;width: 100%;}
.site-tbody-title{position: relative;width: 100%;font-weight: bold;font-size: 24px;line-height: 32px;padding: 25px 0 22px;color: #333;border-bottom: 1px solid #E0E0E0;}
.site-tbody-title a{color: #333;display: block;}
.site-tbody-title a:hover{color: #1078C1;}
.site-tbody-body{position: relative;width: 100%;padding: 16px 0;border-bottom: 1px solid #E0E0E0;}
.site-tbody .site-tbody-items:nth-last-of-type(1) .site-tbody-body{border: 0;}
.site-body-box{position: relative;width: 100%;padding: 5px 0;padding-left: 60px;}
.site-body-title{position: relative;width: 100%;font-weight: bold;font-size: 18px;line-height: 30px;padding: 7px 0;padding-left: 28px;color: #1078C1;}
.site-body-title a{color: #1078C1;display: block;}
.site-body-title a:hover{text-decoration: underline;}
.site-body-title::before{position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);width: 7px;height: 15px;background: #1078C1;border-radius: 4px;}
.site-body-smalltitle{position: relative;width: 100%;font-weight: bold;padding: 7px 0;font-size: 18px;line-height: 30px;padding-left: 28px;color: #1078C1;}
.site-body-smalltitle a{color: #1078C1;}
.site-body-smalltitle a:hover{text-decoration: underline;}
.site-body-smalltitle::before{position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);width: 9px;height: 9px;border-radius: 50%;background: #1078C1;}

.site-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-right: -54px;padding-left: 60px;padding-top: 4px;}
.site-tbody-list1{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-right: -54px;}
.site-list-item{position: relative;display: inline-block;vertical-align: top;width: 33.3333333%;padding-right: 54px;margin-bottom: 1px;}
.site-list-item .item-text{position: relative;width: 100%;font-size: 16px;line-height: 36px;padding-left: 18px;color: #333;}
.site-list-item .item-text a{color: #333;}
.site-list-item .item-text:hover, .site-list-item .item-text a:hover{color: #1078C1;}
.site-list-item .item-text::before{position: absolute;content: ">";left: 0;top: 7px;width: 10px;height: 20px;font-size: 14px;line-height: 20px;font-family: fangsong;}

@media screen and (max-width: 1459px) {
	.site-main{padding: 36px 0 6.72%}
	.site-title{font-size: 32px;line-height: 44px;}
	.site-bread{margin-top: 16px;}
	.site-bread-href{font-size: 16px;line-height: 28px;}
	.site-tbody{padding-top: 18px;}
	.site-tbody-title{font-size: 22px;line-height: 32px;padding: 22px 0 20px;}
	.site-tbody-body{padding: 14px 0;}
	.site-body-box{padding-left: 48px;}
	.site-body-title{font-size: 18px;line-height: 28px;padding: 6px 0;padding-left: 24px;}
	.site-body-title::before{width: 7px;height: 15px;border-radius: 4px;}
	.site-body-smalltitle{padding: 6px 0;font-size: 18px;line-height: 28px;padding-left: 24px;}
	.site-body-smalltitle::before{width: 8px;height: 8px;}
	.site-tbody-list{margin-right: -36px;padding-left: 48px;}
	.site-tbody-list1{margin-right: -36px;}
	.site-list-item{width: 33.3333333%;padding-right: 36px;}
	.site-list-item .item-text{font-size: 16px;line-height: 32px;padding-left: 16px;}
	.site-list-item .item-text::before{top: 6px;width: 10px;height: 20px;font-size: 14px;line-height: 20px;}
}
@media screen and (max-width: 1259px) {
	.site-main{padding: 32px 0 6.5%}
	.site-title{font-size: 28px;line-height: 40px;}
	.site-bread{margin-top: 14px;}
	.site-bread-href{font-size: 15px;line-height: 26px;}
	.site-tbody{padding-top: 16px;}
	.site-tbody-title{font-size: 20px;line-height: 30px;padding: 18px 0 18px;}
	.site-tbody-body{padding: 12px 0;}
	.site-body-box{padding-left: 32px;}
	.site-body-title{font-size: 18px;line-height: 28px;padding: 5px 0;padding-left: 20px;}
	.site-body-title::before{width: 6px;height: 14px;border-radius: 3px;}
	.site-body-smalltitle{padding: 5px 0;font-size: 18px;line-height: 28px;padding-left: 20px;}
	.site-body-smalltitle::before{width: 8px;height: 8px;}
	.site-tbody-list{margin-right: -16px;padding-left: 32px;}
	.site-tbody-list1{margin-right: -16px;}
	.site-list-item{width: 33.3333333%;padding-right: 16px;}
	.site-list-item .item-text{font-size: 16px;line-height: 28px;padding-left: 14px;}
	.site-list-item .item-text::before{top: 5px;width: 8px;height: 18px;font-size: 14px;line-height: 18px;}
}
@media screen and (max-width: 991px) {
	.site-main{padding: 28px 0 6.25%}
	.site-title{font-size: 24px;line-height: 36px;}
	.site-bread{margin-top: 12px;}
	.site-bread-href{font-size: 15px;line-height: 26px;}
	.site-tbody{padding-top: 12px;}
	.site-tbody-title{font-size: 18px;line-height: 30px;padding: 16px 0 16px;}
	.site-tbody-body{padding: 10px 0;}
	.site-body-box{padding-left: 24px;}
	.site-body-title{font-size: 18px;line-height: 28px;padding: 5px 0;padding-left: 20px;}
	.site-body-title::before{width: 6px;height: 14px;border-radius: 3px;}
	.site-body-smalltitle{padding: 5px 0;font-size: 18px;line-height: 28px;padding-left: 20px;}
	.site-body-smalltitle::before{width: 7px;height: 7px;}
	.site-tbody-list{margin-right: -16px;padding-left: 24px;}
	.site-tbody-list1{margin-right: -16px;}
	.site-list-item{width: 50%;padding-right: 16px;}
	.site-list-item .item-text{font-size: 15px;line-height: 26px;padding-left: 14px;}
	.site-list-item .item-text::before{top: 4px;width: 8px;height: 18px;font-size: 14px;line-height: 18px;}
}
@media screen and (max-width: 720px) {
	.site-main{padding: 24px 0 6%}
	.site-title{font-size: 20px;line-height: 32px;}
	.site-bread{margin-top: 12px;}
	.site-bread-href{font-size: 14px;line-height: 24px;}
	.site-tbody{padding-top: 12px;}
	.site-tbody-title{font-size: 16px;line-height: 28px;padding: 14px 0;}
	.site-tbody-body{padding: 10px 0;}
	.site-body-box{padding-left: 18px;}
	.site-body-title{font-size: 16px;line-height: 28px;padding: 4px 0;padding-left: 18px;}
	.site-body-title::before{width: 6px;height: 14px;border-radius: 3px;}
	.site-body-smalltitle{padding: 4px 0;font-size: 16px;line-height: 28px;padding-left: 18px;}
	.site-body-smalltitle::before{width: 8px;height: 8px;}
	.site-tbody-list{margin-right: -12px;padding-left: 18px;}
	.site-tbody-list1{margin-right: -12px;}
	.site-list-item{width: 50%;padding-right: 12px;}
	.site-list-item .item-text{font-size: 14px;line-height: 24px;padding-left: 12px;}
	.site-list-item .item-text::before{top: 3px;width: 8px;height: 18px;font-size: 14px;line-height: 18px;}
}
@media screen and (max-width: 540px) {
	.site-main{padding: 20px 0 5.75%}
	.site-title{font-size: 20px;line-height: 32px;}
	.site-bread{margin-top: 12px;}
	.site-bread-href{font-size: 14px;line-height: 24px;}
	.site-tbody{padding-top: 12px;}
	.site-tbody-title{font-size: 16px;line-height: 28px;padding: 14px 0;}
	.site-tbody-body{padding: 10px 0;}
	.site-body-box{padding-left: 15px;}
	.site-body-title{font-size: 16px;line-height: 28px;padding: 4px 0;padding-left: 18px;}
	.site-body-title::before{width: 6px;height: 14px;border-radius: 3px;}
	.site-body-smalltitle{padding: 4px 0;font-size: 16px;line-height: 28px;padding-left: 18px;}
	.site-body-smalltitle::before{width: 6px;height: 6px;}
	.site-tbody-list{margin-right: -12px;padding-left: 15px;}
	.site-tbody-list1{margin-right: -12px;}
	.site-list-item{width: 100%;padding-right: 12px;}
	.site-list-item .item-text{font-size: 14px;line-height: 24px;padding-left: 12px;}
	.site-list-item .item-text::before{top: 3px;width: 8px;height: 18px;font-size: 14px;line-height: 18px;}
}

.section-white .site-title, .section-white .site-title a{color: #fff;}
.section-white .site-title a:hover{color: #fff;}
.section-white .site-bread-href, .section-white .site-bread-href a{color: #ABACB0;}
.section-white .site-bread-href a:hover, .section-white  .site-bread-href a.bread-active{color: #3EAFFF;}
.section-white .site-tbody-title, .section-white .site-tbody-title a{color: #fff;}
.section-white .site-tbody-title a:hover{color: #3EAFFF;}
.section-white .site-tbody-title{border-color: #535353;}
.section-white .site-tbody-body{border-color: #535353;}
.section-white .site-list-item .item-text, .section-white .site-list-item .item-text a{color: #fff;}
.section-white .site-list-item .item-text:hover, .section-white .site-list-item .item-text a:hover{color: #3EAFFF;}
.section-white .site-body-title, .section-white .site-body-title a{color: #3EAFFF;}
.section-white .site-body-title::before{background: #3EAFFF;}
.section-white .site-body-smalltitle, .section-white .site-body-smalltitle a{color: #3EAFFF;}
.section-white .site-body-smalltitle::before{background: #3EAFFF;}

