@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.7; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1600px){
.header{ width:83.33%; padding:15px 8.335%; position:fixed; left:0; top:25px; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:0; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.header .logo{ float:left; height:50px;}
.header .logo img{ display:block; height:50px;}
.header .logo img.img02{ display:none;}
.header.pos .logo img.img01,.header.pos .logo img.mobile{ display:none;}
.header.pos .logo img.img02{ display:block;}
.header .nav{ height:50px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.header .nav li{ display:block; float:left; margin:0 1.3vw;}
.header .nav li a{ width:100%; display:block; height:50px; line-height:50px; font-size:16px; overflow:hidden; color:#fff;}
.header.pos .nav li a{ color:#333;}
.header .nav li:hover a{ color:#455fe3;}
.header .yu{ padding-top:7px; display:block; float:right;}
.header .yu dt{ width:138px; height:34px; line-height:34px; font-size:16px; border-radius:36px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; float:left;}
.header .yu dt b{ display:block; width:16px; height:16px; margin-right:10px; background-image:url(../images/yu.png); background-size:16px 16px;}
.header.pos .yu dt b{ background-image:url(../images/yu01.png);}
.header .yu dt a{ display:block; color:#fff;}
.header.pos .yu dt a{ color:#333;}
.header .yu dt a.on,.header .yu dt a:hover{ color:#455fe3;}
.header .yu dt span{ display:block; margin:0 5px; color:#fff;}
.header.pos .yu dt span{ color:#333;}
.header .yu dd{ display:block; float:left; margin-left:1.04vw;}
.header .yu dd a{ padding:0 20px; min-width:100px; height:36px; line-height:36px; font-size:14px; border-radius:36px; background-color:#455fe3; color:#fff; display:flex; align-items:center; justify-content:center;}
.header .yu dd a img{ display:block; height:16px; margin-right:10px;}
.header .yu dd a:hover{ background-color:#292f6f;}
.header .menu,.sav{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.header{ width:90%; padding:12px 5%; position:fixed; left:0; top:15px; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:0; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}
.header .logo{ float:left; height:50px;}
.header .logo img{ display:block; height:50px;}
.header .logo img.img02{ display:none;}
.header.pos .logo img.img01,.header.pos .logo img.mobile{ display:none;}
.header.pos .logo img.img02{ display:block;}
.header .nav{ height:50px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.header .nav li{ display:block; float:left; margin:0 1.3vw;}
.header .nav li a{ width:100%; display:block; height:50px; line-height:50px; font-size:16px; overflow:hidden; color:#fff;}
.header.pos .nav li a{ color:#333;}
.header .nav li:hover a{ color:#455fe3;}
.header .yu{ padding-top:7px; display:block; float:right;}
.header .yu dt{ width:138px; height:34px; line-height:34px; font-size:16px; border-radius:36px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; float:left;}
.header .yu dt b{ display:block; width:16px; height:16px; margin-right:10px; background-image:url(../images/yu.png); background-size:16px 16px;}
.header.pos .yu dt b{ background-image:url(../images/yu01.png);}
.header .yu dt a{ display:block; color:#fff;}
.header.pos .yu dt a{ color:#333;}
.header .yu dt a.on,.header .yu dt a:hover{ color:#455fe3;}
.header .yu dt span{ display:block; margin:0 5px; color:#fff;}
.header.pos .yu dt span{ color:#333;}
.header .yu dd{ display:block; float:left; margin-left:1.04vw;}
.header .yu dd a{ padding:0 20px; min-width:100px; height:36px; line-height:36px; font-size:14px; border-radius:36px; background-color:#455fe3; color:#fff; display:flex; align-items:center; justify-content:center;}
.header .yu dd a img{ display:block; height:16px; margin-right:10px;}
.header .yu dd a:hover{ background-color:#292f6f;}
.header .menu,.sav{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ padding:14px 5%; display:flex; justify-content:space-between;}
.header .logo{ height:46px;}
.header .logo img{ height:46px;}
.header .nav{ height:46px; position:relative; left:0; top:0; transform: translateX(0) translateY(0);}
.header .nav li{ margin:0 1vw;}
.header .nav li a{ height:46px; line-height:46px; font-size:15px;}
.header .yu dt{ width:auto; padding:0 1.04vw; height:30px; line-height:30px;}
.header .yu dt b{ margin-right:0.52vw;}
.header.pos .yu dt span{ color:#333;}
.header .yu dd a{ padding:0 1.04vw; min-width:10px; height:32px; line-height:32px;}
.header .yu dd a img{ margin-right:0.52vw;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:90; background-color:#fff; box-shadow:0 0 10px rgba(255,255,255,.1);}
.header .logo{ float:left; margin:10px 3%;}
.header .logo img{ display:block; height:40px;}
.header .logo img.img01,.header .logo img.img02{ display:none;}
.header .nav,.header .yu{ display:none;}
.header .menu{ width:30px; padding:18px 15px; float:right; position:relative; border-left:1px solid rgba(51,51,51,0.1);}
.header .menu img{ width:30px; display:block; cursor:pointer;}

.sav{ position:fixed; z-index:100; right:0; top:0; width:210px; padding-left:20px; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background:#fff; -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(230px) rotateY(90deg); -moz-transform:perspective(230px) rotateY(90deg); -ms-transform:perspective(230px) rotateY(90deg); -o-transform:perspective(230px) rotateY(90deg); transform:perspective(230px) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; display:table; vertical-align:middle;}
.sav.on{ -moz-transform:perspective(230px) rotateY(0deg); -ms-transform:perspective(230px) rotateY(0deg); -o-transform:perspective(230px) rotateY(0deg); transform:perspective(230px) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.sav .close{ position:absolute; right:10%; color:#333; font-size:14px; height:24px; line-height:24px; top:5%; text-transform:uppercase; padding-right:20px; background-image:url(../images/close.png); background-position:right center; background-repeat:no-repeat; font-weight:bold; cursor:pointer;}
.sav ul{ overflow:hidden; padding-top:100px;}
.sav ul li{ overflow:hidden; display:block; padding:10px 0; position:relative;}
.sav ul li>a{ display:inline-block; overflow:hidden; position:relative; height:30px; line-height:26px; color:#999; font-size:16px;}
.sav ul li>a b{ position:absolute; right:0; bottom:0; width:0; height:2px; background:#455fe3; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.sav ul li.on>a b,.sav ul li:hover>a b,.sav ul li>a.xuan b{ width:100%; left:0;}
.sav ul li.on>a,.sav ul li:hover>a,.sav ul li>a.xuan{ color:#333;}
.sav .yu{ width:190px; margin-top:30px; display:block;}
.sav .yu dt{ width:188px; height:38px; line-height:38px; font-size:16px; border-radius:40px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center;}
.sav .yu dt b{ display:block; height:16px; margin-right:10px;}
.sav .yu dt b img{ display:block; height:16px;}
.sav .yu dt a{ display:block;}
.sav .yu dt a.on{ color:#455fe3;}
.sav .yu dt span{ display:block; margin:0 5px;}
.sav .yu dd{ width:100%; margin-top:20px; display:block;}
.sav .yu dd a{ width:190px; height:40px; line-height:40px; font-size:16px; border-radius:40px; background-color:#455fe3; color:#fff; display:flex; align-items:center; justify-content:center;}
.sav .yu dd a img{ display:block; height:16px; margin-right:10px;}
.sav .yu dd a:hover{ background-color:#292f6f;}
}

/*banner*/
@media screen and (min-width:1600px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .tu img.mobile{ display:none;}
.banner .swiper-slide .wen{ width:50%; position:absolute; left:8.335%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ font-size:24px; line-height:34px; color:#fff;}
.banner .swiper-slide .wen .w02{ font-size:48px; line-height:68px; color:#fff; font-weight:bold; margin-top:15px;}
.banner .swiper-slide .wen .w03{ margin-top:65px; padding-bottom:5px;}
.banner .swiper-slide .wen .w03 a{ min-width:140px; height:46px; line-height:46px; font-size:16px; color:#fff; border-radius:0.52vw; background-color:#455fe3; cursor:pointer; overflow:hidden; display:flex; align-items:center; justify-content:center; float:left; padding:0 20px;}
.banner .swiper-slide .wen .w03 a b{ width:16px; height:16px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; margin-left:10px;}
.banner .swiper-slide .wen .w03 a b img{ display:block; height:16px;}
.banner .swiper-slide .wen .w03 a:hover b{ -webkit-transform:rotateX(-180deg);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.banner{ width:100%; height:56.25vw; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .tu img.mobile{ display:none;}
.banner .swiper-slide .wen{ width:60%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ font-size:20px; line-height:30px; color:#fff;}
.banner .swiper-slide .wen .w02{ font-size:38px; line-height:58px; color:#fff; font-weight:bold; margin-top:10px;}
.banner .swiper-slide .wen .w03{ margin-top:45px; padding-bottom:5px;}
.banner .swiper-slide .wen .w03 a{ min-width:120px; height:40px; line-height:40px; font-size:15px; color:#fff; border-radius:0.52vw; background-color:#455fe3; cursor:pointer; overflow:hidden; display:flex; align-items:center; justify-content:center; float:left; padding:0 20px;}
.banner .swiper-slide .wen .w03 a b{ width:15px; height:15px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; margin-left:10px;}
.banner .swiper-slide .wen .w03 a b img{ display:block; height:15px;}
.banner .swiper-slide .wen .w03 a:hover b{ -webkit-transform:rotateX(-180deg);}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .tu img.pc{ display:none;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:25px;}
.banner .swiper-slide .wen .w01{ font-size:14px; line-height:24px; color:#fff;}
.banner .swiper-slide .wen .w02{ font-size:22px; line-height:32px; color:#fff; font-weight:bold; margin-top:5px;}
.banner .swiper-slide .wen .w03{ margin-top:20px;}
.banner .swiper-slide .wen .w03 a{ min-width:110px; height:34px; line-height:34px; font-size:14px; color:#fff; border-radius:5px; background-color:#455fe3; cursor:pointer; overflow:hidden; display:flex; align-items:center; justify-content:center; float:left; padding:0 15px;}
.banner .swiper-slide .wen .w03 a b{ width:14px; height:14px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; margin-left:10px;}
.banner .swiper-slide .wen .w03 a b img{ display:block; height:14px;}
.banner .swiper-slide .wen .w03 a:hover b{ -webkit-transform:rotateX(-180deg);}
}

/*协会介绍*/
@media screen and (min-width:1600px){
.abox{ width:83.33%; padding:100px 8.335%; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%; display:flex;}
.abox .box .left{ width:55%; padding-bottom:2.08vw;}
.abox .box .left .w01{ margin-top:-5px; font-size:16px; line-height:26px; color:#666;}
.abox .box .left .w01 b{ width:10px; height:10px; display:block; float:left; border-radius:100%; margin:8px 10px; margin-left:0; background-color:#455fe3; overflow:hidden;}
.abox .box .left .w02{ font-size:36px; line-height:46px; margin-top:10px; font-weight:bold;}
.abox .box .left .w03{ font-size:36px; line-height:46px; margin-top:10px; font-weight:bold;}
.abox .box .left .w04{ font-size:16px; line-height:36px; margin-top:30px;}
.abox .box .right{ width:40%; margin-left:5%; border-radius:0.52vw; position:relative; overflow:hidden;}
.abox .box .right img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box01{ width:100%; display:flex; flex-direction: row-reverse; margin-top:20px;}
.abox .box01 .left{ width:58.75%; margin-right:1.25%; border-radius:0.52vw; position:relative; overflow:hidden;}
.abox .box01 .left img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box01 .right{ width:40%; position:relative; overflow:hidden;}
.abox .box01 .right .wen{ width:100%; min-height:14.58vw; border-radius:0.52vw; padding:35px 2.08vw; padding-bottom:33px; box-sizing:border-box; background-color:#eef1ff;}
.abox .box01 .right .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.abox .box01 .right .w02{ font-size:16px; line-height:30px; margin-top:8px;}
.abox .box01 .right .tu{ width:100%; height:14.58vw; border-radius:0.52vw; position:relative; overflow:hidden; margin-top:20px;}
.abox .box01 .right .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box02{ width:100%; display:flex; margin-top:20px;}
.abox .box02 .tu{ width:28.75%; margin-left:1.25%; border-radius:0.52vw; position:relative; overflow:hidden;}
.abox .box02 .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box02 .wen{ width:28.75%; min-height:14.58vw; border-radius:0.52vw; padding:35px 2.08vw; padding-bottom:33px; box-sizing:border-box; background-color:#eef1ff;}
.abox .box02 .wen .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.abox .box02 .wen .w02{ font-size:16px; line-height:30px; margin-top:8px;}
.abox .box02 .wen:last-child{ width:40%; margin-left:1.25%;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.abox{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%; display:flex;}
.abox .box .left{ width:55%; padding-bottom:2.08vw;}
.abox .box .left .w01{ margin-top:-5px; font-size:15px; line-height:25px; color:#666;}
.abox .box .left .w01 b{ width:8px; height:8px; display:block; float:left; border-radius:100%; margin:9px 7px; margin-left:0; background-color:#455fe3; overflow:hidden;}
.abox .box .left .w02{ font-size:28px; line-height:38px; margin-top:5px; font-weight:bold;}
.abox .box .left .w03{ font-size:28px; line-height:38px; margin-top:5px; font-weight:bold;}
.abox .box .left .w04{ font-size:15px; line-height:31px; margin-top:20px;}
.abox .box .right{ width:40%; margin-left:5%; border-radius:0.52vw; position:relative; overflow:hidden;}
.abox .box .right img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box01{ width:100%; display:flex; flex-direction: row-reverse; margin-top:20px;}
.abox .box01 .left{ width:58.75%; margin-right:1.25%; border-radius:0.52vw; position:relative; overflow:hidden;}
.abox .box01 .left img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box01 .right{ width:40%; position:relative; overflow:hidden;}
.abox .box01 .right .wen{ width:100%; min-height:14.58vw; border-radius:0.52vw; padding:25px 2.08vw; padding-bottom:29px; box-sizing:border-box; background-color:#eef1ff;}
.abox .box01 .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.abox .box01 .right .w02{ font-size:15px; line-height:27px; margin-top:5px;}
.abox .box01 .right .tu{ width:100%; height:14.58vw; border-radius:0.52vw; position:relative; overflow:hidden; margin-top:20px;}
.abox .box01 .right .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box02{ width:100%; display:flex; margin-top:20px;}
.abox .box02 .tu{ width:28.75%; margin-left:1.25%; border-radius:0.52vw; position:relative; overflow:hidden;}
.abox .box02 .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box02 .wen{ width:28.75%; min-height:14.58vw; border-radius:0.52vw; padding:25px 2.08vw; padding-bottom:29px; box-sizing:border-box; background-color:#eef1ff;}
.abox .box02 .wen .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.abox .box02 .wen .w02{ font-size:15px; line-height:27px; margin-top:5px;}
.abox .box02 .wen:last-child{ width:40%; margin-left:1.25%;}
}
@media only screen and (max-width:1023px){
.abox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%;}
.abox .box .left{ width:100%;}
.abox .box .left .w01{ margin-top:-5px; font-size:14px; line-height:24px; color:#666;}
.abox .box .left .w01 b{ width:6px; height:6px; display:block; float:left; border-radius:100%; margin:9px 4px; margin-left:0; background-color:#455fe3; overflow:hidden;}
.abox .box .left .w02{ font-size:20px; line-height:30px; font-weight:bold;}
.abox .box .left .w03{ font-size:20px; line-height:30px; font-weight:bold;}
.abox .box .left .w04{ font-size:14px; line-height:24px; margin-top:10px;}
.abox .box .right{ width:100%; margin-top:15px; padding-top:71.875%; border-radius:5px; position:relative; overflow:hidden;}
.abox .box .right img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box01{ width:100%; margin-top:20px;}
.abox .box01 .left{ width:100%; padding-top:61.7%; margin-top:15px; border-radius:5px; position:relative; overflow:hidden;}
.abox .box01 .left img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box01 .right{ width:100%; margin-top:15px; display:flex; flex-direction: row-reverse; position:relative; overflow:hidden;}
.abox .box01 .right .wen{ width:48.5%; margin-left:3%; min-height:120px; border-radius:5px; padding:15px; box-sizing:border-box; background-color:#eef1ff;}
.abox .box01 .right .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.abox .box01 .right .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.abox .box01 .right .tu{ width:48.5%; border-radius:5px; position:relative; overflow:hidden;}
.abox .box01 .right .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box02{ width:100%; display:flex; flex-wrap:wrap; margin-top:15px;}
.abox .box02 .tu{ width:48.5%; margin-left:3%; border-radius:5px; position:relative; overflow:hidden;}
.abox .box02 .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box02 .wen{ width:48.5%; border-radius:5px; padding:15px; box-sizing:border-box; background-color:#eef1ff;}
.abox .box02 .wen .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.abox .box02 .wen .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.abox .box02 .wen:last-child{ width:100%; margin-top:15px;}
}

/*资格认证*/
@media screen and (min-width:1600px){
.title{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.title .t01{ font-size:16px; line-height:26px; color:#666;}
.title .t01 b{ width:10px; height:10px; display:block; float:left; border-radius:100%; margin:8px 10px; margin-left:0; background-color:#455fe3; overflow:hidden;}
.title .t02{ font-size:36px; line-height:46px; margin-top:8px; font-weight:bold;}

.zbox{ width:83.33%; padding:100px 8.335%; position:relative; z-index:1; background-color:#eef1ff;}
.zbox .title .t02{ width:65.625%;}
.zbox .title .tab_menu{ display:block; position:absolute; right:0; bottom:5px;}
.zbox .title .tab_menu li{ display:block; float:left; padding:0 1.3vw; font-size:16px; height:46px; line-height:46px; border-radius:0.52vw; background-color:#fff; cursor:pointer; overflow:hidden; margin-left:20px;}
.zbox .title .tab_menu li.on{ background-color:#455fe3; color:#fff;}
.zbox .box{ width:100%; margin-top:5px; position:relative; z-index:3;}
.zbox .box .tabox{ width:100%; display:none; overflow:hidden;}
.zbox .box .tabox.on{ display:flex; flex-wrap:wrap;}
.zbox .box .item{ width:31.25%; margin-left:3.125%; margin-top:40px; border-radius:0.52vw; background-color:#fff; padding:43px 2.08vw; padding-top:60px; box-sizing:border-box;}
.zbox .box .item:nth-child(3n+1){ margin-left:0;}
.zbox .box .item .w01{ height:80px;}
.zbox .box .item .w01 img{ display:block; height:80px;}
.zbox .box .item .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:45px;}
.zbox .box .item .w03{ font-size:16px; line-height:30px; margin-top:8px;}
.zbox .box01{ width:100%; margin-top:50px; position:relative; z-index:3; padding:45px 2.08vw; box-sizing:border-box; border-radius:0.52vw; display:flex; align-items:center; background-color:#fff;}
.zbox .box01 .left{ width:80px;}
.zbox .box01 .left img{ width:100%; display:block;}
.zbox .box01 .mil{ flex:1; padding:0 2.08vw;}
.zbox .box01 .mil .w01{ max-width:930px; font-size:24px; line-height:34px; font-weight:bold;}
.zbox .box01 .mil .w02{ max-width:930px; font-size:16px; line-height:36px; color:#666; margin-top:16px;}
.zbox .box01 .right{ cursor:pointer; min-width:120px; height:46px; line-height:46px; text-align:center; font-size:16px; background:linear-gradient(to right,#292f6f,#455fe3); border-radius:0.52vw; color:#fff; padding:0 25px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.title{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.title .t01{ font-size:15px; line-height:25px; color:#666;}
.title .t01 b{ width:8px; height:8px; display:block; float:left; border-radius:100%; margin:9px 7px; margin-left:0; background-color:#455fe3; overflow:hidden;}
.title .t02{ font-size:28px; line-height:38px; margin-top:5px; font-weight:bold;}

.zbox{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#eef1ff;}
.zbox .title .t02{ width:65.625%;}
.zbox .title .tab_menu{ display:block; position:absolute; right:0; bottom:5px;}
.zbox .title .tab_menu li{ display:block; float:left; padding:0 1.3vw; font-size:15px; height:41px; line-height:41px; border-radius:0.52vw; background-color:#fff; cursor:pointer; overflow:hidden; margin-left:15px;}
.zbox .title .tab_menu li.on{ background-color:#455fe3; color:#fff;}
.zbox .box{ width:100%; position:relative; z-index:3;}
.zbox .box .tabox{ width:100%; display:none; overflow:hidden;}
.zbox .box .tabox.on{ display:flex; flex-wrap:wrap;}
.zbox .box .item{ width:31.25%; margin-left:3.125%; margin-top:30px; border-radius:0.52vw; background-color:#fff; padding:34px 2.08vw; padding-top:40px; box-sizing:border-box;}
.zbox .box .item:nth-child(3n+1){ margin-left:0;}
.zbox .box .item .w01{ height:60px;}
.zbox .box .item .w01 img{ display:block; height:60px;}
.zbox .box .item .w02{ font-size:20px; line-height:34px; font-weight:bold; margin-top:25px;}
.zbox .box .item .w03{ font-size:15px; line-height:27px; margin-top:5px;}
.zbox .box01{ width:100%; margin-top:35px; position:relative; z-index:3; padding:35px 2.08vw; box-sizing:border-box; border-radius:0.52vw; display:flex; align-items:center; background-color:#fff;}
.zbox .box01 .left{ width:80px;}
.zbox .box01 .left img{ width:100%; display:block;}
.zbox .box01 .mil{ flex:1; padding:0 2.08vw;}
.zbox .box01 .mil .w01{ max-width:930px; font-size:20px; line-height:30px; font-weight:bold;}
.zbox .box01 .mil .w02{ max-width:930px; font-size:15px; line-height:29px; color:#666; margin-top:10px;}
.zbox .box01 .right{ cursor:pointer; min-width:120px; height:41px; line-height:41px; text-align:center; font-size:15px; background:linear-gradient(to right,#292f6f,#455fe3); border-radius:0.52vw; color:#fff; padding:0 20px;}
}
@media only screen and (max-width:1023px){
.title{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.title .t01{ font-size:14px; line-height:24px; color:#666;}
.title .t01 b{ width:6px; height:6px; display:block; float:left; border-radius:100%; margin:9px 4px; margin-left:0; background-color:#455fe3; overflow:hidden;}
.title .t02{ font-size:20px; line-height:30px; font-weight:bold;}

.zbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#eef1ff;}
.zbox .title .tab_menu{ display:block; margin-left:-10px;}
.zbox .title .tab_menu li{ display:block; float:left; padding:0 15px; font-size:14px; height:34px; line-height:34px; border-radius:5px; background-color:#fff; cursor:pointer; overflow:hidden; margin-left:10px; margin-top:10px;}
.zbox .title .tab_menu li.on{ background-color:#455fe3; color:#fff;}
.zbox .box{ width:100%; position:relative; z-index:3;}
.zbox .box .tabox{ width:100%; display:none; overflow:hidden;}
.zbox .box .tabox.on{ display:flex; flex-wrap:wrap;}
.zbox .box .item{ width:100%; margin-top:15px; border-radius:5px; background-color:#fff; padding:15px; padding-top:20px; box-sizing:border-box;}
.zbox .box .item .w01{ height:40px;}
.zbox .box .item .w01 img{ display:block; height:40px;}
.zbox .box .item .w02{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.zbox .box .item .w03{ font-size:14px; line-height:24px; margin-top:5px;}
.zbox .box01{ width:100%; margin-top:20px; position:relative; z-index:3; padding:20px 15px; box-sizing:border-box; border-radius:5px; background-color:#fff;}
.zbox .box01 .left{ width:40px;}
.zbox .box01 .left img{ width:100%; display:block;}
.zbox .box01 .mil{ margin-top:10px;}
.zbox .box01 .mil .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.zbox .box01 .mil .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.zbox .box01 .right{ cursor:pointer; height:40px; line-height:40px; text-align:center; font-size:14px; background:linear-gradient(to right,#292f6f,#455fe3); border-radius:5px; color:#fff; margin-top:15px;}
}

/*证书查询*/
@media screen and (min-width:1600px){
.zheng{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,.7); display:none;}
.zheng .box{ width:1000px; background-color:#fff; border-radius:1.5625vw; padding:95px 40px; box-sizing:border-box; max-height:90vh; overflow:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.zheng .box .close{ position:absolute; right:40px; top:40px; cursor:pointer;}
.zheng .box .close img{ width:40px; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zheng .box .close:hover img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.zheng .box .w01{ text-align:center; font-size:36px; line-height:46px; font-weight:bold; color:#292f6f;}
.zheng .box .w02{ text-align:center; font-size:24px; line-height:34px; font-weight:bold; margin-top:10px;}
.zheng .box .w03{ width:100%; max-width:700px; margin:auto; height:50px; border-radius:50px; background-color:#eef1ff; margin-top:45px;}
.zheng .box .w03 input{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; background-color:transparent; overflow:hidden; display:block;}
.zheng .box .w04{ width:200px; height:50px; margin:40px auto; margin-bottom:5px; background:linear-gradient(to right,#292f6f,#455fe3); border-radius:50px;}
.zheng .box .w04 input{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; background-color:transparent; overflow:hidden; display:block; color:#fff; cursor:pointer;}
.zheng .box .w05{ width:100%; padding-top:50px;}
.zheng .box .w05 img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.zheng{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,.7); overflow:auto; display:none;}
.zheng .box{ width:90%; max-width:1000px; background-color:#fff; border-radius:1.5625vw; padding:65px 30px; box-sizing:border-box; max-height:90vh; overflow:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.zheng .box .close{ position:absolute; right:30px; top:30px; cursor:pointer;}
.zheng .box .close img{ width:30px; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zheng .box .close:hover img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.zheng .box .w01{ text-align:center; font-size:28px; line-height:38px; font-weight:bold; color:#292f6f;}
.zheng .box .w02{ text-align:center; font-size:20px; line-height:30px; font-weight:bold; margin-top:5px;}
.zheng .box .w03{ width:100%; max-width:600px; margin:auto; height:45px; border-radius:50px; background-color:#eef1ff; margin-top:35px;}
.zheng .box .w03 input{ width:100%; height:45px; line-height:45px; font-size:15px; text-align:center; background-color:transparent; overflow:hidden; display:block;}
.zheng .box .w04{ width:180px; height:45px; margin:30px auto; margin-bottom:5px; background: linear-gradient(to right,#292f6f,#455fe3); border-radius:50px;}
.zheng .box .w04 input{ width:100%; height:45px; line-height:45px; font-size:15px; text-align:center; background-color:transparent; overflow:hidden; display:block; color:#fff; cursor:pointer;}
.zheng .box .w05{ width:100%; padding-top:35px;}
.zheng .box .w05 img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.zheng{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,.7); overflow:auto; display:none;}
.zheng .box{ width:94%; background-color:#fff; border-radius:1.5625vw; padding:35px 15px; box-sizing:border-box; max-height:90vh; overflow:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.zheng .box .close{ position:absolute; right:15px; top:15px; cursor:pointer;}
.zheng .box .close img{ width:20px; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.zheng .box .close:hover img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.zheng .box .w01{ text-align:center; font-size:20px; line-height:30px; font-weight:bold; color:#292f6f;}
.zheng .box .w02{ text-align:center; font-size:16px; line-height:26px; font-weight:bold; margin-top:5px;}
.zheng .box .w03{ width:100%; height:40px; border-radius:50px; background-color:#eef1ff; margin-top:25px;}
.zheng .box .w03 input{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background-color:transparent; overflow:hidden; display:block;}
.zheng .box .w04{ width:160px; height:40px; margin:20px auto; margin-bottom:5px; background: linear-gradient(to right,#292f6f,#455fe3); border-radius:50px;}
.zheng .box .w04 input{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background-color:transparent; overflow:hidden; display:block; color:#fff; cursor:pointer;}
.zheng .box .w05{ width:100%; padding-top:15px;}
.zheng .box .w05 img{ width:100%; display:block;}
}

/*协会活动*/
@media screen and (min-width:1600px){
.hbox{ width:83.33%; padding:100px 8.335%; position:relative; z-index:1; background-color:#fff;}
.hbox .box{ width:100%; margin-top:45px; position:relative; z-index:3; display:flex;}
.hbox .box .left{ width:42.5%; padding:40px 2.08vw; box-sizing:border-box; background-color:#eef1ff; border-radius:0.52vw;}
.hbox .box .left .w01{ width:100%;}
.hbox .box .left .w01 a{ width:100%; padding-top:65%; position:relative; display:block; overflow:hidden; border-radius:0.52vw;}
.hbox .box .left .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.hbox .box .left .w02{ width:100%; margin-top:25px;}
.hbox .box .left .w02 a{ width:100%; display:block; font-size:24px; line-height:34px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbox .box .left .w02 a:hover{ color:#455fe3;}
.hbox .box .left .w03{ width:100%; margin-top:5px; font-size:18px; line-height:28px; font-weight:bold; color:#455fe3;}
.hbox .box .left .w04{ width:100%; margin-top:8px; font-size:16px; line-height:30px; height:120px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.hbox .box .left .w05{ margin-top:20px;}
.hbox .box .left .w05 a{ display:block; float:left; padding:0 1.3vw; font-size:16px; height:40px; line-height:40px; background-color:#455fe3; color:#fff; border-radius:0.52vw; overflow:hidden;}
.hbox .box .left .w05 a img{ display:block; height:16px; float:right; margin-left:0.52vw; margin-top:12px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box .left .w05 a:hover img{ -webkit-transform:rotateX(-180deg);}
.hbox .box .right{ width:53.75%; margin-left:3.75%; display:flex; flex-direction: column;}
.hbox .box .right .item{ flex:1; margin-bottom:30px; background-color:#eef1ff; border-radius:0.52vw;}
.hbox .box .right .item:last-child{ margin-bottom:0;}
.hbox .box .right .item .tu{ width:41.16%; height:100%; position:relative; float:left;}
.hbox .box .right .item .tu a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.hbox .box .right .item .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.hbox .box .right .item .tu b{ width:100%; height:100%; position:relative; z-index:3; display:block; background-image:url(../images/hbg_23.png); background-size:100% 100%;}
.hbox .box .right .item .wen{ width:58.13%; float:right; padding-top:35px; padding-bottom:33px; padding-right:2.08vw; box-sizing:border-box;}
.hbox .box .right .item .wen .w01{ width:100%; font-size:18px; line-height:28px; font-weight:bold; color:#455fe3;}
.hbox .box .right .item .wen .w02{ width:100%; margin-top:5px;}
.hbox .box .right .item .wen .w02 a{ width:100%; display:block; font-size:24px; line-height:34px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbox .box .right .item .wen .w02 a:hover{ color:#455fe3;}
.hbox .box .right .item .wen .w03{ width:100%; margin-top:8px; font-size:16px; line-height:30px; height:90px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.hbox{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.hbox .box{ width:100%; position:relative; z-index:3; display:flex; margin-top:30px;}
.hbox .box .left{ width:42.5%; padding:30px 2.08vw; box-sizing:border-box; background-color:#eef1ff; border-radius:0.52vw;}
.hbox .box .left .w01{ width:100%;}
.hbox .box .left .w01 a{ width:100%; padding-top:65%; position:relative; display:block; overflow:hidden; border-radius:0.52vw;}
.hbox .box .left .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.hbox .box .left .w02{ width:100%; margin-top:20px;}
.hbox .box .left .w02 a{ width:100%; display:block; font-size:20px; line-height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbox .box .left .w02 a:hover{ color:#455fe3;}
.hbox .box .left .w03{ width:100%; margin-top:5px; font-size:17px; line-height:27px; font-weight:bold; color:#455fe3;}
.hbox .box .left .w04{ width:100%; margin-top:8px; font-size:15px; line-height:27px; height:108px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.hbox .box .left .w05{ margin-top:15px;}
.hbox .box .left .w05 a{ display:block; float:left; padding:0 1.3vw; font-size:15px; height:37px; line-height:37px; background-color:#455fe3; color:#fff; border-radius:0.52vw; overflow:hidden;}
.hbox .box .left .w05 a img{ display:block; height:15px; float:right; margin-left:0.52vw; margin-top:11px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box .left .w05 a:hover img{ -webkit-transform:rotateX(-180deg);}
.hbox .box .right{ width:53.75%; margin-left:3.75%; display:flex; flex-direction: column;}
.hbox .box .right .item{ flex:1; margin-bottom:20px; background-color:#eef1ff; border-radius:0.52vw;}
.hbox .box .right .item:last-child{ margin-bottom:0;}
.hbox .box .right .item .tu{ width:41.16%; height:100%; position:relative; float:left;}
.hbox .box .right .item .tu a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.hbox .box .right .item .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.hbox .box .right .item .tu b{ width:100%; height:100%; position:relative; z-index:3; display:block; background-image:url(../images/hbg_23.png); background-size:100% 100%;}
.hbox .box .right .item .wen{ width:58.13%; float:right; padding-top:25px; padding-bottom:23px; padding-right:2.08vw; box-sizing:border-box;}
.hbox .box .right .item .wen .w01{ width:100%; font-size:17px; line-height:27px; font-weight:bold; color:#455fe3;}
.hbox .box .right .item .wen .w02{ width:100%; margin-top:3px;}
.hbox .box .right .item .wen .w02 a{ width:100%; display:block; font-size:20px; line-height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbox .box .right .item .wen .w02 a:hover{ color:#455fe3;}
.hbox .box .right .item .wen .w03{ width:100%; margin-top:5px; font-size:15px; line-height:27px; height:81px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media only screen and (max-width:1023px){
.hbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.hbox .box{ width:100%; position:relative; z-index:3;}
.hbox .box .left{ width:100%; padding:20px 15px; box-sizing:border-box; background-color:#eef1ff; border-radius:5px; margin-top:15px;}
.hbox .box .left .w01{ width:100%;}
.hbox .box .left .w01 a{ width:100%; padding-top:65%; position:relative; display:block; overflow:hidden; border-radius:5px;}
.hbox .box .left .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.hbox .box .left .w02{ width:100%; margin-top:10px;}
.hbox .box .left .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbox .box .left .w02 a:hover{ color:#455fe3;}
.hbox .box .left .w03{ width:100%; margin-top:5px; font-size:14px; line-height:24px; font-weight:bold; color:#455fe3;}
.hbox .box .left .w04{ width:100%; margin-top:8px; font-size:14px; line-height:24px; height:96px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.hbox .box .left .w05{ margin-top:10px;}
.hbox .box .left .w05 a{ display:block; float:left; padding:0 15px; font-size:14px; height:34px; line-height:34px; background-color:#455fe3; color:#fff; border-radius:0.52vw; overflow:hidden;}
.hbox .box .left .w05 a img{ display:block; height:14px; float:right; margin-left:5px; margin-top:10px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box .left .w05 a:hover img{ -webkit-transform:rotateX(-180deg);}
.hbox .box .right{ width:100%; padding-top:5px;}
.hbox .box .right .item{ margin-top:15px; background-color:#eef1ff; border-radius:5px;}
.hbox .box .right .item .tu{ width:41.16%; position:relative; float:left;}
.hbox .box .right .item .tu a{ width:100%; height:118px; display:block; overflow:hidden; position:relative;}
.hbox .box .right .item .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.hbox .box .right .item .tu b{ width:100%; height:100%; position:relative; z-index:3; display:block; background-image:url(../images/hbg_23.png); background-size:100% 100%;}
.hbox .box .right .item .wen{ width:58.13%; float:right; padding-top:10px; padding-bottom:10px; padding-right:15px; box-sizing:border-box;}
.hbox .box .right .item .wen .w01{ width:100%; font-size:14px; line-height:24px; font-weight:bold; color:#455fe3;}
.hbox .box .right .item .wen .w02{ width:100%;}
.hbox .box .right .item .wen .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbox .box .right .item .wen .w02 a:hover{ color:#455fe3;}
.hbox .box .right .item .wen .w03{ width:100%; font-size:14px; line-height:24px; height:48px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
}

/*新闻中心*/
@media screen and (min-width:1600px){
.nbox{ width:83.33%; padding:100px 8.335%; padding-bottom:95px; position:relative; z-index:1; background-color:#eef1ff;}
.nbox .box{ width:100%; margin-top:45px; position:relative; z-index:3;}
.nbox .box .item{ width:31.25%; margin-left:3.125%; float:left;}
.nbox .box .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .item .w01{ width:100%;}
.nbox .box .item .w01 a{ width:100%; padding-top:70%; position:relative; display:block; overflow:hidden;}
.nbox .box .item .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .item .w02{ width:100%; margin-top:20px; font-size:18px; line-height:26px; font-weight:bold; color:#455fe3;}
.nbox .box .item .w03{ width:100%; margin-top:5px;}
.nbox .box .item .w03 a{ width:100%; display:block; font-size:24px; line-height:34px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .item .w03 a:hover{ color:#455fe3;}
.nbox .box .item .w04{ width:80px; height:2px; background-color:#333; margin-top:10px;}
.nbox .box .item .w05{ width:100%; margin-top:18px; font-size:16px; line-height:30px; height:90px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .item .w06{ margin-top:8px;}
.nbox .box .item .w06 a{ display:block; float:left; font-size:16px; line-height:26px; color:#999;}
.nbox .box .item .w06 a:hover{ color:#455fe3;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.nbox{ width:90%; padding:70px 5%; padding-bottom:65px; position:relative; z-index:1; background-color:#eef1ff;}
.nbox .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.nbox .box .item{ width:31.25%; margin-left:3.125%; float:left;}
.nbox .box .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .item .w01{ width:100%;}
.nbox .box .item .w01 a{ width:100%; padding-top:70%; position:relative; display:block; overflow:hidden;}
.nbox .box .item .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .item .w02{ width:100%; margin-top:15px; font-size:16px; line-height:24px; font-weight:bold; color:#455fe3;}
.nbox .box .item .w03{ width:100%; margin-top:3px;}
.nbox .box .item .w03 a{ width:100%; display:block; font-size:20px; line-height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .item .w03 a:hover{ color:#455fe3;}
.nbox .box .item .w04{ width:60px; height:2px; background-color:#333; margin-top:7px;}
.nbox .box .item .w05{ width:100%; margin-top:15px; font-size:15px; line-height:27px; height:81px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .item .w06{ margin-top:5px;}
.nbox .box .item .w06 a{ display:block; float:left; font-size:15px; line-height:25px; color:#999;}
.nbox .box .item .w06 a:hover{ color:#455fe3;}
}
@media only screen and (max-width:1023px){
.nbox{ width:94%; padding:40px 3%; padding-bottom:35px; position:relative; z-index:1; background-color:#eef1ff;}
.nbox .box{ width:100%; position:relative; z-index:3;}
.nbox .box .item{ width:100%; margin-top:15px; float:left;}
.nbox .box .item .w01{ width:100%;}
.nbox .box .item .w01 a{ width:100%; padding-top:70%; position:relative; display:block; overflow:hidden;}
.nbox .box .item .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .item .w02{ width:100%; margin-top:10px; font-size:14px; line-height:22px; font-weight:bold; color:#455fe3;}
.nbox .box .item .w03{ width:100%;}
.nbox .box .item .w03 a{ width:100%; display:block; font-size:16px; line-height:26px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .item .w03 a:hover{ color:#455fe3;}
.nbox .box .item .w04{ width:40px; height:2px; background-color:#333; margin-top:5px;}
.nbox .box .item .w05{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .item .w06{ width:100%;}
.nbox .box .item .w06 a{ display:block; float:left; font-size:14px; line-height:24px; color:#999;}
.nbox .box .item .w06 a:hover{ color:#455fe3;}
}

/*联系我们*/
@media screen and (min-width:1600px){
.lbox{ width:83.33%; padding:100px 8.335%; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:100%; margin-top:40px; position:relative; z-index:3;}
.lbox .box .left{ width:40%; float:left;}
.lbox .box .left .bt{ font-size:24px; line-height:34px; font-weight:bold; color:#455fe3;}
.lbox .box .left .list{ width:100%; display:block; padding-top:5px;}
.lbox .box .left .list li{ width:100%; display:block; margin-top:30px;}
.lbox .box .left .list li b{ display:block; font-size:20px; line-height:30px;}
.lbox .box .left .list li b img{ width:20px; display:block; float:left; margin-top:3px; margin-right:10px;}
.lbox .box .left .list li p{ display:block; font-size:16px; line-height:30px; padding-left:30px; margin-top:8px;}
.lbox .box .right{ width:56.25%; float:right;}
.lbox .box .right .bt{ font-size:24px; line-height:34px; font-weight:bold; color:#455fe3;}
.lbox .box .right .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5px;}
.lbox .box .right .list li{ width:47.78%; display:block; margin-top:40px; margin-left:4.44%; padding:35px 2.08vw; padding-bottom:33px; box-sizing:border-box; background-color:#eef1ff; overflow:hidden; border-radius:0.52vw;}
.lbox .box .right .list li:nth-child(2n+1){ margin-left:0;}
.lbox .box .right .list li b{ display:block; font-size:20px; line-height:30px;}
.lbox .box .right .list li b img{ width:20px; display:block; float:left; margin-top:3px; margin-right:10px;}
.lbox .box .right .list li p{ display:block; font-size:16px; line-height:30px; padding-left:30px; margin-top:8px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.lbox{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:100%; position:relative; z-index:3; margin-top:25px;}
.lbox .box .left{ width:40%; float:left;}
.lbox .box .left .bt{ font-size:20px; line-height:30px; font-weight:bold; color:#455fe3;}
.lbox .box .left .list{ width:100%; display:block; padding-top:5px;}
.lbox .box .left .list li{ width:100%; display:block; margin-top:20px;}
.lbox .box .left .list li b{ display:block; font-size:18px; line-height:28px;}
.lbox .box .left .list li b img{ width:20px; display:block; float:left; margin-top:2px; margin-right:10px;}
.lbox .box .left .list li p{ display:block; font-size:15px; line-height:27px; padding-left:30px; margin-top:5px;}
.lbox .box .right{ width:56.25%; float:right;}
.lbox .box .right .bt{ font-size:20px; line-height:30px; font-weight:bold; color:#455fe3;}
.lbox .box .right .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5px;}
.lbox .box .right .list li{ width:47.78%; display:block; margin-top:30px; margin-left:4.44%; padding:25px 2.08vw; padding-bottom:24px; box-sizing:border-box; background-color:#eef1ff; overflow:hidden; border-radius:0.52vw;}
.lbox .box .right .list li:nth-child(2n+1){ margin-left:0;}
.lbox .box .right .list li b{ display:block; font-size:18px; line-height:28px;}
.lbox .box .right .list li b img{ width:20px; display:block; float:left; margin-top:2px; margin-right:10px;}
.lbox .box .right .list li p{ display:block; font-size:15px; line-height:27px; padding-left:30px; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.lbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:100%; position:relative; z-index:3;}
.lbox .box .left{ width:100%; float:left; margin-top:10px;}
.lbox .box .left .bt{ font-size:18px; line-height:28px; font-weight:bold; color:#455fe3;}
.lbox .box .left .list{ width:100%; display:block; margin-top:-5px;}
.lbox .box .left .list li{ width:100%; display:block; margin-top:10px;}
.lbox .box .left .list li b{ display:block; font-size:16px; line-height:26px;}
.lbox .box .left .list li b img{ width:15px; display:block; float:left; margin-top:4px; margin-right:5px;}
.lbox .box .left .list li p{ display:block; font-size:14px; line-height:24px; padding-left:20px;}
.lbox .box .right{ width:100%; float:right; margin-top:15px;}
.lbox .box .right .bt{ font-size:18px; line-height:28px; font-weight:bold; color:#455fe3;}
.lbox .box .right .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5px;}
.lbox .box .right .list li{ width:48.5%; display:block; margin-top:15px; margin-left:3%; padding:15px; box-sizing:border-box; background-color:#eef1ff; overflow:hidden; border-radius:5px;}
.lbox .box .right .list li:nth-child(2n+1){ margin-left:0;}
.lbox .box .right .list li b{ display:block; font-size:16px; line-height:26px;}
.lbox .box .right .list li b img{ width:15px; display:block; float:left; margin-top:4px; margin-right:5px;}
.lbox .box .right .list li p{ display:block; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1600px){
.footer{ width:83.33%; padding:0 8.335%; position:relative; z-index:1; background-color:#eef1ff;}
.footer .foot{ width:100%; padding-top:55px; padding-bottom:60px;}
.footer .foot .left{ width:40%; float:left;}
.footer .foot .left .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.footer .foot .left .w02{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.footer .foot .left .w03{ width:100%; margin-top:35px;}
.footer .foot .left .w03 a{ display:block; min-width:90px; padding:0 1.3vw; text-align:center; height:40px; line-height:40px; font-size:14px; background-color:#455fe3; color:#fff; border-radius:0.52vw; float:left;}
.footer .foot .left .w03 a:hover{ background-color:#292f6f;}
.footer .foot .mil{ width:25.625%; float:left; margin:0 3.75%;}
.footer .foot .mil .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.footer .foot .mil .w02{ padding-top:4px; margin-left:-1.5625vw;}
.footer .foot .mil .w02 a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-left:1.5625vw; margin-top:6px; float:left;}
.footer .foot .mil .w02 a:hover{ color:#455fe3;}
.footer .foot .right{ width:26.875%; float:left;}
.footer .foot .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.footer .foot .right .w02{ padding-top:5px; margin-left:-10px;}
.footer .foot .right .w02 a{ width:40px; height:40px; border-radius:100%; display:block; float:left; margin-left:10px; margin-top:10px; overflow:hidden;}
.footer .foot .right .w02 a img{ width:100%; display:block;}
.footer .bq{ height:54px; line-height:54px; font-size:14px; text-align:center; color:#666; border-top:1px solid #d7daeb;}

#gotop{ width:40px; height:40px; display:none; cursor:pointer; background-color:rgba(41,47,111,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.footer{ width:90%; padding:0 5%; position:relative; z-index:1; background-color:#eef1ff;}
.footer .foot{ width:100%; padding-top:35px; padding-bottom:40px;}
.footer .foot .left{ width:40%; float:left;}
.footer .foot .left .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.footer .foot .left .w02{ font-size:15px; line-height:25px; font-weight:bold; margin-top:5px;}
.footer .foot .left .w03{ width:100%; margin-top:25px;}
.footer .foot .left .w03 a{ display:block; padding:0 1.3vw; text-align:center; height:38px; line-height:38px; font-size:14px; background-color:#455fe3; color:#fff; border-radius:0.52vw; float:left;}
.footer .foot .left .w03 a:hover{ background-color:#292f6f;}
.footer .foot .mil{ width:25.625%; float:left; margin:0 3.75%;}
.footer .foot .mil .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.footer .foot .mil .w02{ padding-top:10px; margin-left:-1.5625vw;}
.footer .foot .mil .w02 a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-left:1.5625vw; float:left;}
.footer .foot .mil .w02 a:hover{ color:#455fe3;}
.footer .foot .right{ width:26.875%; float:left;}
.footer .foot .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.footer .foot .right .w02{ padding-top:5px; margin-left:-10px;}
.footer .foot .right .w02 a{ width:40px; height:40px; border-radius:100%; display:block; float:left; margin-left:10px; margin-top:10px; overflow:hidden;}
.footer .foot .right .w02 a img{ width:100%; display:block;}
.footer .bq{ height:44px; line-height:44px; font-size:14px; text-align:center; color:#666; border-top:1px solid #d7daeb;}

#gotop{ width:40px; height:40px; display:none; cursor:pointer; background-color:rgba(41,47,111,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.footer{ width:94%; padding:0 3%; position:relative; z-index:1; background-color:#eef1ff;}
.footer .foot{ width:100%; padding-top:25px; padding-bottom:20px;}
.footer .foot .left{ width:100%; float:left;}
.footer .foot .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.footer .foot .left .w02{ font-size:14px; line-height:24px; font-weight:bold;}
.footer .foot .left .w03{ width:100%; margin-top:10px;}
.footer .foot .left .w03 a{ display:block; padding:0 15px; text-align:center; height:34px; line-height:34px; font-size:14px; background-color:#455fe3; color:#fff; border-radius:0.52vw; float:left;}
.footer .foot .left .w03 a:hover{ background-color:#292f6f;}
.footer .foot .mil{ width:100%; float:left; margin-top:15px;}
.footer .foot .mil .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.footer .foot .mil .w02{ margin-left:-10px;}
.footer .foot .mil .w02 a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-left:10px; float:left;}
.footer .foot .mil .w02 a:hover{ color:#455fe3;}
.footer .foot .right{ width:100%; float:left; margin-top:10px;}
.footer .foot .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.footer .foot .right .w02{ margin-left:-10px;}
.footer .foot .right .w02 a{ width:40px; height:40px; border-radius:100%; display:block; float:left; margin-left:10px; margin-top:10px; overflow:hidden;}
.footer .foot .right .w02 a img{ width:100%; display:block;}
.footer .bq{ padding:10px 0; line-height:24px; font-size:14px; text-align:center; color:#666; border-top:1px solid #d7daeb;}

#gotop{ width:40px; height:40px; display:none; cursor:pointer; background-color:rgba(41,47,111,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}

/*内页*/
@media screen and (min-width:1600px){
.header.hei{ padding:25px 8.335%; background-color:#fff; top:0;}
.header.pos{ padding:15px 8.335%}
.header.hei .logo img.img01{ display:none;}
.header.hei .logo img.img02{ display:block;}
.header.hei .nav li a{ color:#333;}
.header.hei .nav li:hover a{ color:#455fe3;}
.header.hei .yu dt b{ background-image:url(../images/yu01.png);}
.header.hei .yu dt a{ color:#333;}
.header.hei .yu dt span{ color:#333;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.header.hei{ padding:20px 5%; background-color:#fff; top:0;}
.header.pos{ padding:12px 5%}
.header.hei .logo img.img01{ display:none;}
.header.hei .logo img.img02{ display:block;}
.header.hei .nav li a{ color:#333;}
.header.hei .nav li:hover a{ color:#455fe3;}
.header.hei .yu dt b{ background-image:url(../images/yu01.png);}
.header.hei .yu dt a{ color:#333;}
.header.hei .yu dt span{ color:#333;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header.hei{ padding:14px 5%;}
.header.pos{ padding:14px 5%}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.05); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.05);
    }
}
@media screen and (min-width:1530px){
.ban{ width:100%; height:400px; position:relative; z-index:1; border-top:100px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:83.33%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:36px; line-height:46px; margin-bottom:20px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:16px; line-height:36px;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ban{ width:100%; height:300px; position:relative; z-index:1; border-top:90px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:90%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:30px; line-height:40px; margin-bottom:11px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:15px; line-height:25px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ban{ border-top:74px solid #fff;}
}
@media only screen and (max-width: 1023px){
.ban{ width:100%; height:200px; position:relative; z-index:1; border-top:60px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:94%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:6px;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:14px; line-height:24px; max-height:96px;}
}

/*列表页*/
@media screen and (min-width:1600px){
.main{ width:83.33%; padding:100px 8.335%; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:100%; padding-top:10px; position:relative; z-index:3;}
.main .box .item{ width:31.25%; margin-left:3.125%; float:left; margin-top:35px;}
.main .box .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .box .item .w01{ width:100%;}
.main .box .item .w01 a{ width:100%; padding-top:70%; position:relative; display:block; overflow:hidden;}
.main .box .item .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .box .item .w02{ width:100%; margin-top:20px; font-size:18px; line-height:26px; font-weight:bold; color:#455fe3;}
.main .box .item .w03{ width:100%; margin-top:5px;}
.main .box .item .w03 a{ width:100%; display:block; font-size:24px; line-height:34px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .item .w03 a:hover{ color:#455fe3;}
.main .box .item .w04{ width:80px; height:2px; background-color:#333; margin-top:10px;}
.main .box .item .w05{ width:100%; margin-top:18px; font-size:16px; line-height:30px; height:90px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .box .item .w06{ margin-top:8px;}
.main .box .item .w06 a{ display:block; float:left; font-size:16px; line-height:26px; color:#999;}
.main .box .item .w06 a:hover{ color:#455fe3;}

.fanye{ width:100%; margin-top:45px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#455fe3;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#455fe3;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:100%; padding-top:5px; position:relative; z-index:3;}
.main .box .item{ width:31.25%; margin-left:3.125%; float:left; margin-top:25px;}
.main .box .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .box .item .w01{ width:100%;}
.main .box .item .w01 a{ width:100%; padding-top:70%; position:relative; display:block; overflow:hidden;}
.main .box .item .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .box .item .w02{ width:100%; margin-top:15px; font-size:16px; line-height:24px; font-weight:bold; color:#455fe3;}
.main .box .item .w03{ width:100%; margin-top:3px;}
.main .box .item .w03 a{ width:100%; display:block; font-size:20px; line-height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .item .w03 a:hover{ color:#455fe3;}
.main .box .item .w04{ width:60px; height:2px; background-color:#333; margin-top:7px;}
.main .box .item .w05{ width:100%; margin-top:15px; font-size:15px; line-height:27px; height:81px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .box .item .w06{ margin-top:5px;}
.main .box .item .w06 a{ display:block; float:left; font-size:15px; line-height:25px; color:#999;}
.main .box .item .w06 a:hover{ color:#455fe3;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px;}
.fanye li a{ width:36px; height:36px; line-height:36px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:36px; height:36px; line-height:36px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#455fe3;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#455fe3;}
}
@media only screen and (max-width:1023px){
.main{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:100%; position:relative; z-index:3;}
.main .box .item{ width:100%; margin-top:15px; float:left;}
.main .box .item .w01{ width:100%;}
.main .box .item .w01 a{ width:100%; padding-top:70%; position:relative; display:block; overflow:hidden;}
.main .box .item .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .box .item .w02{ width:100%; margin-top:10px; font-size:14px; line-height:22px; font-weight:bold; color:#455fe3;}
.main .box .item .w03{ width:100%;}
.main .box .item .w03 a{ width:100%; display:block; font-size:16px; line-height:26px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .item .w03 a:hover{ color:#455fe3;}
.main .box .item .w04{ width:40px; height:2px; background-color:#333; margin-top:5px;}
.main .box .item .w05{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .box .item .w06{ width:100%;}
.main .box .item .w06 a{ display:block; float:left; font-size:14px; line-height:24px; color:#999;}
.main .box .item .w06 a:hover{ color:#455fe3;}

.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:14px;}
.fanye li a{ width:32px; height:32px; line-height:32px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:32px; height:32px; line-height:32px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#455fe3;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#455fe3;}
}


/*文章页*/
@media screen and (min-width:1530px){
.ny{ width:83.33%; margin:65px auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .bt span{ display:block; font-size:16px; line-height:26px; color:#333; margin-top:10px;}
.ny .bt p{ display:block; margin-top:15px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:35px; font-size:16px; line-height:26px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:35px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:16px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:16px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ny{ width:90%; margin:45px auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:20px; line-height:30px; color:#333;}
.ny .bt span{ display:block; font-size:15px; line-height:25px; color:#333; margin-top:5px;}
.ny .bt p{ display:block; margin-top:10px; width:80px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:15px; line-height:25px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:20px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:15px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:15px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; margin:25px auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:16px; line-height:26px; color:#333;}
.ny .bt span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ny .bt p{ display:block; margin-top:5px; width:60px; height:2px; margin-top:5px; background-color:#333;}
.ny .wen{ margin-top:15px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:24px; padding-top:15px; margin:auto; margin-top:15px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:none; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; text-align:left; display:block; font-size:14px; line-height:24px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:10px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:24px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:10px; height:24px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:24px; width:100%; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
#portfolio-nav .next p{ display:block; float:right; width:10px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:24px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:10px; height:24px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
}

/*登录*/
body{ background-size:cover; background-attachment:fixed;}
@media screen and (min-width:1600px){
.header01{ overflow:hidden; height:50px; width:83.33%; padding:40px 8.335%; position:relative; z-index:99;}
.header01 .logo{ float:left; height:50px;}
.header01 .logo img{ display:block; height:50px;}
.header01 .logo img.mobile{ display:none;}
.header01 .nav{ height:50px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.header01 .nav li{ display:block; float:left; margin:0 1.3vw;}
.header01 .nav li a{ width:100%; display:block; height:50px; line-height:50px; font-size:16px; overflow:hidden; color:#333;}
.header01 .nav li:hover a{ color:#455fe3;}
.header01 .yu{ padding-top:7px; display:block; float:right;}
.header01 .yu dt{ width:138px; height:36px; background-color:rgba(255,255,255,.3); line-height:36px; font-size:16px; border-radius:36px; display:flex; align-items:center; justify-content:center; float:left;}
.header01 .yu dt b{ display:block; width:16px; height:16px; margin-right:10px; background-image:url(../images/yu01.png); background-size:16px 16px;}
.header01 .yu dt a{ display:block; color:#333;}
.header01 .yu dt a.on,.header .yu dt a:hover{ color:#455fe3;}
.header01 .yu dt span{ display:block; margin:0 5px; color:#333;}
.header01 .yu dd{ display:block; float:left; margin-left:1.04vw;}
.header01 .yu dd a{ padding:0 20px; min-width:100px; height:36px; line-height:36px; font-size:14px; border-radius:36px; background-color:#455fe3; color:#fff; display:flex; align-items:center; justify-content:center;}
.header01 .yu dd a img{ display:block; height:16px; margin-right:10px;}
.header01 .yu dd a:hover{ background-color:#292f6f;}
.header01 .menu,.sav{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.header01{ overflow:hidden; width:90%; height:50px; padding:27px 5%; position:relative; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header01 .logo{ float:left; height:50px;}
.header01 .logo img{ display:block; height:50px;}
.header01 .logo img.mobile{ display:none;}
.header01 .nav{ height:50px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.header01 .nav li{ display:block; float:left; margin:0 1.3vw;}
.header01 .nav li a{ width:100%; display:block; height:50px; line-height:50px; font-size:16px; overflow:hidden; color:#333;}
.header01 .nav li:hover a{ color:#455fe3;}
.header01 .yu{ padding-top:7px; display:block; float:right;}
.header01 .yu dt{ width:138px; height:36px; line-height:36px; background-color:rgba(255,255,255,.3); font-size:16px; border-radius:36px; display:flex; align-items:center; justify-content:center; float:left;}
.header01 .yu dt b{ display:block; width:16px; height:16px; margin-right:10px; background-image:url(../images/yu01.png); background-size:16px 16px;}
.header01 .yu dt a{ display:block; color:#333;}
.header01 .yu dt a.on,.header .yu dt a:hover{ color:#455fe3;}
.header01 .yu dt span{ display:block; margin:0 5px; color:#333;}
.header01 .yu dd{ display:block; float:left; margin-left:1.04vw;}
.header01 .yu dd a{ padding:0 20px; min-width:100px; height:36px; line-height:36px; font-size:14px; border-radius:36px; background-color:#455fe3; color:#fff; display:flex; align-items:center; justify-content:center;}
.header01 .yu dd a img{ display:block; height:16px; margin-right:10px;}
.header01 .yu dd a:hover{ background-color:#292f6f;}
.header01 .menu,.sav{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header01{ padding:20px 5%; height:46px; display:flex; justify-content:space-between;}
.header01 .logo{ height:46px;}
.header01 .logo img{ height:46px;}
.header01 .nav{ height:46px; position:relative; left:0; top:0; transform: translateX(0) translateY(0);}
.header01 .nav li{ margin:0 1vw;}
.header01 .nav li a{ height:46px; line-height:46px; font-size:15px;}
.header01 .yu dt{ width:auto; padding:0 1.04vw; height:30px; line-height:30px;}
.header01 .yu dt b{ margin-right:0.52vw;}
.header01 .yu dd a{ padding:0 1.04vw; min-width:10px; height:32px; line-height:32px;}
.header01 .yu dd a img{ margin-right:0.52vw;}
}
@media only screen and (max-width:1023px){
body{ background-position:left 19% center;}
.header01{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:90;}
.header01.pos{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header01 .logo{ float:left; margin:10px 3%;}
.header01 .logo img{ display:none; height:40px;}
.header01 .logo img.mobile{ display:block;}
.header01 .nav,.header01 .yu{ display:none;}
.header01 .menu{ width:30px; padding:18px 15px; float:right; position:relative;}
.header01.pos .menu{ border-left:1px solid rgba(51,51,51,0.1);}
.header01 .menu img{ width:30px; display:block; cursor:pointer;}
}

@media screen and (min-width:1600px){
.dlbox{ flex:1; display:flex; align-items:center; justify-content:flex-end; padding-bottom:40px;}
.dlbox .box{ max-width:600px; width:31.25%; border-radius:0.52vw; background-color:rgba(255,255,255,.9); margin-right:13.54%; padding:3.38vw; box-sizing:border-box; box-shadow:13px 13px 18px rgba(13,13,18,.1);}
.dlbox .box .w01{ width:100%;}
.dlbox .box .w01 b{ display:block; float:left; font-size:24px; line-height:34px; color:#455fe3; padding-bottom:10px; border-bottom:5px solid #455fe3;}
.dlbox .box .w01 span{ display:block; float:right; font-size:16px; line-height:26px; padding-top:8px; color:#666;}
.dlbox .box .w01 span a{ color:#455fe3;}
.dlbox .box .w02{ width:100%; margin-top:35px; position:relative;}
.dlbox .box .w02 span{ display:block; font-size:16px; line-height:26px;}
.dlbox .box .w02 p{ display:block; border-bottom:1px solid #ddd; padding-bottom:2px; position:relative;}
.dlbox .box .w02 p input{ font-size:16px; line-height:46px; display:block; background-color:transparent;}
.dlbox .box .w02 p a{ position:absolute; right:0; bottom:2px; font-size:16px; line-height:46px; color:#455fe3;}
.dlbox .box .w02 p a img{ width:120px !important; height:34px !important; margin-bottom:15px; display:block;}
.dlbox .box .w03{ width:100%; margin-top:40px; position:relative; margin-bottom:5px;}
.dlbox .box .w03 input{ width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; border-radius:0.52vw; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3);}
.dlbox .box .w03 input:hover{ background:linear-gradient(to right,#455fe3,#455fe3);}
.dlbox .box .w04{ width:100%; margin-top:15px; position:relative; font-size:16px; line-height:26px; color:#666; text-align:center;}
.dlbox .box .w04 a{ color:#455fe3; text-decoration:underline;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.dlbox{ flex:1; display:flex; align-items:center; justify-content:flex-end; padding-bottom:30px;}
.dlbox .box{ max-width:600px; width:40%; border-radius:0.52vw; background-color:rgba(255,255,255,.9); margin-right:5%; padding:3.38vw; box-sizing:border-box; box-shadow:13px 13px 18px rgba(13,13,18,.1);}
.dlbox .box .w01{ width:100%;}
.dlbox .box .w01 b{ display:block; float:left; font-size:22px; line-height:32px; color:#455fe3; padding-bottom:5px; border-bottom:4px solid #455fe3;}
.dlbox .box .w01 span{ display:block; float:right; font-size:15px; line-height:25px; padding-top:7px; color:#666;}
.dlbox .box .w01 span a{ color:#455fe3;}
.dlbox .box .w02{ width:100%; margin-top:25px; position:relative;}
.dlbox .box .w02 span{ display:block; font-size:15px; line-height:25px;}
.dlbox .box .w02 p{ display:block; border-bottom:1px solid #ddd; padding-bottom:2px; position:relative;}
.dlbox .box .w02 p input{ font-size:15px; line-height:41px; display:block; background-color:transparent;}
.dlbox .box .w02 p a{ position:absolute; right:0; bottom:2px; font-size:15px; line-height:41px; color:#455fe3;}
.dlbox .box .w02 p a img{ width:120px !important; height:34px !important; margin-bottom:13px; display:block;}
.dlbox .box .w03{ width:100%; margin-top:30px; position:relative; margin-bottom:5px;}
.dlbox .box .w03 input{ width:100%; height:44px; line-height:44px; font-size:17px; color:#fff; text-align:center; border-radius:0.52vw; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3);}
.dlbox .box .w03 input:hover{ background:linear-gradient(to right,#455fe3,#455fe3);}
.dlbox .box .w04{ width:100%; margin-top:10px; position:relative; font-size:15px; line-height:25px; color:#666; text-align:center;}
.dlbox .box .w04 a{ color:#455fe3; text-decoration:underline;}
}
@media only screen and (max-width:1023px){
.dlbox{ flex:1; display:flex; align-items:center; justify-content:flex-end; padding-bottom:20px; padding-top:10px;}
.dlbox .box{ width:94%; border-radius:5px; background-color:rgba(255,255,255,.9); margin-right:3%; padding:25px 15px; box-sizing:border-box; box-shadow:13px 13px 18px rgba(13,13,18,.1);}
.dlbox .box .w01{ width:100%;}
.dlbox .box .w01 b{ display:block; float:left; font-size:18px; line-height:28px; color:#455fe3; padding-bottom:5px; border-bottom:3px solid #455fe3;}
.dlbox .box .w01 span{ display:block; float:right; font-size:14px; line-height:24px; padding-top:4px; color:#666;}
.dlbox .box .w01 span a{ color:#455fe3;}
.dlbox .box .w02{ width:100%; margin-top:15px; position:relative;}
.dlbox .box .w02 span{ display:block; font-size:14px; line-height:24px;}
.dlbox .box .w02 p{ display:block; border-bottom:1px solid #ddd; padding-bottom:2px; position:relative;}
.dlbox .box .w02 p input{ font-size:14px; line-height:34px; display:block; background-color:transparent;}
.dlbox .box .w02 p a{ position:absolute; right:0; bottom:2px; font-size:14px; line-height:34px; color:#455fe3;}
.dlbox .box .w02 p a img{ width:120px !important; height:34px !important; margin-bottom:10px; display:block;}
.dlbox .box .w03{ width:100%; margin-top:20px; position:relative; margin-bottom:5px;}
.dlbox .box .w03 input{ width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; border-radius:5px; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3);}
.dlbox .box .w03 input:hover{ background:linear-gradient(to right,#455fe3,#455fe3);}
.dlbox .box .w04{ width:100%; margin-top:5px; position:relative; font-size:14px; line-height:24px; color:#666; text-align:center;}
.dlbox .box .w04 a{ color:#455fe3; text-decoration:underline;}
}

/*会员中心-会员申请*/
@media screen and (min-width:1600px){
.sec{ flex:1; display:flex; width:83.33%; margin:0 8.335%; padding-bottom:50px;}
.sec .lbar{ width:21.875%; margin-right:5%;}
.sec .lbar .box{ border-radius:0.52vw; background-color:rgba(255,255,255,.9); padding:45px 2.08vw; padding-bottom:50px; box-sizing:border-box; box-shadow:13px 13px 18px rgba(13,13,18,.1); position:relative;}
.sec .lbar .box .w01{ height:37px; position:absolute; right:0; top:0;}
.sec .lbar .box .w01 img{ height:37px; display:block;}
.sec .lbar .box .w02{ font-size:24px; line-height:34px; font-weight:bold; color:#455fe3;}
.sec .lbar .box .w03{ width:80px; height:2px; background-color:#455fe3; margin-top:10px;}
.sec .lbar .box .w04{ padding-top:10px;}
.sec .lbar .box .w04 a{ width:100%; font-size:16px; line-height:46px; height:46px; overflow:hidden; border-radius:0.52vw; margin-top:20px; background-color:#eef1ff; display:block; text-align:center;}
.sec .lbar .box .w04 a:hover{ color:#455fe3;}
.sec .lbar .box .w04 a.on{ background:linear-gradient(to right,#292f6f,#455fe3); color:#fff;}
.sec .rbar{ flex:1; border-radius:0.52vw; background-color:rgba(255,255,255,.9); box-shadow:13px 13px 18px rgba(13,13,18,.1); position:relative;}
.scroll{ width:100%; height:100%; padding:45px 3.64vw; padding-bottom:50px; box-sizing:border-box; position:absolute; left:0; top:0; overflow:auto;}
.scroll::-webkit-scrollbar{ width:5px; height:1px;}
.scroll::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#455fe3;}
.scroll::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.sec .rbar .title01{ width:100%;}
.sec .rbar .title01 .t01{ width:100%;}
.sec .rbar .title01 .t01 b{ display:block; float:left; color:#455fe3; font-size:24px; line-height:34px;}
.sec .rbar .title01 .t01 a{ display:block; float:right; font-size:16px; line-height:26px; margin-top:8px; margin-left:1.5625vw;}
.sec .rbar .title01 .t01 a:hover,.sec .rbar .title01 .t01 a.on{ color:#455fe3;}
.sec .rbar .title01 .t02{ width:100%; height:2px; position:relative; margin-top:10px;}
.sec .rbar .title01 .t02 b{ width:120px; height:2px; display:block; position:relative; z-index:2; background-color:#455fe3; overflow:hidden;}
.sec .rbar .title01 .t02 p{ width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; z-index:1; background-color:#ddd; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec{ flex:1; display:flex; width:90%; margin:0 5%; padding-bottom:35px;}
.sec .lbar{ width:21.875%; margin-right:5%;}
.sec .lbar .box{ border-radius:0.52vw; background-color:rgba(255,255,255,.9); padding:35px 2.08vw; padding-bottom:40px; box-sizing:border-box; box-shadow:13px 13px 18px rgba(13,13,18,.1); position:relative;}
.sec .lbar .box .w01{ height:37px; position:absolute; right:0; top:0;}
.sec .lbar .box .w01 img{ height:37px; display:block;}
.sec .lbar .box .w02{ font-size:22px; line-height:32px; font-weight:bold; color:#455fe3;}
.sec .lbar .box .w03{ width:60px; height:2px; background-color:#455fe3; margin-top:7px;}
.sec .lbar .box .w04{ padding-top:5px;}
.sec .lbar .box .w04 a{ width:100%; font-size:15px; line-height:41px; height:41px; overflow:hidden; border-radius:0.52vw; margin-top:15px; background-color:#eef1ff; display:block; text-align:center;}
.sec .lbar .box .w04 a:hover{ color:#455fe3;}
.sec .lbar .box .w04 a.on{ background:linear-gradient(to right,#292f6f,#455fe3); color:#fff;}
.sec .rbar{ flex:1; border-radius:0.52vw; background-color:rgba(255,255,255,.9); box-shadow:13px 13px 18px rgba(13,13,18,.1); position:relative;}
.scroll{ width:100%; height:100%; padding:35px 3.64vw; padding-bottom:40px; box-sizing:border-box; position:absolute; left:0; top:0; overflow:auto;}
.scroll::-webkit-scrollbar{ width:5px; height:1px;}
.scroll::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#455fe3;}
.scroll::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.sec .rbar .title01{ width:100%;}
.sec .rbar .title01 .t01{ width:100%;}
.sec .rbar .title01 .t01 b{ display:block; float:left; color:#455fe3; font-size:22px; line-height:32px;}
.sec .rbar .title01 .t01 a{ display:block; float:right; font-size:15px; line-height:25px; margin-top:7px; margin-left:1.5625vw;}
.sec .rbar .title01 .t01 a:hover,.sec .rbar .title01 .t01 a.on{ color:#455fe3;}
.sec .rbar .title01 .t02{ width:100%; height:2px; position:relative; margin-top:7px;}
.sec .rbar .title01 .t02 b{ width:100px; height:2px; display:block; position:relative; z-index:2; background-color:#455fe3; overflow:hidden;}
.sec .rbar .title01 .t02 p{ width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; z-index:1; background-color:#ddd; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.sec{ width:94%; padding:60px 3%; padding-bottom:20px;}
.sec .lbar{ width:100%;}
.sec .lbar .box{ border-radius:5px; background-color:rgba(255,255,255,.9); padding:15px; padding-bottom:20px; box-sizing:border-box; box-shadow:13px 13px 18px rgba(13,13,18,.1); position:relative;}
.sec .lbar .box .w01{ height:27px; position:absolute; right:0; top:0;}
.sec .lbar .box .w01 img{ height:27px; display:block;}
.sec .lbar .box .w02{ font-size:18px; line-height:28px; font-weight:bold; color:#455fe3;}
.sec .lbar .box .w03{ width:40px; height:2px; background-color:#455fe3; margin-top:4px;}
.sec .lbar .box .w04{ padding-top:5px;}
.sec .lbar .box .w04 a{ width:48.5%; font-size:14px; line-height:34px; height:34px; overflow:hidden; border-radius:5px; margin-left:3%; margin-top:10px; background-color:#eef1ff; display:block; text-align:center; float:left;}
.sec .lbar .box .w04 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sec .lbar .box .w04 a:hover{ color:#455fe3;}
.sec .lbar .box .w04 a.on{ background:linear-gradient(to right,#292f6f,#455fe3); color:#fff;}
.sec .rbar{ border-radius:5px; margin-top:20px; background-color:rgba(255,255,255,.9); box-shadow:13px 13px 18px rgba(13,13,18,.1); position:relative;}
.scroll{ padding:15px; padding-bottom:20px;}
.sec .rbar .title01{ width:100%;}
.sec .rbar .title01 .t01{ width:100%;}
.sec .rbar .title01 .t01 b{ display:block; float:left; color:#455fe3; font-size:18px; line-height:28px;}
.sec .rbar .title01 .t01 a{ display:block; float:right; font-size:14px; line-height:24px; margin-top:4px; margin-left:10px;}
.sec .rbar .title01 .t01 a:hover,.sec .rbar .title01 .t01 a.on{ color:#455fe3;}
.sec .rbar .title01 .t02{ width:100%; height:2px; position:relative; margin-top:4px;}
.sec .rbar .title01 .t02 b{ width:80px; height:2px; display:block; position:relative; z-index:2; background-color:#455fe3; overflow:hidden;}
.sec .rbar .title01 .t02 p{ width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; z-index:1; background-color:#ddd; overflow:hidden;}
}

@media screen and (min-width:1600px){
.sec .rbar .mess{ width:calc(100% + 3.64vw); margin-top:32px; display:flex; flex-wrap:wrap;}
.sec .rbar .mess .w01{ font-size:16px; line-height:30px; width:100%; padding-right:3.64vw; margin-bottom:23px; box-sizing:border-box;}
.sec .rbar .mess .w02{ width:50%; margin-bottom:30px; padding-right:3.64vw; box-sizing:border-box; display:flex; align-items:center;}
.sec .rbar .mess .w03{ width:75.45%; margin-bottom:30px; padding-right:3.64vw; box-sizing:border-box; display:flex; align-items:center;}
.sec .rbar .mess .w04{ width:75.45%; margin-bottom:30px; padding-right:3.64vw; box-sizing:border-box; display:flex;}
.sec .rbar .mess .zc{ width:115px; font-size:16px; line-height:20px; margin-right:15px;}
.sec .rbar .mess .w04 .zc{ line-height:26px;}
.sec .rbar .mess .zc span{ color:#455fe3;}
.sec .rbar .mess .zc a{ color:#999; display:block;}
.sec .rbar .mess .yc{ flex:1; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw;}
.sec .rbar .mess .yc input{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:16px; line-height:42px; height:42px; overflow:hidden;}
.sec .rbar .mess .yc select{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:16px; line-height:42px; height:42px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess .yc select span{ color:#da0000;}
.sec .rbar .mess .yc textarea{ width:100%; padding:8px 14px; display:block; box-sizing:border-box; font-size:16px; line-height:26px; height:114px; overflow:hidden;}
.sec .rbar .mess .w05{ padding-left:130px; width:100%; box-sizing:border-box; padding-right:3.64vw; font-size:16px; line-height:26px;}
.sec .rbar .mess .w05 input{ display:block; float:left; margin-top:5px; margin-right:10px; height:16px; width:16px;}
.sec .rbar .mess .w06{ padding-left:130px; width:100%; box-sizing:border-box; padding-right:3.64vw; margin-top:25px;}
.sec .rbar .mess .w06 input,.sec .rbar .mess .w06 a{ min-width:200px; padding:0 25px; box-sizing:border-box; float:left; height:46px; line-height:46px; border-radius:0.52vw; font-size:16px; text-align:center; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3); color:#fff; display:block;}
.sec .rbar .mess .w07{ width:100%; box-sizing:border-box; padding-right:3.64vw; margin-top:25px; font-size:14px; line-height:24px; color:#999;}

.sec .rbar .mess>.w02:nth-child(2){ width:75.45%;}
.sec .rbar .mess #company,.sec .rbar .mess #academic,.sec .rbar .mess #personal{ width:100%; display:none !important;}
.sec .rbar .mess #company.flex,.sec .rbar .mess #academic.flex,.sec .rbar .mess #personal.flex{ display:flex !important; flex-wrap:wrap;}
.sec .rbar .mess .w03 .yc01{ flex:1;}
.sec .rbar .mess .w03 .yc01 .pic{ line-height:42px; font-size:16px; float:left; margin-right:20px;}
.sec .rbar .mess .w03 .yc01 .pic .sub{ width:194px; height:42px; line-height:42px; border-radius:0.52vw; background-color:#455fe3; color:#fff; font-size:16px; overflow:hidden; display:block; cursor:pointer;}
.sec .rbar .mess .w03 .img{ padding-left:110px; overflow:hidden; margin-top:-30px;}
.sec .rbar .mess .w03 .img .li_image{ width:192px; height:142px; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw; overflow:hidden; position:relative; display:block; float:left; margin-left:20px; margin-top:20px;}
.sec .rbar .mess .w03 .img .li_image img{ width:100%; height:100%; display:block;}
.sec .rbar .mess .w03 .img .span_del{ width:20px; height:20px; display:none; position:absolute; right:10px; top:10px; border-radius:100%; overflow:hidden; background-color:#fff; background-image:url(../images/close.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.sec .rbar .mess .w03 .img .li_image:hover .span_del{ display:block;}
.sec .rbar .mess .w03 .yc02{ width:194px; margin-right:20px; font-size:16px; line-height:26px;}
.sec .rbar .mess .w03 .yc02 .sub{ width:194px; height:42px; line-height:42px; border-radius:0.52vw; background-color:#455fe3; color:#fff; font-size:16px; overflow:hidden; display:block; cursor:pointer;}
.sec .rbar .mess .w03 .yc02 .tp{ width:192px; height:142px; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw; overflow:hidden; position:relative; display:block; margin-top:20px;}
.sec .rbar .mess .w03 .yc02 .tp img{ width:100%; height:100%; display:block;}

.sec .rbar .mess .w03 .moxie-shim{ width:100% !important; height:42px !important;}
.sec .rbar .mess>.w03 .img{ padding-left:0; flex:1; margin-top:-20px; margin-left:-20px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec .rbar .mess{ width:calc(100% + 3.64vw); margin-top:24px; display:flex; flex-wrap:wrap;}
.sec .rbar .mess .w01{ font-size:15px; line-height:27px;}
.sec .rbar .mess .w02{ width:50%; margin-bottom:25px; padding-right:3.64vw; box-sizing:border-box; display:flex; align-items:center;}
.sec .rbar .mess .w03{ width:75.45%; margin-bottom:25px; padding-right:3.64vw; box-sizing:border-box; display:flex; align-items:center;}
.sec .rbar .mess .w04{ width:75.45%; margin-bottom:25px; padding-right:3.64vw; box-sizing:border-box; display:flex;}
.sec .rbar .mess .zc{ width:105px; font-size:15px; line-height:17px; margin-right:10px;}
.sec .rbar .mess .w04 .zc{ line-height:25px;}
.sec .rbar .mess .zc span{ color:#da0000;}
.sec .rbar .mess .zc a{ color:#999; display:block;}
.sec .rbar .mess .yc{ flex:1; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw;}
.sec .rbar .mess .yc input{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:15px; line-height:39px; height:39px; overflow:hidden;}
.sec .rbar .mess .yc select{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:15px; line-height:39px; height:39px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess .yc select span{ color:#455fe3;}
.sec .rbar .mess .yc textarea{ width:100%; padding:7px 14px; display:block; box-sizing:border-box; font-size:15px; line-height:25px; height:114px; overflow:hidden;}
.sec .rbar .mess .w05{ padding-left:115px; width:100%; box-sizing:border-box; padding-right:3.64vw; font-size:15px; line-height:25px;}
.sec .rbar .mess .w05 input{ display:block; float:left; margin-top:5px; margin-right:10px; height:15px; width:15px;}
.sec .rbar .mess .w06{ padding-left:115px; width:100%; box-sizing:border-box; padding-right:3.64vw; margin-top:20px;}
.sec .rbar .mess .w06 input,.sec .rbar .mess .w06 a{ min-width:180px; padding:0 20px; box-sizing:border-box; float:left; height:41px; line-height:41px; border-radius:0.52vw; font-size:15px; text-align:center; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3); color:#fff; display:block;}
.sec .rbar .mess .w07{ width:100%; box-sizing:border-box; padding-right:3.64vw; margin-top:20px; font-size:14px; line-height:24px; color:#999;}

.sec .rbar .mess>.w02:nth-child(2){ width:75.45%;}
.sec .rbar .mess #company,.sec .rbar .mess #academic,.sec .rbar .mess #personal{ width:100%; display:none !important;}
.sec .rbar .mess #company.flex,.sec .rbar .mess #academic.flex,.sec .rbar .mess #personal.flex{ display:flex !important; flex-wrap:wrap;}
.sec .rbar .mess .w03 .yc01{ flex:1;}
.sec .rbar .mess .w03 .yc01 .pic{ line-height:39px; font-size:15px; float:left; margin-right:20px;}
.sec .rbar .mess .w03 .yc01 .pic .sub{ width:194px; height:39px; line-height:39px; border-radius:0.52vw; background-color:#455fe3; color:#fff; font-size:15px; overflow:hidden; display:block; cursor:pointer;}
.sec .rbar .mess .w03 .img{ padding-left:100px; overflow:hidden; margin-top:-25px;}
.sec .rbar .mess .w03 .img .li_image{ width:192px; height:142px; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw; overflow:hidden; position:relative; display:block; float:left; margin-left:15px; margin-top:15px;}
.sec .rbar .mess .w03 .img .li_image img{ width:100%; height:100%; display:block;}
.sec .rbar .mess .w03 .img .span_del{ width:20px; height:20px; display:none; position:absolute; right:10px; top:10px; border-radius:100%; overflow:hidden; background-color:#fff; background-image:url(../images/close.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.sec .rbar .mess .w03 .img .li_image:hover .span_del{ display:block;}
.sec .rbar .mess .w03 .yc02{ width:194px; margin-right:20px; font-size:15px; line-height:25px;}
.sec .rbar .mess .w03 .yc02 .sub{ width:194px; height:39px; line-height:39px; border-radius:0.52vw; background-color:#455fe3; color:#fff; font-size:15px; overflow:hidden; display:block; cursor:pointer;}
.sec .rbar .mess .w03 .yc02 .tp{ width:192px; height:142px; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw; overflow:hidden; position:relative; display:block; margin-top:15px;}
.sec .rbar .mess .w03 .yc02 .tp img{ width:100%; height:100%; display:block;}

.sec .rbar .mess .w03 .moxie-shim{ width:100% !important; height:39px !important;}
.sec .rbar .mess>.w03 .img{ padding-left:0; flex:1; margin-top:-15px; margin-left:-15px;}
}
@media only screen and (max-width:1023px){
.sec .rbar .mess{ width:100%; margin-top:15px;}
.sec .rbar .mess .w01{ font-size:14px; line-height:24px;}
.sec .rbar .mess .w02{ width:100%; margin-top:15px;}
.sec .rbar .mess .w03{ width:100%; margin-top:15px;}
.sec .rbar .mess .w04{ width:100%; margin-top:15px;}
.sec .rbar .mess .zc{ width:100%; font-size:14px; line-height:24px; margin-bottom:5px;}
.sec .rbar .mess .zc span{ color:#da0000;}
.sec .rbar .mess .zc a{ color:#999; display:block;}
.sec .rbar .mess .yc{ flex:1; border:1px solid #ddd; background-color:#fff; border-radius:5px;}
.sec .rbar .mess .yc input{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:14px; line-height:36px; height:36px; overflow:hidden;}
.sec .rbar .mess .yc select{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:14px; line-height:36px; height:36px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess .yc select span{ color:#455fe3;}
.sec .rbar .mess .yc textarea{ width:100%; padding:6px 14px; display:block; box-sizing:border-box; font-size:14px; line-height:24px; height:114px; overflow:hidden;}
.sec .rbar .mess .w05{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.sec .rbar .mess .w05 input{ display:block; float:left; margin-top:5px; margin-right:5px; height:14px; width:14px;}
.sec .rbar .mess .w06{ width:100%; margin-top:15px;}
.sec .rbar .mess .w06 input,.sec .rbar .mess .w06 a{ min-width:160px; padding:0 15px; box-sizing:border-box; float:left; height:38px; line-height:38px; border-radius:5px; font-size:14px; text-align:center; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3); color:#fff; display:block;}
.sec .rbar .mess .w07{ width:100%; margin-top:10px; font-size:12px; line-height:22px; color:#999;}

.sec .rbar .mess #company,.sec .rbar .mess #academic,.sec .rbar .mess #personal{ display:none !important;}
.sec .rbar .mess #company.flex,.sec .rbar .mess #academic.flex,.sec .rbar .mess #personal.flex{ display:block !important;}
.sec .rbar .mess .w03 .yc01{ width:100%; overflow:hidden;}
.sec .rbar .mess .w03 .yc01 .pic{ width:48.5%; line-height:36px; font-size:14px; float:left; margin-left:3%;}
.sec .rbar .mess .w03 .yc01 .pic:nth-child(2n+1){ margin-left:0;}
.sec .rbar .mess .w03 .yc01 .pic .sub{ width:100%; height:36px; line-height:36px; border-radius:5px; background-color:#455fe3; color:#fff; font-size:14px; overflow:hidden; display:block; cursor:pointer;}
.sec .rbar .mess .w03 .img{ overflow:hidden; margin-top:-10px;}
.sec .rbar .mess .w03 .img .li_image{ width:48.5%; box-sizing:border-box; height:98px; border:1px solid #ddd; background-color:#fff; border-radius:5px; overflow:hidden; position:relative; display:block; float:left; margin-left:3%; margin-top:10px;}
.sec .rbar .mess .w03 .img .li_image:nth-child(2n+1){ margin-left:0;}
.sec .rbar .mess .w03 .img .li_image img{ width:100%; height:100%; display:block;}
.sec .rbar .mess .w03 .img .span_del{ width:20px; height:20px; display:none; position:absolute; right:10px; top:10px; border-radius:100%; overflow:hidden; background-color:#fff; background-image:url(../images/close.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.sec .rbar .mess .w03 .img .li_image:hover .span_del{ display:block;}
.sec .rbar .mess .w03 .yc02{ width:48.5%; margin-left:3%; font-size:14px; line-height:24px; float:left;}
.sec .rbar .mess .w03 .yc02:nth-child(2){ margin-left:0;}
.sec .rbar .mess .w03 .yc02 .sub{ width:100%; height:36px; line-height:36px; border-radius:5px; background-color:#455fe3; color:#fff; font-size:14px; overflow:hidden; display:block; cursor:pointer;}
.sec .rbar .mess .w03 .yc02 .tp{ width:100%; box-sizing:border-box; height:98px; border:1px solid #ddd; background-color:#fff; border-radius:5px; overflow:hidden; position:relative; display:block; margin-top:10px;}
.sec .rbar .mess .w03 .yc02 .tp img{ width:100%; height:100%; display:block;}

.sec .rbar .mess .w03 .moxie-shim{ width:100% !important; height:36px !important;}
}

@media screen and (min-width:1600px){
.sec .rbar .shen{ width:100%; margin-top:120px;}
.sec .rbar .shen .w01{ width:100%;}
.sec .rbar .shen .w01 img{ display:block; margin:auto;}
.sec .rbar .shen .w02{ font-size:24px; line-height:34px; font-weight:bold; text-align:center; margin-top:25px;}
.sec .rbar .shen .w02 a{ color:#455fe3;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec .rbar .shen{ width:100%; margin-top:80px;}
.sec .rbar .shen .w01{ width:100%;}
.sec .rbar .shen .w01 img{ display:block; margin:auto;}
.sec .rbar .shen .w02{ font-size:22px; line-height:32px; font-weight:bold; text-align:center; margin-top:20px;}
.sec .rbar .shen .w02 a{ color:#455fe3;}
}
@media only screen and (max-width:1023px){
.sec .rbar .shen{ width:100%; margin-top:40px;}
.sec .rbar .shen .w01{ width:100%;}
.sec .rbar .shen .w01 img{ display:block; margin:auto;}
.sec .rbar .shen .w02{ font-size:16px; line-height:26px; font-weight:bold; text-align:center; margin-top:15px;}
.sec .rbar .shen .w02 a{ color:#455fe3;}
}

@media screen and (min-width:1600px){
.sec .rbar .sx{ margin-left:-40px; padding-top:20px;}
.sec .rbar .sx .w01{ float:left; margin-left:40px; margin-top:20px;}
.sec .rbar .sx .w01 .zc{ font-size:16px; line-height:44px; height:44px; float:left;}
.sec .rbar .sx .w01 .yc{ width:15.625vw; margin-left:15px; float:left; height:42px; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw;}
.sec .rbar .sx .w01 .yc input{ padding:0 14px; width:100%; display:block; font-size:16px; height:42px; line-height:42px; overflow:hidden; box-sizing:border-box;}
.sec .rbar .sx .w01 .yc select{ padding:0 14px; width:100%; display:block; font-size:16px; height:42px; line-height:42px; overflow:hidden; box-sizing:border-box; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .sx .w02{ float:left; margin-left:40px; margin-top:20px;}
.sec .rbar .sx .w02 input{ width:100px; height:44px; line-height:44px; font-size:16px; text-align:center; cursor:pointer; background-color:#455fe3; border-radius:0.52vw; color:#fff; overflow:hidden;}
.sec .rbar .table{ margin-top:40px;}
.sec .rbar .table table{ width:100%; background-color:#ddd;}
.sec .rbar .table table tr{ height:50px; background:#fff;}
.sec .rbar .table table tr:first-child{ background:linear-gradient(to right,#292f6f,#455fe3);}
.sec .rbar .table table tr th{ font-size:16px; color:#fff; padding:0 15px;}
.sec .rbar .table table tr td{ font-size:16px; padding:0 15px;}
.sec .rbar .table table tr td:last-child{ padding:0;}
.sec .rbar .table table tr td a{ margin:0 5px;}
.sec .rbar .fanye{ margin-top:40px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec .rbar .sx{ margin-left:-40px; padding-top:15px;}
.sec .rbar .sx .w01{ float:left; margin-left:30px; margin-top:15px;}
.sec .rbar .sx .w01 .zc{ font-size:15px; line-height:41px; height:41px; float:left;}
.sec .rbar .sx .w01 .yc{ width:15.625vw; margin-left:10px; float:left; height:39px; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw;}
.sec .rbar .sx .w01 .yc input{ padding:0 14px; width:100%; display:block; font-size:15px; height:39px; line-height:39px; overflow:hidden; box-sizing:border-box;}
.sec .rbar .sx .w01 .yc select{ padding:0 14px; width:100%; display:block; font-size:15px; height:39px; line-height:39px; overflow:hidden; box-sizing:border-box; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .sx .w02{ float:left; margin-left:30px; margin-top:15px;}
.sec .rbar .sx .w02 input{ width:90px; height:41px; line-height:41px; font-size:15px; text-align:center; cursor:pointer; background-color:#455fe3; border-radius:0.52vw; color:#fff; overflow:hidden;}
.sec .rbar .table{ margin-top:30px;}
.sec .rbar .table table{ width:100%; background-color:#ddd;}
.sec .rbar .table table tr{ height:46px; background:#fff;}
.sec .rbar .table table tr:first-child{ background:linear-gradient(to right,#292f6f,#455fe3);}
.sec .rbar .table table tr th{ font-size:15px; color:#fff; padding:0 10px;}
.sec .rbar .table table tr td{ font-size:15px; padding:0 10px;}
.sec .rbar .table table tr td:last-child{ padding:0;}
.sec .rbar .table table tr td a{ margin:0 5px;}
.sec .rbar .fanye{ margin-top:30px;}
}
@media only screen and (max-width:1023px){
.sec .rbar .sx{ padding-top:5px;}
.sec .rbar .sx .w01{ margin-top:15px; display:flex;}
.sec .rbar .sx .w01 .zc{ font-size:14px; line-height:38px; height:38px; float:left;}
.sec .rbar .sx .w01 .yc{ flex:1; margin-left:10px; float:left; height:36px; border:1px solid #ddd; background-color:#fff; border-radius:5px;}
.sec .rbar .sx .w01 .yc input{ padding:0 14px; width:100%; display:block; font-size:14px; height:36px; line-height:36px; overflow:hidden; box-sizing:border-box;}
.sec .rbar .sx .w01 .yc select{ padding:0 14px; width:100%; display:block; font-size:14px; height:36px; line-height:36px; overflow:hidden; box-sizing:border-box; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .sx .w02{ margin-top:15px;}
.sec .rbar .sx .w02 input{ width:80px; height:38px; line-height:38px; font-size:14px; text-align:center; cursor:pointer; background-color:#455fe3; border-radius:5px; color:#fff; overflow:hidden; float:right;}
.sec .rbar .table{ margin-top:20px; overflow:auto;}
.sec .rbar .table table{ width:100%; min-width:600px; background-color:#ddd;}
.sec .rbar .table table tr{ height:40px; background:#fff;}
.sec .rbar .table table tr:first-child{ background:linear-gradient(to right,#292f6f,#455fe3);}
.sec .rbar .table table tr th{ font-size:14px; color:#fff; padding:0 10px;}
.sec .rbar .table table tr td{ font-size:14px; padding:0 10px;}
.sec .rbar .table table tr td:last-child{ padding:0;}
.sec .rbar .table table tr td a{ margin:0 5px;}
.sec .rbar .fanye{ margin-top:20px;}
}

/*会员中心-会员章程*/
@media screen and (min-width:1600px){
.sec .rbar .zhang{ width:100%; margin-top:35px;}
.sec .rbar .zhang .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.sec .rbar .zhang .w02{ font-size:16px; line-height:26px; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec .rbar .zhang{ width:100%; margin-top:25px;}
.sec .rbar .zhang .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.sec .rbar .zhang .w02{ font-size:15px; line-height:25px; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.sec .rbar .zhang{ width:100%; margin-top:15px;}
.sec .rbar .zhang .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.sec .rbar .zhang .w02{ font-size:14px; line-height:24px;}
}

/*会员中心-个人资格认证*/
@media screen and (min-width:1600px){
.sec .rbar .zg{ width:100%;}
.sec .rbar .zg .bt{ font-size:20px; line-height:30px; margin-top:35px;}
.sec .rbar .zg .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5px;}
.sec .rbar .zg .list li{ width:48.5%; margin-left:3%; margin-top:20px; border-radius:0.52vw; padding:35px 2.08vw; box-sizing:border-box; background-color:#eef1ff; overflow:hidden;}
.sec .rbar .zg .list li:nth-child(2n+1){ margin-left:0;}
.sec .rbar .zg .list li .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.sec .rbar .zg .list li .w02{ padding-top:6px;}
.sec .rbar .zg .list li .w02 p{ display:block; font-size:16px; line-height:26px; margin-top:4px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec .rbar .zg{ width:100%;}
.sec .rbar .zg .bt{ font-size:18px; line-height:28px; margin-top:25px;}
.sec .rbar .zg .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5px;}
.sec .rbar .zg .list li{ width:48.5%; margin-left:3%; margin-top:15px; border-radius:0.52vw; padding:25px 2.08vw; box-sizing:border-box; background-color:#eef1ff; overflow:hidden;}
.sec .rbar .zg .list li:nth-child(2n+1){ margin-left:0;}
.sec .rbar .zg .list li .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.sec .rbar .zg .list li .w02{ padding-top:4px;}
.sec .rbar .zg .list li .w02 p{ display:block; font-size:15px; line-height:25px; margin-top:3px;}
}
@media only screen and (max-width:1023px){
.sec .rbar .zg{ width:100%;;}
.sec .rbar .zg .bt{ font-size:16px; line-height:26px; font-weight:bold; margin-top:15px}
.sec .rbar .zg .w02{ font-size:14px; line-height:24px;}
}

/*会员中心-申请推广人*/
@media screen and (min-width:1600px){
.sec .rbar .mess01{ width:100%; padding-top:10px;}
.sec .rbar .mess01 .w01{ width:100%; margin-top:30px; display:flex; align-items:center; justify-content:flex-start;}
.sec .rbar .mess01 .zc{ width:115px; font-size:16px; line-height:20px; margin-right:15px;}
.sec .rbar .mess01 .zc span{ color:#455fe3;}
.sec .rbar .mess01 .zc a{ color:#999; display:block;}
.sec .rbar .mess01 .yc{ width:61.16%; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw;}
.sec .rbar .mess01 .yc input{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:16px; line-height:42px; height:42px; overflow:hidden;}
.sec .rbar .mess01 .yc select{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:16px; line-height:42px; height:42px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess01 .yc select span{ color:#da0000;}
.sec .rbar .mess01 .w02{ padding-left:130px; width:100%; box-sizing:border-box; margin-top:30px;}
.sec .rbar .mess01 .w02 input{ min-width:200px; box-sizing:border-box; padding:0 25px; height:46px; line-height:46px; border-radius:0.52vw; font-size:16px; text-align:center; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3); color:#fff; display:block; float:left;}
.sec .rbar .mess01 .w02 a{ min-width:200px; box-sizing:border-box; padding:0 25px; height:46px; line-height:46px; border-radius:0.52vw; font-size:16px; text-align:center; cursor:pointer; overflow:hidden; background:#eef1ff; color:#333; display:block; float:left; margin-left:15px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec .rbar .mess01{ width:100%; padding-top:5px;}
.sec .rbar .mess01 .w01{ width:100%; margin-top:25px; display:flex; align-items:center; justify-content:flex-start;}
.sec .rbar .mess01 .zc{ width:105px; font-size:15px; line-height:17px; margin-right:10px;}
.sec .rbar .mess01 .zc span{ color:#da0000;}
.sec .rbar .mess01 .zc a{ color:#999; display:block;}
.sec .rbar .mess01 .yc{ width:61.16%; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw;}
.sec .rbar .mess01 .yc input{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:15px; line-height:39px; height:39px; overflow:hidden;}
.sec .rbar .mess01 .yc select{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:15px; line-height:39px; height:39px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess01 .yc select span{ color:#455fe3;}
.sec .rbar .mess01 .w02{ padding-left:115px; box-sizing:border-box; width:100%; box-sizing:border-box; margin-top:25px;}
.sec .rbar .mess01 .w02 input{ min-width:160px; padding:0 20px; height:41px; line-height:41px; border-radius:0.52vw; font-size:15px; text-align:center; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3); color:#fff; display:block; float:left;}
.sec .rbar .mess01 .w02 a{ min-width:160px; padding:0 20px; height:41px; line-height:41px; border-radius:0.52vw; font-size:15px; text-align:center; cursor:pointer; overflow:hidden; background:#eef1ff; color:#333; display:block; float:left; margin-left:15px;}
}
@media only screen and (max-width:1023px){
.sec .rbar .mess01{ width:100%; margin-top:15px;}
.sec .rbar .mess01 .w01{ width:100%; margin-top:15px;}
.sec .rbar .mess01 .zc{ width:100%; font-size:14px; line-height:24px; margin-bottom:5px;}
.sec .rbar .mess01 .zc span{ color:#da0000;}
.sec .rbar .mess01 .zc a{ color:#999; display:block;}
.sec .rbar .mess01 .yc{ flex:1; border:1px solid #ddd; background-color:#fff; border-radius:5px;}
.sec .rbar .mess01 .yc input{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:14px; line-height:36px; height:36px; overflow:hidden;}
.sec .rbar .mess01 .yc select{ width:100%; padding:0 14px; display:block; box-sizing:border-box; font-size:14px; line-height:36px; height:36px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess01 .yc select span{ color:#455fe3;}
.sec .rbar .mess01 .w02{ width:100%; margin-top:20px;}
.sec .rbar .mess01 .w02 input{ min-width:120px; box-sizing:border-box; padding:0 15px; height:38px; line-height:38px; border-radius:5px; font-size:14px; text-align:center; cursor:pointer; overflow:hidden; background:linear-gradient(to right,#292f6f,#455fe3); color:#fff; display:block; float:left;}
.sec .rbar .mess01 .w02 a{ min-width:120px; box-sizing:border-box; padding:0 15px; height:38px; line-height:38px; border-radius:5px; font-size:14px; text-align:center; cursor:pointer; overflow:hidden; background:#eef1ff; color:#333; display:block; float:left; margin-left:10px;}
}

/*会员中心-发布新闻内页*/
@media screen and (min-width:1600px){
.sec .rbar .mess01 .yc input.room{ background-image:url(../images/room_03.jpg); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess01 .yc01{ width:192px; height:142px; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw; position:relative; background-image:url(../images/add_07.jpg); background-position:center; background-repeat:no-repeat; background-size:40px auto;}
.sec .rbar .mess01 .yc01 input{ width:100%; height:100%; opacity:0; display:block;}
.sec .rbar .mess01 .yc02{ width:67.96%; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw;}
.sec .rbar .mess01 .yc02 textarea{ width:100%; padding:8px 14px; display:block; box-sizing:border-box; font-size:16px; line-height:26px; height:114px; overflow:hidden;}
.sc{ margin-left:20px;}
.sc a{ width:100px; height:34px; line-height:34px; text-align:center; margin:10px 0; background-color:#455fe3; border-radius:5px; overflow:hidden; color:#fff; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec .rbar .mess01 .yc input.room{ background-image:url(../images/room_03.jpg); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess01 .yc01{ width:192px; height:142px; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw; position:relative; background-image:url(../images/add_07.jpg); background-position:center; background-repeat:no-repeat; background-size:30px auto;}
.sec .rbar .mess01 .yc01 input{ width:100%; height:100%; opacity:0; display:block;}
.sec .rbar .mess01 .yc02{ width:67.96%; border:1px solid #ddd; background-color:#fff; border-radius:0.52vw;}
.sec .rbar .mess01 .yc02 textarea{ width:100%; padding:7px 14px; display:block; box-sizing:border-box; font-size:15px; line-height:25px; height:114px; overflow:hidden;}
.sc{ margin-left:20px;}
.sc a{ width:90px; height:32px; line-height:32px; text-align:center; margin:10px 0; background-color:#455fe3; border-radius:5px; overflow:hidden; color:#fff; display:block;}

}
@media only screen and (max-width:1023px){
.sec .rbar .mess01 .yc input.room{ background-image:url(../images/room_03.jpg); background-position:right 14px center; background-repeat:no-repeat;}
.sec .rbar .mess01 .yc01{ width:192px; height:142px; border:1px solid #ddd; background-color:#fff; border-radius:5px; position:relative; background-image:url(../images/add_07.jpg); background-position:center; background-repeat:no-repeat; background-size:20px auto;}
.sec .rbar .mess01 .yc01 input{ width:100%; height:100%; opacity:0; display:block;}
.sec .rbar .mess01 .yc02{ width:100%; border:1px solid #ddd; background-color:#fff; border-radius:5px;}
.sec .rbar .mess01 .yc02 textarea{ width:100%; padding:6px 14px; display:block; box-sizing:border-box; font-size:14px; line-height:24px; height:114px; overflow:hidden;}
.sc{ overflow:hidden;}
.sc a{ width:80px; height:30px; line-height:30px; text-align:center; margin:10px 0; background-color:#455fe3; border-radius:5px; overflow:hidden; color:#fff; display:block; float:left; margin-right:10px;}
}

/*会员中心-推广人信息*/
@media screen and (min-width:1600px){
.sec .rbar .mess01 .yc03{ width:302px; height:302px; background-color:#fff; position:relative; background-image:url(../images/ma_03.jpg); background-position:center; background-repeat:no-repeat; background-image:100% 100%;}
.sec .rbar .mess01 .yc03 img{ width:294px; height:294px; display:block; margin:4px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec .rbar .mess01 .yc03{ width:302px; height:302px; background-color:#fff; position:relative; background-image:url(../images/ma_03.jpg); background-position:center; background-repeat:no-repeat; background-image:100% 100%;}
.sec .rbar .mess01 .yc03 img{ width:294px; height:294px; display:block; margin:4px;}
}
@media only screen and (max-width:1023px){
.sec .rbar .mess01 .yc03{ width:151px; height:151px; background-color:#fff; position:relative; background-image:url(../images/ma_03.jpg); background-position:center; background-repeat:no-repeat; background-image:100% 100%;}
.sec .rbar .mess01 .yc03 img{ width:147px; height:147px; display:block; margin:2px;}
}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{text-align:center;padding: 10px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{display:none;}
.xcConfirm .popBox .txtBox p{ line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

.sec .rbar .mess01 #chinese_article .yc02{ flex:1;}
.sec .rbar .mess01 #chinese_article .yc02>.edui-default>.edui-editor { width:100% !important; box-sizing:border-box;}