@charset "UTF-8";



/*


Version: 1.1

*/

* {

    box-sizing: border-box !important;

    padding: 0;

    margin: 0;

    outline: none;

}

html {

    overflow-x: hidden;

}

body {

    font-family: 'Microsoft YaHei', 'Arial';

    padding: 0 !important;

    color: #333;

    margin: 0 auto;

    font-size: 14px;

    overflow-x: hidden;

    background: #fff;

}

input,
select {

    outline: none;

}

ul {

    margin: 0;

    padding: 0;

}

.aboutimgstyle {
    background-color: #258EFF;
    padding: 15px 0;
    margin-top: -60px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 45px;
}

.apppagemain {
    padding: 60px 0;
}

li {

    list-style: none;

}

.hidden {

    display: none;

}

body a {

    color: #333;

    text-decoration: none;

}

body a:hover {

    text-decoration: none;

}

.text-center {

    text-align: center;

}

.container {

    max-width: 1230px;

    padding: 0 15px;

    position: relative;

    margin: 0 auto;

}

.fullcontainer {

    width: 100%;

    padding: 0 15px;

}

.fullcontainer {

    width: 100%;

    padding: 0 15px;

}

.maximg {

    overflow: hidden;

    display: block;

}

.maximg img {

    width: 100%;

    height: auto;

}

.fl {

    float: left;

}

.fr {

    float: right;

}



.clearfix {

    clear: both;

}

/*头部样式*/

.header {

    height: 70px;

    border-bottom: 1px solid rgba(255, 255, 255, .1);

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    transition: background ease .4s;

}

.header.fixheader {

    background: #fff;

    border-bottom: 1px solid #f5f5f5;

    box-shadow: 0 3px 10px rgb(0 0 0 / 10%);

}

.header .logo {

    float: left;

    font-size: 0;

    margin-top: 12px;

}

.header .logo a {

    display: block;

    vertical-align: middle;

}

.header .logo a img {

    height: 46px;

    width: auto;

    display: inline-block;

    vertical-align: middle;

}

.header .logo a span {

    color: #fff;

    font-size: 22px;

    font-weight: normal;

    display: inline-block;

    vertical-align: middle;

    margin-left: 10px;

}

.header.fixheader .logo a span {

    color: #333;

}

.header .header_nav {

    float: right;

}

.header .header_nav ul.mainnav {

    margin-right: -30px;

}

.header .header_nav ul.mainnav>li {

    display: inline-block;

    padding: 0 30px;

    line-height: 70px;

    position: relative;

}

.header .header_nav ul.mainnav>li>a {

    color: #fff;

    font-size: 16px;

    position: relative;

}

.header.fixheader .header_nav ul.mainnav>li>a {

    color: #333;

}

.header .header_nav ul.mainnav>li>.sub-menu {

    display: none;

}



.header_nav ul.mainnav>li>.sub-menu {

    display: none;

    background: #fff;

    position: absolute;

    box-shadow: 0 4px 8px rgb(0 0 0 / 12%);

    border-radius: 3px;

    top: 70px;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    min-width: 147px;

    padding: 8px 0;

    z-index: 99;

    border: 1px solid #e5e5e5;

}

.header_nav ul.mainnav>li.menu-item-has-children>a {

    padding-right: 20px;

}

.header_nav ul.mainnav>li.menu-item-has-children>a>span {

    position: absolute;

    right: 0px;

    font-size: 12px;

    margin-top: -7px;

    top: 50%;

    line-height: 18px;

    font-weight: 100;

    opacity: .8;

}

.header_nav ul.mainnav>li.current-menu-item>a,
.header_nav ul.mainnav>li:hover>a {

    color: #9CF1B3 !important;

}

.header_nav ul.mainnav>li>.sub-menu:before {

    content: ' ';

    display: block;

    position: absolute;

    left: 50%;

    top: -8px;

    margin-left: -8.5px;

    width: 17px;

    height: 9px;

    background: url(../images/topjt.png) center no-repeat;

}

.fixdownlist {

    position: fixed;

    z-index: 99999;

    width: 100%;

    top: 0 !important;

    left: 0;

}

.header_nav ul.mainnav>li>.sub-menu>li {

    line-height: 18px;

    display: block;

    width: 100%;

}

.header_nav ul.mainnav>li>.sub-menu>li>a {

    padding: 8px 16px;

    display: block;

    color: #333;

}

.header_nav ul.mainnav>li>.sub-menu>li>a:hover {

    background: #fafafa;

    color: #5068d0;

}

.header_nav ul.mainnav>li {

    display: inline-block;

    line-height: 80px;

    padding: 0 20px;

    position: relative;

}

.header_nav ul.mainnav {

    margin-right: -20px;

}

.header_nav ul.mainnav>li>a {

    font-size: 16px;

    display: block;

    color: #fff;

    position: relative;

}

.header_nav ul.mainnav>li:hover .sub-menu {

    display: table;

}



.banner {

    height: 680px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    vertical-align: middle;

    color: #fff;

    padding: 0 15px;

    position: relative;

}

