.container {max-width:1220px; padding:0 10px; margin:0 auto;}
.is_m {display:none !important;}
@media(max-width:991px){
.is_pc {display:none !important;}
.is_m {display:block !important;}
}
/* header */
header .pc-header {border-bottom:1px solid #ccc;}
header .pc-header h1 {display:inline-block;}
header .pc-header ul {display:inline-block; font-size:0;}
header .pc-header ul li {display:inline-block;}
header .pc-header ul li.active {position:relative;}
header .pc-header ul li.active:after {position:absolute; bottom:0; left:0; width:100%; height:2px; background:rgb(0, 85, 255); content:"";}
header .pc-header ul li a {display:block; font-size:17px; padding:30px 0 30px; width:110px; text-align:center;}
header .pc-header ul li.active a {color:rgb(0,85,255); font-weight:600;}
header .pc-header ul li a svg {width:24px; height:24px; position:relative; top:-4px; margin-right:5px;}
header .m-header {display:none;}
@media (max-width:991px){
header .pc-header {display:none;}
header .m-header {display:block; padding:20px 10px; border-bottom:1px solid #333; position:fixed; left:0; top:0; z-index:9999; background:#fff; width:100%;}
header .m-header h1 {display:inline-block;}
header .m-header h1 svg {width:32px;}
header .m-header ul {font-size:0; display:inline-block; margin-left:5px; position:relative; top:3px;}
header .m-header ul li {display:inline-block;}
header .m-header ul li a {display:block; padding:0 5px;}
header .m-header ul li a svg {width:27px;}
}

/* section */
.image-wrap {border-bottom:1px solid #ccc; padding:30px 0;}
.image-wrap img {display:block; margin:0 auto;}
.bg-wrap {margin:20px 0; height:96px; background:url('../images/img_banner_02.png') repeat-x center;}
.banner-wrap {margin-top:20px;}
.banner-wrap ul {margin:0 !important;}
.banner-wrap ul:after {display:block; clear:both; content:"";}
.banner-wrap ul li {width:33.33% !important; float:left; position:relative; margin:0 !important; padding-bottom:75px; overflow:hidden;}
.banner-wrap ul li a {position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}

.banner-wrap_m {margin-top:20px;}
.banner-wrap_m ul {margin:0 !important;}
.banner-wrap_m ul:after {display:block; clear:both; content:"";}
.banner-wrap_m ul li {width:90% !important; float:left; position:relative; margin:0 !important; padding-bottom:20%; overflow:hidden;}
.banner-wrap_m ul li a {position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}




.list-wrap {margin:20px 0;}
.list-wrap ul {margin:0 -10px;}
.list-wrap ul:after {display:block; clear:both; content:"";}
.list-wrap ul li {width:calc(25% - 20px); float:left; margin:0 10px;}
.list-wrap ul li:last-of-type {border-right:0;}
.list-wrap ul li .list-head {border:1px solid #ccc; padding:15px 20px; border-radius:10px;}
.list-wrap ul li .list-head:hover {background:#fafafa;}
.list-wrap ul li .list-head a {position:relative; display:block; font-size:20px; font-weight:800; height:40px; line-height:40px;}
.list-wrap ul li .list-head a img {margin-right:5px;}
.list-wrap ul li .list-head a:after {display:block; content:""; position:absolute; right:0; top:15px; transform:rotate(45deg); width:15px; height:2px; background:#333;}
.list-wrap ul li .list-head a:before {display:block; content:""; position:absolute; right:0; top:25px; transform:rotate(-45deg); width:15px; height:2px; background:#333;}
.list-wrap ul li .list-body p {padding:20px 10px; margin-bottom:20px; line-height:1.5; border-bottom:1px solid #ccc;}
.list-wrap ul li .list-foot strong {display:block; font-size:17px; font-weight:600; margin:20px 10px;}
.list-wrap ul li .list-foot dl dd {border:1px solid #ccc; border-radius:10px; padding:10px 20px; margin-bottom:10px;}
.list-wrap ul li .list-foot dl dd:hover {background:#fafafa;}
.list-wrap ul li .list-foot dl dd span {display:inline-block; height:40px; line-height:40px;}
.list-wrap ul li .list-foot dl dd:last-of-type {margin-bottom:0;}
.list-wrap ul li .list-foot dl dd img {margin-right:10px;}
.list-wrap ul li .list-foot .foot-group img {max-width:100%;}
.partner-wrap {padding:0 10px; margin:20px 0 50px;}
.partner-wrap strong {display:block; font-size:17px; font-weight:600; margin:0 10px 20px;}
.partner-wrap img {max-width:100%;}
.icon {width:45px;}
.icon_m {width:30px;}


.contents {margin:20px 0 50px;}
.contents:after {display:block; clear:both; content:"";}
.contents .inner.leftInner {width:250px; float:left; background:#efefef; padding:10px;}
.contents .inner.leftInner h2 {font-size:24px; background:#d1e0ff; color:#000; padding:10px 0; border-radius:5px; text-align:center; font-weight:800; margin-bottom:10px;}
.contents .inner.leftInner ul li {position:relative; padding-left:25px;}
.contents .inner.leftInner ul li:before {position:absolute; left:10px; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#333; content:"";}
.contents .inner.leftInner ul li a {font-size:17px; display:block; padding:10px 0;}
.contents .inner.leftInner ul li a:hover {color:rgb(0,85,255);}
.contents .inner.rightInner {width:calc(100% - 250px); float:left; padding-left:20px;}
@media (max-width:1300px){
.contents .inner.leftInner {width:100%;}
.contents .inner.leftInner ul {text-align:center;}
.contents .inner.leftInner ul li {display:inline-block; margin:0 10px;}
.contents .inner.rightInner {width:100%; padding-left:0; margin-top:20px;}
}
@media (max-width:1015px){
.icon {width:45px;}
.list-wrap ul li .list-foot dl dd {padding:10px;}
.list-wrap ul li .list-foot dl dd span {height:45px; line-height:45px;}
}
@media (max-width:991px){
section {margin-top:73px;}
.image-wrap {padding:15px 0;}
.image-wrap img {max-width:100%;}
.bg-wrap {height:75px; background-size:cover;}
.list-wrap ul {margin:0; padding:0 10px;}
.list-wrap ul li {width:100%; margin:0 0 50px; border:1px solid #ccc !important; padding:10px;}
.list-wrap ul li:last-of-type {margin-bottom:0;}
.list-wrap ul li .list-head {border-width:0 0 1px; border-radius:0; padding-top:5px;}
.list-wrap ul li .list-head a {height:35px; line-height:35px;}
.list-wrap ul li .list-head a:after {top:13px;}
.list-wrap ul li .list-head a:before {top:23px;}
.contents .inner.leftInner ul {border:1px solid #d3d3d3; border-width:1px 0 0 1px;}
.contents .inner.leftInner ul:after {display:block; clear:both; content:"";}
.contents .inner.leftInner ul li {padding-left:0; width:50%; float:left; margin:0; border:1px solid #d3d3d3; border-width:0 1px 1px 0;}
.contents .inner.leftInner ul li:before {display:none;}
.contents .inner.leftInner ul li a {font-size:14px;}
}												   

/* footer */
footer {background:#333; color:#efefef; text-align:center; padding:30px 0; font-size:17px;}
@media (max-width:991px){
footer {font-size:14px; padding:20px 0;}
footer.mb {margin-bottom:50px;}
}

/* list */
.lst {margin:0 -5px;}
.lst:after {display:block; clear:both; content:"";}
.lst li {border:1px solid #efefef; border-radius:5px; margin:0 5px 10px; float:left;}
.lst li:hover {background:#fafafa;}
.lst.col3 li {width:calc(33.33% - 10px);}
.lst.col4 li {width:calc(25% - 10px);}
.lst li a {display:block; padding:25px 15px; position:relative;}
.lst li a:after {display:block; content:""; position:absolute; right:15px; top:38px; transform:rotate(45deg); width:15px; height:2px; background:#333;}
.lst li a:before {display:block; content:""; position:absolute; right:15px; top:48px; transform:rotate(-45deg); width:15px; height:2px; background:#333;}
.lst li a span {display:inline-block; height:40px; line-height:40px; margin-left:10px; font-size:17px;}
@media (max-width:1300px){
.lst.col4 li {width:calc(50% - 10px);}
}
@media (max-width:991px){
.lst {margin:0 }
.lst li {width:calc(50% - 10px) !important;}
.lst li a {padding:15px 10px;}
.lst li a:after {top:28px;}
.lst li a:before {top:38px;}
.lst li a img {position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.lst li a span {display:block; height:35px; line-height:35px; font-size:15px; padding-left:35px;}
}
@media (max-width:700px){
.lst {margin:0;}
.lst li {width:100% !important; margin:0 0 10px;}
}

/* view */
.view-wrap {margin-top:20px;}
.view-head {border-bottom:1px solid #ccc; padding-bottom:20px;}
.view-head:after {display:block; clear:both; content:"";}
.view-head .pull-left {border:1px solid #efefef; border-radius:5px;}
.view-head .pull-left:hover {background:#fafafa;}
.view-head .pull-left a {display:block; padding:25px 15px; width:300px; float:left; position:relative; text-align:center;}
.view-head .pull-left a img {position:absolute; left:15px; top:50%; transform:translateY(-50%);}
.view-head .pull-left a span {display:block; height:40px; line-height:40px; margin-left:10px; font-size:20px; font-weight:800; text-align:center; width:100%;}
.view-head .pull-right {width:calc(100% - 320px); height:90px; position:relative; float:left; padding-left:20px;}
.view-head .pull-right p {font-size:18px; line-height:1.5; position:absolute; top:50%; transform:translateY(-50%);}
.view-body {margin-top:20px;}
.view-body .text {margin-bottom:20px;}
.view-body .text p {font-size:17px; line-height:1.5; }
.view-body .text p b {font-size:17px; color:rgb(0,85,255); font-weight:600; line-height:1.5;}
.view-body .detail {margin:40px 0; padding:40px 0; border:1px solid #e8e8e8; border-width:1px 0;}
.view-body .detail img {display:block; margin:0 auto; max-width:100%;}
.view-body .detail p {font-size:15px; line-height:1.5;text-align:center;}
.view-foot .tab ul {display:table; table-layout:fixed; width:100%;}
.view-foot .tab ul li {display:table-cell;}
.view-foot .tab ul li a {display:block; text-align:center; font-size:18px; font-weight:600; padding:25px 0; border-bottom:1px solid #e8e8e8;}
.view-foot .tab ul li.active a {border:1px solid #e8e8e8; background:#fafafa; border-bottom-color:#fafafa;}
.view-foot .tab-content {background:#fafafa; border:1px solid #e8e8e8; border-width:0 1px 1px; padding:150px 40px;}
.view-foot .tab-content ul li {display:none;}
.view-foot .tab-content ul li.active {display:block;}
.view-foot .back {position:fixed; left:0; bottom:0; width:100%}
.view-foot .back a {display:block; height:50px; line-height:50px; text-align:center; background:#222; color:#fff;}
@media (max-width:991px){
.view-head .pull-left {width:100%;}
.view-head .pull-left a {width:100%;}
.view-head .pull-right {width:100%;}
.view-head .pull-right p {position:static; transform:none; text-align:center; margin-top:10px; font-size:15px;}
.view-foot .tab ul li a {font-size:15px;}
}