.banner.nybanner {

    height: 380px;
    overflow: hidden;
    padding-top: 86px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.bannermain {

    position: absolute;

    margin-top: 43px;

    left: 15px;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    width: 50%;

}

.banner .container {

    height: 680px;

}

/*.bannertext{

  margin-bottom: 320px;

}*/

.nybannertext {

    background-position: right center;

    background-repeat: no-repeat;

    background-size: contain;

    padding: 50px 0;

    text-align: left;

}

.nybannertext h1 {

    font-size: 42px;

}

.nybannertext p {

    width: 55%;

    font-size: 16px;

    line-height: 30px;

    margin-top: 15px;

}

.nybannermain {

    padding: 30px 0;

}

.bannertext h2 {

    font-size: 60px;

    margin-bottom: 10px;

}

.bannertext p {

    font-size: 16px;

    line-height: 30px;

    display: inline-block;

}

.downbutton{

    margin-top: 50px;

}

.downbutton a{

    display: inline-block;

    color: #fff;

    font-size: 0px;

    height: 50px;

    line-height: 50px;

    width: 190px;

    border-radius: 3px;

    background-image: -webkit-linear-gradient( 180deg, rgba(8,111,208) 0%, rgba(45,146,243) 100%);

    background-image: -ms-linear-gradient( 180deg, rgba(8,111,208) 0%, rgba(45,146,243) 100%);

    margin: 0 20px 20px 0;

    vertical-align: middle;

    transition: all ease .4s;

    position: relative;

    text-align: center;

}

.downbutton a:hover{

    background-image: -webkit-linear-gradient( 180deg, rgba(15,133,202) 0%, rgba(74,166,254) 100%);

    background-image: -ms-linear-gradient( 180deg, rgba(15,133,202) 0%, rgba(74,166,254) 100%);

}

.downbutton a:hover .downewm{

  padding: 5px;

  height: auto;

  bottom: 54px;

  border:1px solid #e5e5e5;

}

.downbutton a .downewm img{

  vertical-align: bottom;

}

.downbutton a:hover .downewm p{

  color: #333;

  font-size: 14px;

  height: 30px;

  line-height: 30px;

}

.downbutton i{

    display: inline-block;

    width: 22px;

    height: 22px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    vertical-align: middle;

}

.downbutton span{

    display: inline-block;

    margin-left: 5px;

    vertical-align: middle;

    font-size:16px;

}

/*首页版块标题部分*/

.indexpart {

    padding: 100px 0;

}

.indexpart_title {

    text-align: center;

    margin-bottom: 60px;

}

.indexpart_title h2 {

    font-size: 42px;

    color: #333;

    line-height: 42px;

}

.indexpart_title p {

    width: 50%;

    display: inline-block;

    font-size: 15px;

    line-height: 24px;

    color: #585e68;

    margin-top: 25px;

}

.indexpart_title.white_title h2 {

    color: #fff;

}

.indexpart_title.white_title p {

    color: #fff;

}

/* faq */
.faq {
    padding: 0 15px;
}

.faq .ul .li {
    padding: 10px;
    border: 10px solid #F7FAFE;
}

.faq .ul .li+.li {
    margin-top: 15px;
}

.faq .ul .li h3 {
    margin-bottom: 5px;
}

/*应用场景*/

.changjing {

    background-image: url(../images/cj.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.cjpclist {

    min-height: 530px;
    width: 960px;
    margin: 30px auto 0;
    position: relative;

}

.funtionItem {

    transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    cursor: pointer;

}

.funtionItem:hover {

    transform: scale(1.2) !important;

    -webkit-transform: scale(1.2) !important;

    -moz-transform: scale(1.2) !important;

    -o-transform: scale(1.2) !important;

    -ms-transform: scale(1.2) !important;

    z-index: 1000 !important
}

.left1 {

    width: 240px;

    position: absolute;

    bottom: 177px;

    left: 0;

    z-index: 90;

}

.yxms {

    width: 240px;

    position: absolute;

    bottom: 87px;

    left: 0;

    z-index: 90;

}

.yyms {

    width: 240px;

    position: absolute;

    top: 0;

    left: 240px;

    z-index: 90;

}

.left2 {

    width: 240px;

    position: absolute;

    top: 90px;

    left: 240px;

    z-index: 90;

}

.right2 {

    width: 240px;

    position: absolute;

    top: 0;

    right: 240px;

    z-index: 90;

}

.shipin {

    width: 240px;

    position: absolute;

    top: 68px;

    right: 0;

    z-index: 90;

}

.right3 {

    width: 240px;

    position: absolute;

    top: 158px;

    right: 0;

    z-index: 90;

}

.rightbt2 {

    width: 240px;

    position: absolute;

    top: 308px;

    right: 0;

    z-index: 90;

}

.wy2 {

    height: 200px;

    position: absolute;

    bottom: 0;

    right: 429px;

    z-index: 100;

}

.raz {

    height: 110px;

    position: absolute;

    bottom: 90px;

    right: 190px;

    z-index: 100;

}

.wyms2 {

    height: 90px;

    position: absolute;

    bottom: 0;

    right: 190px;

    z-index: 100;

}

/*优势*/

.advlists {

    margin-bottom: -30px;

    margin-right: -30px;

}

.advlists li {

    float: left;

    width: 33.33%;

    padding-right: 30px;

    margin-bottom: 30px;

}

.advlists li .advterm {

    padding: 30px 25px 30px 100px;

    border: 12px solid #f5faff;

    position: relative;

}

.advlists li .advterm img {

    position: absolute;

    left: 25px;

    top: 30px;

    height: 60px;

    width: auto;

}

.advlists li .advterm h3 {

    font-size: 24px;

    margin-bottom: 10px;

    color: #333;

}

.advlists li .advterm p {

    line-height: 22px;

    color: #999;

    font-size: 14px;

    height: 48px;

}

/*为什么选择*/

.whylists {

    margin-bottom: -80px;

}

.whylistterm {

    padding: 80px 0;

}

.whyimg {

    width: 38%;

    float: left;

}

.whytext {

    width: 55%;

    float: right;

    margin-top: 100px;

}

.whylists .whylistterm:nth-child(even) {

    background: #f6fafd;

}

.whylists .whylistterm:nth-child(even) .whyimg {

    float: right;

}

.whylists .whylistterm:nth-child(even) .whytext {

    float: left;

}

.whytext h3 {

    font-size: 26px;

    color: #333;

}

.whytext p {

    font-size: 15px;

    color: #7b7b7b;

    line-height: 24px;

    margin-top: 25px;

}

.whytext a {

    display: inline-block;

    line-height: 40px;

    border: 1px solid #5068d0;

    border-radius: 3px;

    color: #5068d0;

    padding: 0 32px;

    margin-top: 30px;

    transition: all ease .4s;

}

.whytext a:hover {

    color: #fff;

    background: #5068d0;

}

/*评价*/

.pjtop {

    vertical-align: middle;

}

.pjtop .img {

    width: 64px;

    height: 64px;

    display: inline-block;

    vertical-align: middle;

    border-radius: 50%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.pjtop_right {

    display: inline-block;

    vertical-align: middle;

    padding-left: 15px;

}

.pjtop_right h3 {

    font-size: 18px;

    color: #333;

}

.pjtop_right span {

    color: #9CF1C1;

}

.pjterm p {

    font-size: 14px;

    line-height: 24px;

    color: #747474;

    margin-top: 15px;

    min-height: 96px;

}

.pjterm {

    padding: 40px 30px;

    border: 10px solid #f5faff;

}

.pingjia .swiper-pagination {

    width: 100%;

    margin-left: -15px;

    margin-top: 30px;

}

.pingjia .swiper-pagination-bullet {

    margin: 0 4px;

}

/*首页新闻*/

.newspart {

    background-image: url(../images/newsbj.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.newslistbox {

    margin-right: -30px;

}

.newslistbox .newslistterm {

    float: left;

    width: 33.33%;

    padding-right: 30px;

}

.newslistbox .newslistterm .newslisttermmain {

    background: #fff;

    padding: 30px;

    padding-bottom: 0;

    -webkit-box-shadow: 0px 2px 17px 0px rgb(26 38 74 / 9%);

    box-shadow: 0px 2px 17px 0px rgb(26 38 74 / 9%);

}

.newslisttermmain h3 {

    font-size: 18px;

    color: #333;

}

.newslisttermmain p {

    color: #999;

    line-height: 24px;

    margin: 10px 0 5px 0;

}

.newslisttermmain ul {

    padding: 10px 0;

}

.newslisttermmain ul li {

    line-height: 32px;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-left: 15px;

    position: relative;

}

.newslisttermmain ul li:before {

    content: '';

    display: block;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #81a3bb;

    left: 0;

    top: 50%;

    margin-top: -2px;

    position: absolute;

}

.newslisttermmain ul li:hover a {

    color: #5068d0;

}

.newslisttermmain ul li:hover:before {

    background: #5068d0;

}

.newstags {

    margin-right: -15px;

    padding: 10px 0 15px 0;

}

.newstags a {

    color: #81a3bb;

    line-height: 20px;

    display: inline-block;

    margin-right: 15px;

}

.newsmore {

    margin: 0 -30px;

    padding: 15px 30px;

    border-top: 1px solid #f5f5f5;

}

.newsmore a {

    color: #5068d0;

    line-height: 14px;

}

.newsmore a span {

    font-size: 12px;

    padding-left: 2px;

    line-height: 14px;

}

.indexdown {

    padding: 15px 0;

    background-image: url(../images/downbj.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.downbox {

    padding: 50px 0;

    background-image: url(../images/huojian.png);

    background-position: right center;

    background-size: contain;

    background-repeat: no-repeat;

}

.downbox h2 {

    font-size: 30px;

    color: #fff;

    font-weight: normal;

    margin-bottom: 25px;

}

.downbox a {

    display: inline-block;

    line-height: 42px;

    padding: 0 42px;

    border: 1px solid #fff;

    color: #fff;

    font-size: 16px;

}



/*网站底部*/

.footer {
    padding: 10px;
    background: #131720;
    color: #999;

}

.footer .buttons {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.footer .bannder-top-box {
    padding: 10px 0;
}

.bannder-top-box li {
    text-align: center;
    color: white;

}

.bannder-top-box a {
    background-color: transparent !important;
    color: white !important;
}

.footer a {

    color: #fff;
    width: 130px;
    height: 35px;
    line-height: 35px;
    margin: 0px;
    margin-top: 10px;
    margin-right: 10px;
    /*color: #000;
    background: #9CF1B3;*/
    border-radius: 3px;
    text-align: center;
}

.links li {

    display: inline-block;

    margin-right: 20px;

}

.footertop {

    padding: 20px 0;

}

.footercenter {

    padding: 30px 0;

    border-top: 1px solid #333;

    border-bottom: 1px solid #333;

}

.footerbottom {

    padding: 15px 0;

    line-height: 24px;

}

.footercenter_left {

    float: left;

    width: 37%;

    position: relative;

}

.footercenter_center {

    float: left;

    width: 63%;

}

.footertitle {

    font-size: 16px;

    color: #fff;

    margin-bottom: 15px;

}

.condesc {

    margin-bottom: 15px;

}

.conlists li {

    position: relative;

    margin-bottom: 10px;

}

.conlists li span {

    display: block;

    width: 14px;

    height: 14px;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    position: absolute;

    left: 0;

    top: 3px;

}

.conlists li p {

    padding-left: 20px;

    line-height: 20px;

}

.footernav>li {

    float: left;

    width: 33.33%;

}

.footernav>li>a {

    font-size: 16px;

    color: #fff;

    margin-bottom: 15px;

    display: block;

}

.footernav>li>ul>li {

    margin-bottom: 10px;

}

.footernav>li>ul>li>a:hover {

    color: #ff8047;

}

.lxleft {

    float: left;

    width: 75%;

    padding-right: 30px;

}

.ewmbox {

    width: 25%;

    float: right;

    padding: 10px;

    background: #191e2a;

    text-align: center;

}

.ewmbox img {

    width: 100%;

    height: auto;

}

.ewmbox span {

    display: inline-block;

    margin-top: 5px;

    color: #fff;

}

.downnavlist {

    -webkit-box-shadow: 0px 2px 17px 0px rgb(26 38 74 / 5%);

    box-shadow: 0px 2px 17px 0px rgb(26 38 74 / 5%);

    background: #fff;

    transition: all ease .2s;

    top: 70px;

}

.downnavlist ul {

    border-right: 1px solid #f5f5f5;

}

.downnavlist ul li {

    height: 70px;

    line-height: 70px;

    float: left;

    width: 25%;

    text-align: center;

    border-left: 1px solid #f5f5f5;

    vertical-align: middle;

}

.downnavlist ul li:last-child {

    border-right: 1px solid #e5e5e5;

}

.downnavlist ul li .dwonicon {

    display: inline-block;

    width: 24px;

    height: 24px;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    vertical-align: middle;

    opacity: .5;

}

.downnavlist ul li a {

    display: block;

}

.downnavlist ul li a span {

    display: inline-block;

    padding-left: 5px;

    vertical-align: middle;

}

.downnavlist ul li:hover a {

    color: #5068d0;

}

.alldownlistterm .baiicon {

    display: none;

}

.alldownlistterm img {

    height: 48px;

    width: auto;

}

.alldownlistterm h2 {

    font-size: 24px;

    color: #333;

    margin: 15px;

}

.swiper-slide-active .alldownlistterm h2,
.swiper-slide-active .alldownlistterm p,
.swiper-slide-active .alldownlistterm ul li {

    color: #fff;

}

.alldownlistterm p {

    font-size: 14px;

    line-height: 24px;

    color: #666;

    margin-bottom: 15px;

}

.alldownlistterm ul li {

    line-height: 36px;

    color: #81a3bb;

}

.alldownlistterm a {

    display: inline-block;

    height: 45px;

    line-height: 45px;

    background: #5068d0;

    color: #fff;

    border-radius: 45px;

    width: 180px;

    font-size: 16px;

    margin-top: 50px;

}

.swiper-slide-active .alldownlistterm a {

    color: #5068d0;

    background: #fff;

}

.alldownlist {

    position: relative;

}

.alldownlist .container {

    padding: 30px 0px;

    max-width: 1200px;

}

.alldownlist .swiper-slide.swiper-slide-active,
.alldownlist .swiper-slide.swiper-slide-duplicate-active {

    z-index: 2;

    transform: scale(1);

    background-image: -webkit-linear-gradient(-90deg, rgba(8, 111, 208) 0%, rgba(45, 146, 243) 100%);

    background-image: -ms-linear-gradient(-90deg, rgba(8, 111, 208) 0%, rgba(45, 146, 243) 100%);

}

.alldownlist .swiper-slide-active .alldownlistterm .baiicon {

    display: inline-block;

}

.alldownlist .swiper-slide-active .alldownlistterm .lanicon {

    display: none;

}

.alldownlist .swiper-slide {

    text-align: center;

    padding: 55px 40px;

    background: #fff;

    -webkit-box-shadow: 0px 2px 17px 0px rgb(26 38 74 / 5%);

    box-shadow: 0px 2px 17px 0px rgb(26 38 74 / 5%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    transition: 300ms;

    transform: scale(0.9);

    cursor: pointer;

}

.alldownlist .swiper-button-prev,
.alldownlist .swiper-container-rtl .swiper-button-next {

    left: -50px;

    width: 45px;

    height: 45px;

    background: #5068d0;

    border-radius: 50%;

}

.alldownlist .swiper-button-next,
.alldownlist .swiper-container-rtl .swiper-button-prev {

    right: -50px;

    width: 45px;

    height: 45px;

    background: #5068d0;

    border-radius: 50%;

}

.alldownlist .swiper-button-next:after,
.alldownlist .swiper-button-prev:after {

    font-size: 24px;

    color: #fff;

}

.down_ys {

    padding: 40px 0;

}

.down_ys ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.down_ys ul li {}

.downysbox {

    position: relative;

    padding-left: 65px;

    line-height: 54px;

    text-align: left;

}

.downysicon {

    width: 54px;

    height: 54px;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    position: absolute;

    left: 0;

    top: 0;

}

.fflists li {

    float: left;

    width: 33.33%;

    position: relative;

}

.fflists li:after {

    content: '';

    width: 18%;

    height: 1px;

    background: #5068d0;

    position: absolute;

    right: -9%;

    top: 50%;

}

.fflists li:before {

    content: '';

    border-width: 6px;

    border-color: transparent transparent transparent #5068d0;

    border-style: dotted dotted dotted solid;

    position: absolute;

    right: -12%;

    top: 50%;

    margin-top: -5px;

}

.fflists li.lastterm:after,
.fflists li.lastterm:before {

    display: none;

}

.ffterm {

    width: 60%;

    margin: 0 auto;

    position: relative;

    padding-left: 70px;

}

.ffterm .number {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border: 1px solid #5068d0;

    color: #5068d0;

    font-size: 30px;

    font-weight: bold;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0;

}

.fftext h3 {

    font-weight: normal;

    margin-bottom: 5px;

    color: #000;

}

.fftext p {

    color: #999;

    min-height: 38px;

}

.downysbox h4 {

    font-size: 16px;

}

.onedown {

    vertical-align: middle;

    font-size: 0;

}

.onedownleft {

    font-size: 14px;

    display: inline-block;

    width: 55%;

    vertical-align: middle;

    padding-right: 30px;

}

.onedownleft h2,
.onedownleft h1 {

    font-size: 46px;

    font-weight: normal;

    margin-bottom: 10px;

    color: #000;

}

.onedownleft p {

    color: #7b7b7b;

    line-height: 22px;

    margin-bottom: 16px;

}

.onedownleft ul {

    margin-bottom: 16px;

    margin-top: 16px;

    display: inline-flex;

    flex-direction: column;

    margin-bottom: 10px;

}

.onedownleft ul li {

    display: inline-flex;

    align-items: center;

    line-height: 18px;

    font-size: 15px;

    color: #444;

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #f5f5f5;

    padding-left: 30px;

    background: url(../images/duihao.png) no-repeat left top;

}

.down-btd a {

    display: inline-block;

    height: 52px;

    line-height: 52px;

    padding: 0 40px;

    color: #fff;

    font-size: 15px;

    background: #5068d0;

    border-radius: 3px;

    vertical-align: middle;

    transition: all ease .4s;

}

.down-btd {

    margin-top: 10px;

    position: relative;

    display: inline-flex;

}

.down-btd a i {

    font-size: 18px;

    line-height: 52px;

    padding-right: 5px;

    display: inline-block;

    vertical-align: middle;

}

.down-btd a span {

    display: inline-block;

}

.down-btd a:hover {

    opacity: .8;

}

.downewm {

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    background: #fff;

    width: 150px;

    height: 0;

    overflow: hidden;

    transition: bottom ease .1s;

}

.downewm img {

    width: 100%;

    height: auto;

}

.down-btd:hover .downewm {

    padding: 5px;

    height: auto;

    bottom: 54px;

    border: 1px solid #e5e5e5;

}

.onedownright {

    display: inline-block;

    vertical-align: middle;

    width: 45%;

}

.onedownright img {

    width: 100%;

    height: auto;

}

.breadcrumbs {

    padding: 15px 0;

}

.breadcrumbs a span {

    color: #333;

}

.breadcrumbs span {

    color: #999;

}



/*通用列表页*/

.catlist_left {

    float: left;

    width: 73%;

}

.catlist_right {

    float: right;

    width: 27%;

    padding-left: 30px;

}

.default_lists {

    background: #fff;

    padding: 35px 25px;

    margin-bottom: 20px;

}

.default_lists li {

    margin-bottom: 35px;

}

.default_lists li:last-child {

    margin-bottom: 0;

}

.nybody {

    background: #fafafa;

}

.left_img {

    width: 30%;

    float: left;

    padding-right: 20px;

}

.right_content {

    width: 70%;

    float: right;

}

.right_content h2 {

    font-size: 22px;

    margin-bottom: 15px;

}

.right_content h2:hover a {

    color: #5068d0;

}

.right_content p {

    line-height: 26px;

    color: #666;

    margin-bottom: 15px;

}

.metadata>span {

    color: #999;

    padding-right: 15px;

    font-size: 13px;

}

.metadata>span>i {

    padding-right: 3px;

    font-size: 13px;

}

.metadata>span:last-child {

    padding-right: 0;

}

.metadata>span>a {

    color: #999;

    padding-right: 15px;

}

.metadata>span>a:hover {

    color: #5068d0;

}

.metadata>span>a:last-child {

    padding-right: 0;

}

.page_navi {

    background: #fff;

    margin-bottom: 20px;

}

.page_navi a {

    display: inline-block;

    padding: 5px 12px;

    border: 1px solid #e5e5e5;

    margin: 20px 2px;

    border-radius: 3px;

}

.page_navi a:hover,
.page_navi a.current {

    color: #fff;

    background: #5068d0;

    border-color: #5068d0;

}

.sidebarpart {

    background: #fff;

    padding: 25px;

    margin-bottom: 20px;

}

.searchform {

    position: relative;

    padding-right: 42px;

}

.searchsubmit {

    position: absolute;

    width: 68px;

    height: 42px;

    line-height: 42px;

    right: 0;

    top: 0;

    border: none;

    color: #fff;

    background: #5068d0;

}

.sb-search-input {

    width: 100%;

    height: 42px;

    line-height: 42px;

    padding: 0 15px;

    color: #666;

    background: #fafafa;

    border: none;

}

.screen-reader-text {

    display: none;

}

.tzggtit,
.comment-reply-title {

    font-size: 16px;

    color: #333;

    padding-bottom: 8px;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 10px;

    font-weight: bold;

}

.hotnews li a h3 {

    line-height: 30px;

    display: block;

    font-weight: normal;

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.ymtitle li {

    padding-bottom: 13px;

    border-bottom: 1px solid #f5f5f5;

    padding-top: 13px;

    display: flex;

    font-size: 15px;

}

.ymtitle li:last-child {

    margin-bottom: 0;

}

.ymtitle li a {

    color: #333;

    flex-grow: 1;

    font-size: 15px;

}

.ymtitle li:hover a,
.ymtitle li.current-cat a,
.ymtitle li.current_page_item a {

    color: #5068d0;

}

.ymtitle li.current-cat {

    font-weight: bold;

    color: #5068d0;

}

.hottags {

    font-size: 0;

}

.hottags a {

    font-size: 12px;

    color: #333;

    display: inline-block;

    padding: 6px 10px;

    background: #f3faf8;

    border-radius: 3px;

    margin-bottom: 3px;

    margin-right: 3px;

}

.hottags a span {

    color: #5068d0;

}

/*百科列表*/

.baiketop {

    margin-bottom: 20px;

    background: #fff;

    padding: 25px;

}

.hdbox {

    display: none;

}

.hdbox.active {

    display: block;

}

.baiketop .bd {

    border-bottom: 1px solid #f5f5f5;

    margin-bottom: 25px;

}

.baiketop .bd li {

    display: inline-block;

    padding: 0 20px;

    cursor: pointer;

    height: 40px;

    line-height: 40px;

    background: #fafafa;

    font-size: 15px;

    border-radius: 3px 3px 0 0;

}

.baiketop .bd li.on,
.baiketop .bd li:hover {

    color: #fff;

    background: #5068d0;

}



/*详情页通用*/

.pagebox {

    background: #fff;

    padding: 35px;

    margin-bottom: 25px;

}

.headerheight {

    height: 70px;

}

.sigletitle {

    font-size: 32px;

}

.singlemeta {

    margin: 30px 0;

}

.sgmeta_left {

    float: left;

    line-height: 25px;

}

.sgmeta_left>span {

    display: inline-block;

    margin-right: 15px;

    color: #666;

    font-size: 13px;

}

.sgmeta_left>span a {

    color: #5068d0;

}

.sgmeta_left>span i {

    padding-right: 2px;

    font-size: 13px;

}

.sgmeta_left>span:last-child {

    margin-right: 0;

}

.postshare {

    float: right;

}

.postshare span {

    font-size: 14px;

    font-weight: bold;

    font-family: 'microsoft yahei,Arial,sans-serif' !important;

    -webkit-text-stroke-width: 0 !important;

}

.postshare .social-share .social-share-icon {

    font-size: 18px;

    width: 25px;

    height: 25px;

    line-height: 25px;

    margin: 0 0 0 8px;

}





.pagecon p {

    color: #333;

    font-size: 15px;

    line-height: 30px;

    margin-bottom: 15px;

}

.pagecon p a {

    color: #5068d0;

}

.pagecon ul li a,
.pagecon ol li a {

    color: #5068d0;

}

.pagecon .wedocs-shortcode-wrap ul>li {

    list-style: none;

}

.pagecon img {

    max-width: 100%;

    height: auto;

    margin-bottom: 15px;

}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.aligncenter p.wp-caption-text {

    display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.pagecon {

    color: #333;

    margin-bottom: 20px;

}

.pagecon h1 {

    font-size: 24px;

    margin-bottom: 15px;

    color: #333;

}

.pagecon h2 {

    font-size: 22px;

    margin-bottom: 15px;

    color: #333;

}

.pagecon h3 {

    font-size: 20px;

    margin-bottom: 15px;

    color: #333;

}

.pagecon h4 {

    font-size: 18px;

    margin-bottom: 15px;

    color: #333;

}

.pagecon h5 {

    font-size: 16px;

    margin-bottom: 15px;

    color: #333;

}

.pagecon ul,
.pagecon ol {

    padding-left: 28px;

    margin-bottom: 15px;

}

.pagecon ul li {

    list-style: disc;

    color: #525252;

    line-height: 30px;

}

.pagecon ol li {

    line-height: 30px;

    color: #525252;

    list-style-type: decimal;

    list-style-position: inside;

}

.pagecon table {

    border: 1px solid #efefef;

    border-collapse: collapse;

    width: 100%;

    margin-bottom: 20px;

}

.pagecon table tr:nth-child(odd) {

    background: #fafafa;

}

.pagecon table tr {

    height: 40px;

    line-height: 40px;

}

.pagecon table tr td {

    border: 1px solid #efefef;

    padding: 0 15px;

}

.wp-video {

    margin: 0 auto;

    max-width: 100%;

    height: auto;

}

.tagslist {

    color: #333;

    font-weight: bold;

    margin-top: 30px;

}

.tagslist a {

    font-weight: normal;

    color: #666;

    padding: 7px 20px;

    margin-right: 10px;

    display: inline-block;

    background: #fafafa;

    margin-bottom: 10px;

}

.tagslist a:hover {

    color: #5068d0;

}

.conbottom {

    padding-top: 30px;

    margin-top: 5px;

    border-top: 1px solid #f5f5f5;

}

.prenext p {

    max-width: 48%;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.prenext p a {

    color: #333;

    font-weight: bold;

}

.prenext p a:hover {

    color: #5068d0;

}

.xgposts ul {

    margin-right: -45px;

}

.xgposts ul li {

    position: relative;

    float: left;

    width: 50%;

    padding-right: 45px;

    line-height: 40px;

}

.xgposts ul li a {

    padding-left: 15px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #333;

    display: block;

}

.xgposts ul li a:hover {

    color: #5068d0;

}

/*评论样式*/

.icon_circle {

    width: 4px;

    height: 4px;

    margin-right: 10px;

    vertical-align: middle;

    border-radius: 50%;

    background: #d8d8d8;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -2px;

}

.comment-form-comment>label {

    display: none;

}

.comment-form-comment>#comment {

    width: 100%;

    background: #fafafa;

    border: 1px solid #f5f5f5;

    margin: 10px 0;

    padding: 15px;

    font-family: 'microsoft yahei,Arial,sans-serif';

    height: 120px;

}

#commentform {

    margin-bottom: 25px;

}

#commentform .acf-comment-fields {

    display: none;

}

.form-submit #submit {

    padding: 10px 45px;

    color: #fff;

    background: #5068d0;

    font-size: 16px;

    border: none;

    cursor: pointer;

}

.comment-body {

    padding: 20px;

    background: #fafafa;

    border: 1px solid #f5f5f5;

    margin-bottom: 15px;

    position: relative;

    padding-left: 85px;

}

.comment-list ol.children {

    padding-left: 40px;

}

.comment-author {

    margin-bottom: 5px;

}

.comment-author .avatar {

    position: absolute;

    left: 20px;

    top: 20px;

    border-radius: 50%;

    border: 1px solid #f5f5f5;

}

.comment-author cite a.url {

    padding-right: 3px;

    color: #5068d0;

}

.commentmetadata {

    margin-bottom: 5px;

}

.commentmetadata a {

    color: #999;

    font-size: 13px;

}

.commentmetadata a.comment-edit-link {

    float: right;

}

.commentmetadata a.comment-edit-link:hover {

    color: #5068d0;

}

.reply {

    margin-top: 10px;

}

.reply a {

    color: #5068d0;

}

.navpnrevious {

    text-align: center;

}

.navpnrevious a:hover {

    color: #5068d0;

}

.comment-form-author,
.comment-form-email,
.comment-form-url {

    float: left;

    width: 33.33%;

}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {

    display: block;

    margin-bottom: 5px;

}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {

    width: 95%;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    background: #fafafa;

    border: 1px solid #f5f5f5;

    margin-bottom: 10px;

}

.comment-form-url input {

    width: 100% !important;

}

.comment-form-cookies-consent {

    padding: 10px 0;

    vertical-align: middle;

}

.comment-form-cookies-consent input,
.comment-form-cookies-consent label {

    display: inline-block;

    vertical-align: middle;

}

.pagesidebar.ymtitle li {

    padding-right: 12px;

    background: url(../images/right_hui.png) no-repeat right center;

}

.pagesidebar.ymtitle li:hover,
.pagesidebar.ymtitle li.current-cat {

    background: url(../images/right_lv.png) no-repeat right center;

}

/*所有标签*/

.list-inline li {

    display: inline-block;

    width: 34px;

    height: 34px;

    text-align: center;

    line-height: 34px;

    background: #fff;

    color: #999;

    margin-right: 5px;

    margin-bottom: 5px;

}

.list-inline li a {

    color: #5068d0;

    font-weight: bold;

}

.list-unstyled li .tag_name {

    font-size: 16px;

    margin-top: 20px;

}

.onetag_term {

    float: left;

    width: 25%;

    padding-right: 20px;

    margin-top: 15px;

}

.alltagslist_one {

    background: #fff;

    padding: 15px;

}

.list-unstyled li {

    margin-right: -20px;

    overflow: hidden;

}

.alltagslist_one h3 a {

    display: inline-block;

    font-size: 15px;

    color: #5068d0;

    line-height: 16px;

    margin-bottom: 10px;

}

.alltagslist_one h3 span {

    float: right;

    font-size: 13px;

    line-height: 16px;

    font-weight: 400;

    color: #999;

}

.alltagslist_one h3 span font {

    color: #5068d0;

}

.alltagslist_one p {

    font-size: 13px;

    line-height: 18px;

    height: 72px;

    overflow: hidden;

    color: #999;

}

.pagetit {

    font-size: 26px;

    margin-bottom: 20px;

}

.all-tags {

    margin-bottom: 25px;

}





.phone-menu {

    display: none;

}

.iphone__screen {

    width: 100%;

    height: 56px;

    position: fixed;

    top: 0px;

    right: 0;

    left: 0;

    overflow: hidden;

}

/**

* Navigation Defaults

*/

.nav {

    position: absolute;

    z-index: 999;

    opacity: 0;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}

.nav--active {

    height: 100% !important;

}

.nav--active .nav {

    opacity: 1;

}

.nav__list {

    margin: 0;

    padding-top: 10px;

}

.nav__list li {

    list-style-type: none;

}

.nav__list>li {

    padding: 0 15px;

    position: relative;

    line-height: 50px;

}

.nav__list li a {

    font-size: 16px;

    text-transform: uppercase;

    text-decoration: none;

    color: #333;

    opacity: 1;

    -webkit-transition: opacity 300ms ease-in-out;

    transition: opacity 300ms ease-in-out;

    line-height: 50px;

}

.nav__list>li.current-menu-item {

    background: #f5f5f5;

}

.nav__list>li.menu-item-has-children .iconfont {

    font-size: 18px;

    font-style: normal;

    position: absolute;

    right: 0px;

    top: 0;

    line-height: 50px;

    z-index: 9999;

    padding: 0 15px;

    color: #999;

}

.nav__list>li.menu-item-has-children.show .iconfont {

    transform: rotate(180deg);

}

.nav__list>li.show .sub-menu {

    display: block;

}

.nav__list .sub-menu {

    display: none;

    padding: 0 20px;

}

.nav__list .sub-menu li a {

    font-size: 14px;

    opacity: 0.9;

    text-transform: capitalize;

}

.nav__list .sub-menu li .sub-menu li a {

    font-size: 13px;

    opacity: 0.6;

    text-transform: lowercase;

}

/* Default navigation icon */

.nav__trigger {

    display: block;

    position: fixed;

    width: 30px;

    right: 15px;

    z-index: 200;

    padding: 13px 0;

    height: 56px;

    top: 4px;

}

.nav--active .nav__icon {

    background: #fff;

}

.nav--active .nav__icon:before {

    background: #fff;

}

.nav--active .nav__icon:after {

    background: #fff;

}

.fixheader .nav--active .nav__icon {

    background: #333;

}

.fixheader .nav--active .nav__icon:before {

    background: #333;

}

.fixheader .nav--active .nav__icon:after {

    background: #333;

}

.fixheader .nav__icon,
.fixheader .nav__icon:before,
.fixheader .nav__icon:after {

    background-color: #333;

}

.nav__icon {

    display: inline-block;

    position: relative;

    width: 25px;

    height: 2px;

    background-color: #fff;

    -webkit-transition-property: background-color, -webkit-transform;

    transition-property: background-color, -webkit-transform;

    transition-property: background-color, transform;

    transition-property: background-color, transform, -webkit-transform;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    margin-bottom: 3px;

}

.nav__icon:before,

.nav__icon:after {

    content: '';

    display: block;

    width: 25px;

    height: 2px;

    position: absolute;

    background: #fff;

    -webkit-transition-property: margin, -webkit-transform;

    transition-property: margin, -webkit-transform;

    transition-property: margin, transform;

    transition-property: margin, transform, -webkit-transform;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}

.nav__icon:before {

    margin-top: -9px;

}

.nav__icon:after {

    margin-top: 9px;

}

/* Don't nest if you don't have to. */

/**

* Style #1

*/

.style-1 .nav {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    width: 100%;

    top: 56px;

}

.style-1 .nav__link {

    opacity: 0;

    -webkit-transition-delay: 500ms;

    transition-delay: 500ms;

}

.style-1 .nav--active .nav__link {

    opacity: 1;

    font-size: 16px;

    line-height: 45px;

}

.style-1 .nav--active .nav {

    -webkit-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    height: 100%;

    background: #fff;

}

.style-1 .nav--active .nav__icon {

    background: rgba(0, 0, 0, 0);

}

.style-1 .nav--active .nav__icon:before {

    margin-top: 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.style-1 .nav--active .nav__icon:after {

    margin-top: 0;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}





/*海外教育汇总页*/

.hylist_left {

    float: left;

    width: 23%;

}

.hylist_right {

    float: left;

    width: 77%;

    padding-left: 20px;

}

.hylist_bottom_left {

    float: left;

    width: 67%;

    padding-right: 20px;

}

.hylist_bottom_right {

    float: left;

    width: 33%;

}

.jyicon {

    border-radius: 50%;

    overflow: hidden;

    position: absolute;

    left: 0;

    top: 0;

    border: 1px solid #f5f5f5;

}

.jyicon img {

    width: 25px;

    height: 25px;

}

.jydhsidebar.ymtitle li {

    position: relative;

    padding-right: 12px;

    background: url(../images/right_hui.png) no-repeat right center;

}

.jydhsidebar.ymtitle li:hover,
.jydhsidebar.ymtitle li.current-cat {

    background: url(../images/right_lv.png) no-repeat right center;

}



.pagesidebar.ymtitle li {

    padding-right: 12px;

    background: url(../images/right_hui.png) no-repeat right center;

}

.pagesidebar.ymtitle li:hover,
.pagesidebar.ymtitle li.current_page_item {

    background: url(images/right_lv.png) no-repeat right center;

}

.hylist_top {

    margin-bottom: 20px;

}

.hylist_top_left {

    float: left;

    width: 70%;

    padding-right: 10px;

}

.hylist_top_right {

    float: right;

    width: 30%;

}

.jybannerpart {

    height: 350px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

}



.hyjybanner .swiper-container {

    --swiper-theme-color: #5068d0;

}

.hyjybanner .swiper-container-horizontal>.swiper-pagination-bullets,
.hyjybanner .swiper-pagination-custom,
.hyjybanner .swiper-pagination-fraction {

    bottom: 20px;

    text-align: right;

    padding-right: 20px;

}

.hyjybanner .swiper-button-next:after,
.hyjybanner .swiper-button-prev:after {

    font-size: 20px;

    font-weight: 100;

    opacity: .8;

}

.hyjybanner .swiper-button-next:after,
.hyjybanner .swiper-button-prev:after {

    font-size: 20px;

    font-weight: 100;

    opacity: .8;

}

.hyjybanner .swiper-button-next,
.hyjybanner .swiper-button-prev {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: rgba(0, 0, 0, .2);

}

.jybannerpart h3 {

    font-weight: normal;

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    padding: 15px;

    padding-top: 50px;

    background: #000;

    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);

    background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

}

.jybannerpart h3 a {

    display: block;

    font-size: 16px;

    color: #fff;

    line-height: 22px;

    padding-right: 120px;

}

.right_post_term {

    display: block;

    height: 170px;

    width: 100%;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    margin-bottom: 10px;

    position: relative;

}

.right_post_term:last-child {

    margin-bottom: 0px;

}

.right_post_term h3 {

    font-weight: normal;

    color: #fff;

    font-size: 15px;

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    padding: 15px;

    padding-top: 50px;

    background: #000;

    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);

    background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

}

.jyhz_lists .right_content h2 {

    font-size: 16px;

    font-weight: normal;

    margin-bottom: 10px;

}

.jyhz_lists .right_content h2 a {

    color: #000;

}

.jyhz_lists .left_textbox {

    width: 83%;

    float: left;

    padding-right: 20px;

}

.jyhz_lists .right_img {

    float: right;

    width: 17%;

}

.appcattop {

    background: #fff;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.apptop_left {

    float: left;

    width: 23%;

    height: 200px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    border: 1px solid #f5f5f5;

    background-color: #f6f9ff;

}

.apptop_right {

    float: right;

    width: 77%;

    padding-left: 25px;

}

.apptop_right h1 {

    font-size: 24px;

    color: #5068d0;

}

.appdesc p {

    font-size: 16px;

    line-height: 26px;

    margin-top: 15px;

    color: #666;

}

.appmain {

    background: #fff;

    padding: 25px;

    margin-bottom: 25px;

}

.appmain_term {

    margin-bottom: 20px;

}

.appmain_term_top {

    padding-bottom: 10px;

    margin-bottom: 15px;

    border-bottom: 1px solid #e5e5e5;

}

.appmain_term_top h2 {

    font-size: 16px;

    float: left;

    line-height: 20px;

}

.appmain_term_top a {

    float: right;

    color: #ff8047;

    vertical-align: middle;

    line-height: 20px;

}

.appmain_term_top a span {

    display: inline-block;

    font-size: 12px;

    line-height: 16px;

    width: 16px;

    height: 16px;

    color: #fff;

    border-radius: 50%;

    background: #ff8047;

    margin-left: 3px;

    text-align: center;

    vertical-align: middle;

    margin-top: -2px;

}

.xgquetion_term {

    position: relative;

    margin-bottom: 30px;

}

.xgquetion_term:last-child {

    margin-bottom: 0;

}

.xgquetion_term_left {

    padding-right: 90px;

}

.xgquetion_term_right {

    position: absolute;

    right: 0;

    top: 0;

    width: 60px;

    text-align: center;

    border: 1px solid #5068d0;

}

.xgquetion_term_right span {

    display: inline-block;

}

.xgquetion_term_right span.huida {

    color: #5068d0;

    padding-top: 5px;

    padding-bottom: 10px;

}

.xgquetion_term_right span.num {

    background: #5068d0;

    padding-bottom: 0;

    color: #fff;

    width: 100%;

    padding-top: 10px;

}

.xgquetion_term_right span.sjbj {

    border-top: 15px solid #5068d0;

    border-left: 30px solid transparent;

    border-right: 30px solid transparent;

    width: 0;

    height: 0;

}

.xgquetion_term_left h3 {

    line-height: 20px;

    vertical-align: middle;

    margin-bottom: 15px;

}

.xgquetion_term_left h3 span {

    display: inline-block;

    width: 20px;

    height: 20px;

    margin-right: 5px;

    border-radius: 50%;

    text-align: center;

    line-height: 20px;

    color: #fff;

    background: #5068d0;

    font-size: 14px;

    font-weight: normal;

}

.xgquetion_term_left h3 a:hover {

    color: #5068d0;

}

.answer h4 {

    margin-bottom: 10px;

    font-size: 16px;

    color: #ff8047;

}

.answer h4 span {

    display: inline-block;

    width: 20px;

    height: 20px;

    margin-right: 5px;

    border-radius: 50%;

    text-align: center;

    line-height: 20px;

    color: #fff;

    background: #ff8047;

    font-size: 14px;

    font-weight: normal;

}

.answer_box {

    padding-left: 30px;

}

.answer_box p {

    color: #666;

    line-height: 24px;

    margin-bottom: 10px;

}

.answer_meta>span {

    color: #999;

    line-height: 30px;

    vertical-align: middle;

}

.answer_meta>span img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 3px;

}

.answer_meta>span>span {

    display: inline-block;

    vertical-align: middle;

}

.cgljlists li {

    margin-top: 15px;

    padding: 12px 5px;

    border: 1px solid #5068d0;

    text-align: center;

    border-radius: 3px;

}

.errorbox {

    padding: 80px;

    text-align: center;

}

.errorpage h2 {

    font-size: 36px;

    color: #333;

    margin-top: 15px;

}

.errorpage p {

    font-size: 16px;

    margin-top: 10px;

}

.errorpage p a {

    color: #5068d0;

    padding: 0 5px;

}

.cgljlists li a {

    color: #5068d0;

    display: inline-block;

    height: 24px;

    line-height: 24px;

    padding-left: 28px;

    background-position: left center;

    background-repeat: no-repeat;

    background-size: contain;

}

.cgljlists li:hover {

    background: #d1e6fb;

}

.phonedown {

    display: none;

}

.phonedownbox {

    text-align: center;

}

.phonedownbox img {

    width: 64px;

    height: auto;

    margin-top: 30px;

}

.phonedownbox p {

    color: #666;

}

.phonedownbt .downbutton a {

    width: 60%;

}

.phonedownbox h2 {

    margin-top: 30px;

    font-size: 30px;

    line-height: 36px;

    margin-bottom: 30px;

}

.phonedownbox h2 span {

    color: #5068d0;

}

.phonedownbt {

    margin-bottom: 30px;

}

.pchide {

    display: none;

}

.pchideheight {

    display: none;

}

.bannder-top-box ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@media (max-width: 1000px) {
    .bannder-top-box ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }

    .banner .container {

        height: 320px;

    }

    .xgposts ul li {

        line-height: 36px;

    }

    .pchideheight {

        display: block;

    }

    .phonefixheader .nav--active .nav__icon {

        background: #333;

    }

    .phonefixheader .nav--active .nav__icon:before {

        background: #333;

    }

    .phonefixheader .nav--active .nav__icon:after {

        background: #333;

    }

    .phonefixheader .nav__icon,
    .phonefixheader .nav__icon:before,
    .phonefixheader .nav__icon:after {

        background-color: #333;

    }

    .header.phonefixheader {

        background: #fff;

        border-bottom: 1px solid #f5f5f5;

    }

    .header.phonefixheader .logo a span {

        color: #333;

    }

    .header.phonefixheader .header_nav ul.mainnav>li>a {

        color: #333;

    }

    .pchide {

        display: block;

        font-size: 24px;

        color: #fff;

        margin: 0 auto 15px auto;

        text-align: center;

    }

    .phonedown {

        display: block;

    }

    .bannertext {

        margin-bottom: 15px;

    }

    .logo a span {

        font-size: 18px;

    }

    .errorpage h2 {

        font-size: 20px;

    }

    .errorpage p {

        font-size: 14px;

        margin-top: 5px;

    }

    .errorimg img {

        width: 100%;

        height: auto;

    }

    .errorbox {

        padding: 80px 20px 30px 20px;

    }

    .header {

        height: 56px;

    }

    .header_nav {

        display: none;

    }

    .phone-menu {

        display: block;

    }

    .header .logo {

        position: absolute;

        top: 0px;

        left: 15px;

        z-index: 99999;

        line-height: 56px;

        margin-top: 0;

    }

    .header .logo a img {

        height: 34px;

    }

    .header .logo a span {

        font-size: 18px;

    }

    .header .logo a {

        margin-top: 0px;

    }

    .headerheight {

        height: 56px;

    }

    .bannermain {

        margin-top: 28px;

        min-width: 100%;

        text-align: center;

        left: 0;

    }

    .banner .swiper-button-prev {

        left: 15px;

    }

    .banner .swiper-button-next {

        right: 15px;

    }

    .bannertext h2 {

        font-size: 30px;

        margin-bottom: 10px;

    }

    .bannertext p {

        font-size: 14px;

        line-height: 20px;

    }

    .banner {

        height: 320px;

        background-position: center left;

    }

    .downbutton {

        margin-top: 0;

    }

    .downbutton a.hover {

        width: 130px;

        height: 35px;

        line-height: 35px;

        margin: 0px;

        margin-top: 10px;

        margin-right: 10px;
        color: #000;
        background: #9CF1B3;

    }

    .downbutton i {

        width: 16px;

        height: 16px;

        font-size: 14px;

    }

    .downbutton span {

        font-size: 15px;

    }

    .bannermain img {

        height: 120px;

        width: auto;

    }

    .downlist .container {

        padding-left: 0;

        padding-right: 0;

    }

    .indexpart {

        padding: 30px 0;

    }

    .indexpart_title h2 {

        font-size: 24px;

    }

    .indexpart_title p {

        font-size: 13px;

        margin-top: 5px;

        width: 100%;

        line-height: 20px;

    }

    .indexpart_title {

        margin-bottom: 15px;

    }

    .whylistterm {

        padding: 30px 0;

    }

    .whylists {

        margin-bottom: -30px;

    }

    .whytext {

        width: 100%;

        margin-top: 10px;

        text-align: center;

    }

    .whytext a {

        line-height: 35px;

    }

    .whytext h3 {

        font-size: 22px;

    }

    .whytext p {

        margin-top: 15px;

    }

    .whytext a {

        margin-top: 25px;

    }

    .whyimg {

        width: 100%;

        text-align: center;

    }

    .whyimg img {

        width: 70% !important;

        margin: 0 auto !important;

    }

    .advlists li {

        width: 100%;

        margin-bottom: 15px;

    }

    .advlists li .advterm {

        padding: 20px 20px 20px 90px
    }

    .advlists li .advterm img {

        height: 50px;

        left: 20px;

    }

    .advlists li .advterm h3 {

        font-size: 16px;

        margin: 0px 0 10px 0;

    }

    .advlists li .advterm p {

        line-height: 20px;

        font-size: 14px;

        height: auto;

    }

    .advlists {

        margin-bottom: -15px;

    }

    .cjpclist {

        min-height: auto;

        width: 100%;

        overflow: hidden;

    }

    .cjpclist img {

        position: relative !important;

        width: 50% !important;

        top: 0 !important;

        bottom: 0 !important;

        left: 0 !important;

        height: auto !important;

        float: left;

    }

    .traitleft {

        display: block;

        width: 100%;

        padding-right: 0;

        text-align: center;

    }

    .traitright {

        width: 100%;

        display: block;

    }

    .traitleft h2 {

        font-size: 18px;

        margin-bottom: 10px;

    }

    .traitleft p {

        font-size: 14px;

        line-height: 20px;

    }

    .pjterm {

        text-align: center;

        padding: 20px 15px;

    }

    .pingjia .swiper-pagination {

        margin-top: 10px;

    }

    .pjtop_right {

        display: block;

        text-align: center;

        margin-top: 10px;

    }

    .pjtop .img {

        vertical-align: inherit;

    }

    .newslistbox .newslistterm {

        width: 100%;

        padding-right: 0;

        margin-bottom: 15px;

    }

    .newslistbox .newslistterm .newslisttermmain {

        padding: 20px 20px 0 20px;

    }

    .downbox {

        padding: 30px 0;

        text-align: center;

        background-image: none;

    }

    .downbox h2 {

        font-size: 24px;

        margin-bottom: 15px;

    }

    .newsmore {

        margin: 0 -20px;

        padding: 15px 20px;

    }

    .newslistbox {

        margin-right: 0;

        margin-bottom: -15px;

    }

    .footercenter {

        padding: 20px 0;

        border-bottom: 1px solid #333;

    }

    .lxleft {

        display: none;

    }

    .footercenter_center {

        display: none;

    }

    .ewmbox {

        background: none;

        width: 100%;

        padding: 0 25%;

    }

    .footercenter_left {

        width: 100%;

    }

    .footercenter_right {

        display: none;

    }

    .downnavlist {

        top: 56px;

    }

    .downnavlist ul li {

        height: 56px;

        line-height: 56px;

        text-align: center !important;

    }

    .downnavlist ul li a {

        display: inline-block;

    }

    .phonehide {

        display: none !important;

    }

    .footerbottom {

        padding: 20px 0;

    }

    .footerbottom p {

        display: none;

    }

    .banner.nybanner {

        padding-top: 56px;

        display: none;

    }

    .nybannermain {

        padding: 0;

    }

    .nybannertext {

        padding: 30px 0;

    }

    .downnavlist ul li {

        width: 50%;

        text-align: center !important;

        padding: 0 5px;

    }

    .fflists li {

        width: 100%;

        margin-bottom: 10px;

        margin-top: 10px;

    }

    .ffterm .number {

        width: 36px;

        height: 36px;

        line-height: 32px;

        font-size: 24px;

    }

    .fftext h3 {

        font-size: 16px;

        line-height: 16px;

    }

    .fflists li:before,
    .fflists li:after {

        display: none;

    }

    .ffterm {

        width: 100%;

        padding-left: 50px;

    }

    .downnavlist ul {

        border-right: none;

    }

    .downnavlist ul li:nth-child(1),
    .downnavlist ul li:nth-child(3) {

        border-left: none;

    }

    .downnavlist ul {

        border-bottom: 1px solid #f5f5f5;

    }

    .downnavlist ul li:nth-child(1),
    .downnavlist ul li:nth-child(2) {

        border-bottom: none;

    }

    .downnavlist ul li:nth-child(4) {

        border-right: none;

    }

    .downnavlist ul li a span {

        font-size: 13px;

    }

    .nybannertext {

        background-image: none !important;

        text-align: center;

    }

    .nybannertext p {

        width: 100%;

        font-size: 14px;

        line-height: 20px;

    }

    .nybannertext h1 {

        font-size: 24px;

    }

    .alldownlist .swiper-slide.swiper-slide-active,
    .alldownlist .swiper-slide.swiper-slide-duplicate-active {

        z-index: 2;

        transform: scale(0.9);

    }

    .alldownlist .swiper-slide {

        padding: 30px 20px;

    }

    .alldownlistterm h2 {

        font-size: 20px;

    }

    .alldownlist .container {

        padding: 0;

    }

    .onedownleft {

        width: 100%;

        padding-right: 0;

        text-align: center;

        display: block;

    }

    .onedownleft ul li {

        text-align: left;

        padding-bottom: 13px;

        margin-bottom: 13px;

    }

    .baiketop {

        padding: 20px;

    }

    .default_lists {

        padding: 20px;

    }

    .baiketop .bd {

        font-size: 0;

    }

    .baiketop .bd li {

        width: 50%;

        text-align: center;

    }

    .sidebarpart {

        padding: 20px;

    }

    .prenext p {

        max-width: 100%;

        line-height: 24px;

    }

    .xgposts ul {

        margin-right: 0;

    }

    .xgposts ul li {

        width: 100%;

        padding-right: 0;

    }

    .onedownright {

        display: none;

        width: 100%;

        margin-top: 15px;

    }

    .onedownleft h2,
    .onedownleft h1 {

        font-size: 24px;

        font-weight: bold;

        margin-bottom: 15px;

    }

    .onedownleft p {

        font-size: 14px;

        line-height: 20px;

    }

    .breadcrumbs {

        display: block;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }

    .catlist_left {

        width: 100%;

    }

    .catlist_right {

        width: 100%;

        padding-left: 0;

    }

    .catlist_top h1 {

        font-size: 22px;

    }

    .catlist_desc {

        line-height: 22px;

    }

    .right_content h2 {

        font-size: 18px;

        margin-bottom: 10px;

    }

    .right_content p {

        line-height: 22px;

        margin-bottom: 10px;

    }

    .left_img {

        width: 100%;

        padding-right: 0;

        margin-bottom: 10px;

    }

    .right_content {

        width: 100%;

    }

    .pagebox {

        padding: 20px;

    }

    .sigletitle {

        font-size: 18px;

    }

    .sgmeta_left {

        float: none;

    }

    .postshare {

        float: none;

        margin-top: 5px;

    }

    .comment-form-author,
    .comment-form-email,
    .comment-form-url {

        width: 100% !important;

        margin-bottom: 10px;

    }

    .comment-form-author input,
    .comment-form-email input,
    .comment-form-url input {

        width: 100%;

    }

    .form-submit #submit {

        width: 100%;

    }

    .comment-body {

        padding: 15px;

        padding-left: 60px;

    }

    .comment-author .avatar {

        left: 15px;

        top: 15px;

        width: 30px;

        height: 30px;

    }

    .comment-list ol.children {

        padding-left: 20px;

    }

    .downbanner {

        padding: 30px 0;

    }

    .downbanner_right h1 {

        font-size: 24px;

        text-align: center;

    }

    .downdescription p {

        margin-bottom: 10px;

        line-height: 20px;

        text-align: center;

    }

    .downdescription ul {

        margin-top: 10px;

        margin-bottom: 10px;

    }

    .downbanner_left {

        display: none;

    }

    .downbanner_right {

        width: 100%;

        padding-left: 0;

    }

    .down-btd {

        text-align: center;

        width: 100%;

        display: block;

    }

    .down-btd a {

        height: 45px;

        line-height: 45px;

        padding: 0 30px;

    }

    .downbanner .swiper-button-prev {

        left: 15px;

    }

    .downbanner .swiper-button-next {

        right: 15px;

    }

    .menu-item-1669,
    .menu-item-1668 {

        display: none !important;

    }

    /* .downbutton a:nth-child(1),
    .downbutton a:nth-child(2) {

        display: none;

    } */

    .down_ys {

        padding: 20px 0;

    }

    .down_ys ul {

        overflow: hidden;

        display: block;

        margin-bottom: -10px;

    }

    .down_ys ul li {

        float: left;

        width: 50%;

        margin-bottom: 15px;

    }

    .downysicon {

        width: 30px;

        height: 30px;

    }

    .footertop {

        display: none;

    }

    .downysbox {

        line-height: 30px;

        padding-left: 40px;

    }

    .downysbox h4 {

        font-size: 14px;

        font-weight: normal;

    }

    .hylist_left {

        width: 100%;

    }

    .hylist_right {

        width: 100%;

        padding-left: 0;

    }

    .hylist_top_left {

        width: 100%;

        padding-right: 0;

    }

    .hylist_top_right {

        display: none;

    }

    .jybannerpart {

        height: 220px;

    }

    .jybannerpart h3 a {

        padding-right: 60px;

    }

    .hylist_bottom_left {

        width: 100%;

        padding-right: 0;

    }

    .hylist_bottom_right {

        width: 100%;

    }

    .page_navi a {

        margin: 5px 2px;

        font-size: 13px;

        height: 30px;

        line-height: 30px;

        padding-top: 0;

        padding-bottom: 0;

    }

    .apptop_left {

        width: 100%;

        margin-bottom: 10px;

    }

    .apptop_right {

        width: 100%;

        padding-left: 0;

    }

    .apptop_right h1 {

        font-size: 22px;

    }

    .appdesc p {

        margin-top: 10px;

        font-size: 14px;

        line-height: 22px;

    }

    .onetag_term {

        width: 100%;

    }

    body .wedocs-single-wrap .wedocs-sidebar {

        width: 0;

        transition: width .4s ease;

        top: 56px;

    }

    body .wedocs-single-wrap .wedocs-sidebar.show {

        width: 60% !important;

        display: block !important;

        z-index: 99;

    }

    body .wedocs-single-wrap .wedocs-single-content.open {

        width: 40%;

        margin-left: 60% !important;

        background: #fff !important;

    }

    body .wedocs-single-wrap .wedocs-single-content {

        width: 100%;

        margin-top: 0px !important;

        margin-left: 0 !important;

        transition: all .4s ease;

        padding-left: 15px;

        padding-right: 15px;

    }

    body .wedocs-single-wrap .wedocs-single-content ol.wedocs-breadcrumb {

        display: none;

    }

    .tools {

        cursor: pointer;

        line-height: 4px;

        padding: 20px 15px;

        border-bottom: 1px solid #eee;

        margin-left: -15px !important;

        margin-right: -15px !important;

    }

    .tools span {

        display: block;

        width: 18px;

        height: 2px;


        background: #ccc;

        margin-bottom: 4px;

    }

    .tools span:last-child {

        margin-bottom: -1px;

    }

    h1.entry-title {

        font-size: 24px;

        padding-top: 20px;

    }

}

@media screen and (max-width: 1000px) {
    .downewm {
        display: none
    }
}

/* 客服 */

.fixed-service {
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.fixed-service li {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgb(52 59 95 / 70%);
    margin-bottom: 20px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
}

.fixed-service li a {
    text-decoration: none;
}

.fixed-service li p {
    display: none;
    position: absolute;
    right: 55px;
    top: 50%;
    height: 30px;
    margin-top: -15px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    background-color: rgba(22, 32, 85, 0.5);
    white-space: nowrap;
    border-radius: 2px;
}

.fixed-service li:hover {
    background: rgb(105 116 171 / 78%);
}

.fixed-service li:hover p {
    display: block;
}

.fixed-service li span {
    font-size: 30px;
    color: #fff;
    position: relative;
    top: 20px;
}

.fixed-service #scrollTop {
    display: none;
}

.icon-liuyan:before {
    content: url(../images/cs-1.svg) !important;
    display: block;
    width: 40px;
    height: 20px;
    margin: 0 auto;
    position: relative;
    top: 2px;
}