@charset "utf-8";
@font-face {
    font-family: Disney_English_b;
    src: url(../font/DISNEYENGLISH-BOLD.OTF);
}

@font-face {
    font-family: Disney_English;
    src: url(../font/DISNEYENGLISH-MEDIUM.OTF);
}

@font-face {
    font-family: POPPINS-BOLD;
    src: url(../font/POPPINS-BOLD.TTF);
}

@font-face {
    font-family: POPPINS-light;
    src: url(../font/POPPINS-LIGHT.TTF);
}

@font-face {
    font-family: POPPINS-medium;
    src: url(../font/POPPINS-MEDIUM.TTF);
}

@font-face {
    font-family: POPPINS-SEMIBOLD;
    src: url(../font/POPPINS-SEMIBOLD.TTF);
}

@font-face {
    font-family: DINCond-Medium;
    src: url(../font/DINCOND-MEDIUM-WEBFONT.TTF);
}

@font-face {
    font-family: Roboto;
    src: url(../font/ROBOTO-REGULAR-14_0.TTF);
}

@media (max-width: 4000px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1600px) and (max-width: 1940px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 640px) and (max-width: 1399px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 471px) and (max-width: 639px) {
    html {
        font-size: 15px;
    }
}

@media (min-width: 329px) and (max-width: 470px) {
    html {
        font-size: 15px;
    }
}

@media (max-width: 328px) {
    html {
        font-size: 15px;
    }
}

/*==========================================公共 开始=============================================*/
.ar_wap {
    display: none
}

.a_body {
    position: relative;
    z-index: 0;
}

.section {
    overflow: hidden;
}

header {
    height: 100px;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: rgba(255, 255, 255, .2) 1px solid;
    min-width: 1280px;
}

header .logo {
    line-height: 100px;
}

header .logo img.img2 {
    display: none
}

header .logo img.img2 {
    display: none
}

.w1200 {
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 50px;
}

.header_box {
    height: 100px;
}

.header_box header {
    padding: 0 0 0 4rem;
    background: #fff;
    transition: .5s
}

.header_box header .right .tel_box {
    float: left;
    padding: 0;
    border-left: #d6d6d6 1px solid;
    height: 100px;
    margin-left: .5rem;
    width: 17.625rem;
    text-align: center;
}

.header_box header .right .tel_box .box_table {
    width: 100%;
}

.header_box header .right .tel_box .box_table .ico {
    display: inline-block;
    vertical-align: top;
    margin-right: .5rem;
}

.header_box header .right .tel_box .box_table .con {
    display: inline-block
}

.header_box header .right .tel_box .box_table .con h6 {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    color: #60636d;
    padding: 0 4px;
    opacity: .7;
}

.header_box header .right .tel_box .box_table .con h3 {
    font-size: 1.375rem;
    color: #858890;
    font-family: POPPINS-BOLD;
    margin: 2px 0 0;
}

.header_box header.xg {
    border-bottom: #e8e8e8 1px solid;
}

#nav {
    position: relative;
    z-index: 10;
}

#nav ul {
    display: flex;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
}

#nav ul li {
    float: left;
    position: relative;
    z-index: 0;
    margin-right: 2.5rem;
}

#nav ul li a {
    display: block;
    padding: 0 0;
    text-transform: uppercase;
}

#nav ul li > a {
    font-size: 1rem;
    color: #737373;
    line-height: 100px;
    position: relative;
    transition: .6s;
}

#nav ul li > a .h3 {
    position: relative;
    text-align: center;
    z-index: 1;
}

#nav ul li > a .h3:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: .5s;
}

#nav ul li > a .h3:after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    z-index: -1;
    transition: .5s;
    background: #ff7f31;
    left: 50%;
    margin-left: -3.5px;
    top: 67%;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}

#nav ul li.on > a .h3, #nav ul li:hover > a .h3 {
    font-weight: 600;
    color: #3d3d3d
}

#nav ul li.on > a .h3:before, #nav ul li:hover > a .h3:before {
}

#nav ul li.on > a .h3:after, #nav ul li:hover > a .h3:after, #nav ul li.on2 > a .h3:after {
    opacity: 1;
    visibility: visible;
}

#nav ul li a i {
    display: inline-block;
    background: url(../x_img/nav_down.png) center no-repeat;
    width: 9px;
    height: 6px;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
}

#nav ul li .sub {
    position: absolute;
    background: #fff;
    width: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    top: 100px;
}

#nav ul li .sub .box {
    padding: 0;
    text-align: center;
}

#nav ul li .sub a {
    padding: 0;
    line-height: 3.5;
    transition: .3s;
    font-size: 15px;
    letter-spacing: 1px;
    color: #3d3d3d;
    border-bottom: 1px dashed rgba(0, 0, 0, .05);
}

#nav ul li .sub a:hover {
    background: #fe8d00;
    color: #fff;
}

#nav ul li:hover .sub {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

#nav > ul > li.on > a, #nav ul li:hover > a, #header.xg #nav ul li.on > a, #header.xg #nav ul li:hover > a {
}

#nav ul li:last-child .sub {
    display: none !important
}

#nav ul li:last-child > a .h3:after {
}

#nav ul li .sub1 {
    position: absolute;
    background: rgba(255, 255, 255, .9);
    width: auto;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    top: 100px;
    white-space: nowrap;
    padding: 50px 16px;
}

#nav ul li .sub1 .box {
    padding: 0;
    display: inline-block;
    margin: 0 34px;
    text-align: left;
    vertical-align: top;
}

#nav ul li .sub1 a {
    padding: 0;
    line-height: 30px;
    transition: .3s;
    font-size: 15px;
    letter-spacing: 1px;
    color: #707070;
    padding-left: 15px;
}

#nav ul li .sub1 a:first-child {
    font-size: 16px;
    color: #3d3d3d;
    position: relative;
    padding-left: 15px;
    line-height: 15px;
    border-left: #ff7f31 3px solid;
    margin-bottom: 20px
}

#nav ul li .sub1 a:hover {
    color: #fe8d00;
}

#nav ul li:hover .sub1 {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.banner ul li img {
    position: relative;
    width: 100%
}

.banner .miso-arrow {
    width: 2.5rem;
    height: 2.5rem;
    background-size: 100% 100%
}

.banner .miso-prev {
    background: url(../x_img/prev1.png) center no-repeat;
    left: 2rem
}

.banner .miso-next {
    background: url(../x_img/next1.png) center no-repeat;
    right: 2rem
}

.container01 {
    padding: 5rem 0 0;
    border-bottom: #ededed 1px solid;
    overflow: hidden;
    position: relative;
    margin-bottom: 3rem;
}

.container01:before {
    content: "";
    position: absolute;
    left: 0;
    width: 5px;
    top: 0;
    bottom: 0;
    background: #ff7f31
}

.container01 .left {
    width: 417px;
    position: relative
}

.container01 .left .more001 {
    position: absolute;
    top: -42px;
    right: 23px;
    width: 61px;
    height: 59px;
    transition: .5s
}

.container01 .left .more001 a > img {
    width: 100%
}

.container01 .left .more001 .ico {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-8px) translateY(-15px);
}

.container01 .left .more001 .ico img {
    width: 100%;
    transition: .5s
}

.container01 .left img {
    margin-bottom: -1px
}

.container01 .right {
    width: calc(100% - 417px);
    padding: 3.25rem 0 0 6rem
}

.container01 .right p {
    font-size: 15px;
    color: #7e838f;
    line-height: 1.625rem
}

.list_box_01 {
}

.list_box_01 li {
    float: left;
    width: 20%
}

.list_box_01 li a {
    padding: 0;
    height: 19.0625rem;
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
    background: #f4f4f5;
    width: 90%;
}

.list_box_01 li a .box_table {
    width: 100%
}

.list_box_01 li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    transition: .5s;
    z-index: -1
}

.list_box_01 li a h6 {
    font-size: 1rem;
    color: #9da3ac;
    margin-bottom: .625rem;
    transition: .5s
}

.list_box_01 li a h3 {
    color: #292929;
    transition: .5s
}

.list_box_01 li a h3 big {
    font-size: 2.625rem;
    font-family: Disney_English_b
}

.list_box_01 li a h3 small {
    font-size: 1.625rem;
    font-family: Disney_English_b;
    vertical-align: top;
    margin-left: .75rem;
}

.list_box_01 li a hr {
    width: 115px;
    height: 1px;
    background: #ff7f31;
    margin: 1.125rem auto;
    transition: .5s
}

.list_box_01 li a p {
    font-size: 15px;
    color: #6b6e76;
    line-height: 22px;
    transition: .5s;
    padding: 10px 20px;
}

.container02 {
    overflow: hidden
}

.container03 {
    overflow: hidden;
    background: #f1f3f8;
    padding: 5rem 0 5.625rem
}

.title001 {
    margin-bottom: 3rem;
    text-align: center
}

.title001 .h3 {
    font-size: 3.5rem;
    color: #e4e8f2;
    font-family: POPPINS-BOLD;
    text-transform: uppercase
}

.title001 h2 {
    font-size: 2rem;
    color: #333333;
    font-weight: bold;
    margin: -1.625rem 0 0
}

.title001 p {
    font-size: 15px;
    color: #7e838f;
    line-height: 1.5;
    margin: 1rem 0 0
}

.container03 .miso_hd {
    margin-bottom: 3.25rem;
    text-align: center
}

.list_box_02 {
    width: 56.25rem;
    display: inline-block;
    max-width: 100%;
    box-shadow: 2.605px 7.564px 27.26px 1.74px rgba(196, 198, 203, 0.27);
    border-radius: 1.625rem;
    background: #fff;
    padding: 0;
    margin: 0 -.625rem;
}

.list_box_02 li {
    padding: 0;
}

.list_box_02 li a {
    display: block;
    line-height: 3.25rem;
    font-size: 1rem;
    color: #333333;
    position: relative;
    overflow: hidden;
    border-radius: 1.625rem;
    z-index: 1;
    transition: .5s
}

.list_box_02 li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    width: 0;
    top: 0;
    bottom: 0;
    border-radius: 1.625rem;
    transition: .5s
}

.list_box_02 li.miso-current a {
    color: #fff
}

.list_box_02 li.miso-current a:before {
    width: 100%;
    background: #ff7f31;
    left: 0;
}

.list_box_03 {
    margin: 0 -.75rem
}

.list_box_03 li {
    padding: 0 .75rem;
    float: left;
    width: 33.333333%;
}

.list_box_03 li a {
    display: block;
    position: relative
}

.list_box_03 li .img .img_hezi {
    padding-bottom: 64.444444% !important
}

.list_box_03 li a h5 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 3.8125rem;
    transition: .5s;
    background: rgba(0, 0, 0, .6);
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    padding: 0 1rem;
    transform: translateY(0);
}

.list_box_03 li a:hover h5 {
    transform: translateY(0)
}

.container03 .miso_bd > .miso-list {
    overflow: visible
}

.list_box_03 .miso-arrow {
    width: 2.75rem;
    height: 2.75rem;
    background-size: 100% 100%
}

.list_box_03 .miso-prev {
    background: url(../x_img/prev2.png) center no-repeat;
    left: -4rem
}

.list_box_03 .miso-next {
    background: url(../x_img/next2.png) center no-repeat;
    right: -4rem
}

.container04 {
    overflow: hidden;
    padding: 5.625rem 0 0
}

.list_box_04 li {
    float: left;
    width: 20%
}

.list_box_04 li a {
    display: block;
    position: relative;
    text-align: center
}

.list_box_04 li a .top {
    height: 8.75rem;
    border-top: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid
}

.list_box_04 li a .top .ico {
    display: inline-block;
    vertical-align: top;
    line-height: 2.75rem;
    margin-right: 1rem;
}

.list_box_04 li a .top .con {
    display: inline-block;
    text-align: left
}

.list_box_04 li a .top .con h5 {
    font-size: 1.25rem;
    color: #333333;
    line-height: 1.25
}

.list_box_04 li a .top .con h6 {
    font-size: 1.125rem;
    color: #caced8;
    line-height: 1.25;
    font-family: POPPINS-light;
    text-transform: uppercase
}

.list_box_04 li a .bottom .img .img_hezi {
    padding-bottom: 21.875rem !important
}

.list_box_04 li a .top_box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: .8s;
    transform: translateY(101%)
}

.list_box_04 li a .top_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: .5s;
    z-index: -1;
    height: 0
}

.list_box_04 li a .top_box .top1 {
    height: 8.75rem;
}

.list_box_04 li a .top_box .top1 .ico {
    display: inline-block;
    vertical-align: top;
    line-height: 2.75rem;
    margin-right: 1rem;
}

.list_box_04 li a .top_box .top1 .con {
    display: inline-block;
    text-align: left
}

.list_box_04 li a .top_box .top1 .con h5 {
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.25
}

.list_box_04 li a .top_box .top1 .con h6 {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.25;
    font-family: POPPINS-light;
    text-transform: uppercase
}

.list_box_04 li a .top_box .bottom1 {
    height: 21.875rem;
    position: relative
}

.list_box_04 li a .top_box .bottom1:before {
    content: "";
    position: absolute;
    top: -10px;
    background: url(../x_img/list_box_04_dots.png) center no-repeat;
    height: 20px;
    left: 0;
    right: 0
}

.list_box_05 {
    padding: 0 2rem;
    text-align: left;
    margin: 0 -7px;
    margin-top: -3rem;
}

.list_box_05 li {
    float: left;
    min-width: 50%;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    line-height: 2rem; /* white-space:nowrap */
    width: auto;
    padding: 0 7px;
}

.list_box_05 li span {
    display: inline-block;
    margin: 0 .5rem 0 0
}

.list_box_04 li a .top_box:before {
    height: 100%;
    background: #ff7f31
}

.list_box_04 li a .top_box .bottom1 .bottom1_svg {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0
}

.list_box_04 li a .top_box .bottom1 .bottom1_svg svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: rgba(255, 255, 255, .8)
}

.container05 {
    overflow: hidden;
    padding: 5.625rem 0
}

.container06 .title001 .h3 {
    opacity: .3
}

.container06 .title001 h2 {
    color: #fff
}

.container06 .title001 p {
    color: #fff
}

.container05 .content .left {
    width: 44.28%
}

.container05 .content .right {
    width: calc(100% - 44.28%);
    padding: 0 0 0 .6%;
}

.list_box_06 li a {
    display: block;
    position: relative;
    overflow: hidden
}

.list_box_06 li a:after {
    content: "";
    position: absolute;
    height: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .5s;
    z-index: 1
}

.list_box_06 li a .img_hezi {
    padding-bottom: 93.54% !important
}

.list_box_06 li a .con {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 3rem 2.75rem;
    z-index: 2;
    transition: .5s;
    transform: translateY(calc(2.5rem + 48px))
}

.list_box_06 li a .con .h6 {
    font-family: POPPINS-light;
    font-size: 1.125rem;
    color: #fff;
    text-transform: uppercase
}

.list_box_06 li a .con h2 {
    font-size: 1.5rem;
    color: #fff;
    margin: .375rem 0 2.5rem
}

.list_box_06 li a .con p {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    height: 48px;
    opacity: .7;
}

.list_box_06 li a .shuzi {
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    padding: 0 12% 0 0;
    text-align: right;
    font-size: 3rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .5px rgba(255, 255, 255, .8);
    font-family: POPPINS-BOLD;
    z-index: 2
}

.container05 .content .right .list_box_06 li a .img_hezi {
    padding-bottom: 42.85% !important
}

.container05 .content .right .list_box_06 li:last-child {
    margin: 1.2% 0 0;
}

.container05 .content .right .list_box_06 li:last-child a .img_hezi {
    padding-bottom: 31.16% !important
}

.container05 .content .right .list_box_06 li a .shuzi {
    top: 18.5%;
    padding: 0 7% 0 0;
}

/*====选择我们的五大理由====*/
.container06 {
    padding: 86px 0 86px 0;
    background: url(../x_img/container06_bg.jpg) center top no-repeat fixed;
    background-size: cover;
}

.container06 .title {
    margin-bottom: 50px;
}

.container06 ul {
    white-space: nowrap;
}

.container06 ul li {
    display: inline-block;
    width: calc(25% - 24px);
    height: 400px;
    background: #000;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border: #777777 1px solid;
    margin-right: 27.5px;
}

.container06 ul li img {
    float: left;
    width: 100%;
    height: 100%
}

.container06 ul li .con {
    transition: .5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 50px 38px 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#A5000000', endColorstr='#A5000000');
    background: rgba(0, 0, 0, 0.65);
}

.container06 ul li .con h3 {
    font-size: 22px;
    color: #fff;
    line-height: 44px;
    font-family: impact;
}

.container06 ul li .con h4 {
    font-size: 20px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 20px;
}

.container06 ul li .con h4 small {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 25px;
    text-transform: uppercase;
    margin-left: 6px;
}

.container06 ul li .con p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 26px; /* height:78px; */
    overflow: hidden;
    margin-bottom: 65px;
}

.container06 ul li .con span {
    display: block;
    width: 32px;
    height: 32px; /*background:url(../x_img/more.png) center no-repeat;*/
}

.container06 ul li:hover .con span {
    background: url(../x_img/more_on.png) center no-repeat;
}

.container06 ul li:hover .con {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F27C9E47', endColorstr='#F27C9E47');
    background: rgba(254, 139, 0, 1);
}

.container06 ul li:hover .con p {
    color: rgba(255, 255, 255, 1);
}


.list_box_07 {
    margin: 0 -1.625rem
}

.list_box_07 li {
    float: left;
    width: 25%;
    padding: 0 1.625rem;
    padding-bottom: 3.5rem;
    background: url(../x_img/list_box_07_bg.png) center bottom no-repeat
}

.list_box_07 li a {
    display: block;
    text-align: center;
    transition: .5s;
}

.list_box_07 li a .h2 {
    font-size: 5rem;
    color: #c8cfda;
    font-weight: bold;
    text-transform: uppercase
}

.list_box_07 li a .box {
    padding-bottom: 100%;
    position: relative;
    background: #fff;
    border-radius: 50%;
    margin-top: -1.125rem;
    overflow: hidden
}

.list_box_07 li a .box .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 1.5rem;
    z-index: 1
}

.list_box_07 li a .box .top:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #ff7f31;
    border-radius: 50%;
    transform: scale(.8);
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.list_box_07 li a .box .top:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border: #e1e4ea 5px solid;
    border-radius: 50%;
    transition: .5s
}

.list_box_07 li a .box .top .ico {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    position: relative;
    overflow: hidden
}

.list_box_07 li a .box .top .ico .ico0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .5s
}

.list_box_07 li a .box .top .ico .ico2 {
    transform: translateX(-100%);
}

.list_box_07 li a .box .top .ico .ico0 img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block
}

.list_box_07 li a .box .top .wz {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    color: #ff7f31;
    opacity: .3;
    font-size: 4.125rem;
    font-weight: bold;
    transition: .5s;
}

.list_box_07 li a .box .top h3 {
    font-size: 1.125rem;
    color: #ff7f31;
    font-weight: bold;
    margin: 1.25rem 0 115px
}

.list_box_07 li a .box .top p {
    font-size: 15px;
    color: #7c848f;
    line-height: 22px;
    margin-bottom: .5rem
}

.container07 {
    padding: 6.25rem 0 0;
    overflow: hidden;
    background: url(../x_img/container07_bg.jpg) center no-repeat;
    background-size: cover;
}

.container07 .title001 .h3 {
    color: #cee2f3
}

.list_box_08 {
    margin: 0 -30%
}

.list_box_08 li {
    float: left;
    width: 33.333333%;
    padding: 0 .5rem
}

.list_box_08 li a {
    display: block;
    position: relative
}

.list_box_08 li a .img .img_hezi {
    padding-bottom: 58.41% !important
}

.list_box_08 li a .h5 {
    line-height: 5.625rem;
    padding: 0 3.25rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    color: #fff;
}

.list_box_08 li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    z-index: 1;
    transition: .5s;
}

.list_box_08 li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    height: 0;
    transition: .5s;
}

.list_box_08 li a .h5 big {
    font-size: 1.125rem;
    color: #fff;
    display: inline-block;
    margin-right: 2.5rem
}

.list_box_08 .miso-arrow {
    width: 2.625rem;
    height: 2.625rem;
    background-size: 100% 100% !important
}

.list_box_08 .miso-prev {
    background: url(../x_img/prev3.png) center no-repeat;
    left: 27%;
}

.list_box_08 .miso-next {
    background: url(../x_img/next3.png) center no-repeat;
    right: 27%;
}

.list_box_08 li.miso-center a:before {
    opacity: 0;
    visibility: hidden
}

.list_box_08 li.miso-center a:after {
    height: 5.625rem
}

.list_box_08 li.miso-center a .h5 {
    opacity: .6;
    visibility: visible
}

.container08 {
    padding: 6.25rem 0 0;
    overflow: hidden
}

.container08 .w1200 {
    max-width: 1790px
}

.list_box_09 {
    margin: 0 -4.5px;
    margin-bottom: 3.5rem
}

.list_box_09 li {
    float: left;
    width: 25%;
    padding: 0 4.5px;
    margin-bottom: 10px
}

.list_box_09 li a {
    display: block;
    position: relative;
    overflow: hidden
}

.list_box_09 li a .img .img_hezi {
    padding-bottom: 68.67% !important
}

.list_box_09 li a .con {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    padding: 0 1rem;
    transform: translateY(101%);
    transition: .5s
}

.list_box_09 li a .con .h5 {
    font-size: .9375rem;
    color: rgba(255, 255, 255, .7);
    line-height: 1.5rem;
    height: 3rem;
    transition: .5s;
    max-width: 16.25rem;
    display: inline-block;
    margin: 1.125rem 0 .75rem
}

.list_box_09 li a .con h6 {
    font-size: 15px;
    color: rgba(255, 255, 255, .7);
    line-height: 1.5rem;
    transition: .5s;
}

.list_box_09 li a .con h6 span {
    margin: 0 .75rem
}

.more002 {
    text-align: center
}

.more002 a {
    display: inline-block;
    width: 240px;
    height: 45px;
    line-height: 41px;
    text-align: center;
    border-radius: 4px;
    border: #f3f3f3 2px solid;
    font-size: 1rem;
    color: #7f7f7f;
    transition: .5s
}

.more002 a .ico {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 9px;
    margin-left: 1.625rem;
    overflow: hidden
}

.more002 a .ico:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../x_img/more002_ico1.png) center no-repeat;
    transition: .5s
}

.more002 a .ico:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../x_img/more002_ico1_on.png) center no-repeat;
    transform: translateY(120%);
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.container09 {
    padding: 6rem 0 0;
    overflow: hidden;
}

.container09 .title001 {
    text-align: left
}

.container09 .title001 p {
    display: inline-block;
    margin-left: 1.25rem
}

.container09 .miso_hd {
    text-align: right;
    margin: -5.5rem 0 4.75rem;
}

.container09 .miso_hd ul {
    display: inline-block;
    width: 250px;
}

.container09 .miso_hd ul li {
    padding: 0 5px
}

.container09 .miso_hd ul li a {
    display: block;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border: #d9e0e7 2px solid;
    border-radius: 4px;
    font-size: 15px;
    color: #4b4e55;
    cursor: pointer;
    transition: .5s
}

.container09 .miso_hd ul li.miso-current a {
    background: #ff7f31;
    border: #ff7f31 2px solid;
    color: #fff
}

.container09 .miso_bd .left {
    width: 62.42%
}

.container09 .miso_bd .right {
    width: calc(100% - 62.42%);
    padding: 0 0 0 .625rem
}

.list_box_10 {
    margin: 0 -7px
}

.list_box_10 li {
    float: left;
    width: 50%;
    padding: 0 7px
}

.list_box_10 li a .con {
    background: #fff;
    height: 15.125rem;
    padding: 0 2.375rem;
}

.list_box_10 li a .con h6 {
    line-height: 1.25
}

.list_box_10 li a .con h6 big {
    font-family: POPPINS-medium;
    font-size: 1.125rem;
    color: #ff7f31
}

.list_box_10 li a .con h6 span {
    float: right;
    color: rgba(44, 46, 48, .5);
    font-size: 15px;
    transition: .5s
}

.list_box_10 li a .con h6 span svg {
    width: 10px;
    height: 10px;
    fill: #666;
    transition: .5s;
    vertical-align: middle;
    margin: -3px 0 0 .5rem
}

.list_box_10 li a .con .h5 {
    font-size: 1rem;
    color: #2c2e30;
    line-height: 1.25;
    font-weight: bold;
    transition: .5s;
    margin: 2rem 0 1.25rem;
    white-space: nowrap;
}

.list_box_10 li a .con p {
    font-size: 15px;
    color: #80848a;
    line-height: 22px;
    height: 44px;
}


.container10 {
    padding: 8.75rem 0 30rem;
    overflow: hidden
}

.container10 .left {
    width: 32rem;
}

.container10 .left .h2 {
    font-size: 4.875rem;
    color: #89a0b4;
    line-height: .95;
    font-family: POPPINS-BOLD;
    text-transform: capitalize;
}

.container10 .left .h6 {
    font-size: 1rem;
    color: #333333;
    line-height: 1.25rem;
    opacity: .6;
    font-family: POPPINS-light;
    margin-bottom: 1.625rem;
    text-transform: uppercase;
}

.container10 .left .h5 {
    font-size: 1rem;
    color: #5b7183;
    letter-spacing: .25rem
}

.container10 .title002 {
    margin-bottom: 32px;
}

.title002 {
    margin-bottom: 32px;
}

.title002 h2 {
    font-size: 2rem;
    color: #333333;
    height: 4.375rem;
    position: relative
}

.title002 h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 2px;
    background: #459ae0
}

.container10 .right p {
    font-size: 15px;
    color: #6a757e;
    line-height: 1.5rem;
    margin-bottom: 1.5rem
}

.container10 .right {
    width: calc(100% - 32rem);
    padding-left: 10rem;
}

.more003 {
    text-align: center;
}

.more003 a {
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 4px;
    background: #e5f3ff;
    font-size: 15px;
    color: #474a4d;
    transition: .5s
}

.more003 a .ico {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 9px;
    margin-left: 1rem;
    overflow: hidden
}

.more003 a .ico:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../x_img/more002_ico1.png) center no-repeat;
    transition: .5s
}

.more003 a .ico:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../x_img/more002_ico1_on.png) center no-repeat;
    transform: translateY(120%);
    transition: .5s;
    opacity: 0;
    visibility: hidden
}


.list_box_11 {
    margin-bottom: -1px
}

.list_box_11 li {
    float: left;
    color: #bfbbbb;
    margin-left: 1.125rem;
    transition: .5s;
    height: 62px;
    position: relative
}

.list_box_11 li:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 3px;
    background: #fff;
    transition: .5s;
    bottom: -1px;
}

.miso_fx {
    margin-left: 1rem
}

.miso_fx li {
    margin-left: .5rem;
    float: left;
    position: relative
}

.miso_fx li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: rgba(255, 255, 255, .3) 1px solid;
    border-radius: 50%;
    text-align: center
}

.miso_fx li a img {
    transition: .5s;
    opacity: .4
}

.list_box_11_s li a .img, .list_box_11_s li a .img img {
    width: 11.25rem;
    height: 6.25rem;
    overflow: hidden
}

.list_box_11_s li {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: #d3d8dd 1px dotted;
}

.list_box_11_s li:last-child {
    border: none
}


.list_box_11_s li a .con {
    width: calc(100% - 11.25rem);
    padding: 1.75rem 0 0 1.125rem
}

.list_box_11_s li a .con h6 {
    font-size: .9375rem;
    color: #ff7f31;
    font-family: POPPINS-medium;
}

.list_box_11_s li a .con h5 {
    font-size: 1rem;
    color: #2c2e30;
    line-height: 1.25;
    margin: .625rem 0 0;
    transition: .5s
}

.miso_fx li .item {
    position: absolute;
    bottom: 85px;
    width: 100%;
    background-color: #6bbd4a;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.miso_fx li .search {
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    border: 8px solid #ff7f31;
}

.miso_fx li .search:before {
    content: "";
    position: absolute;
    left: 50%;
    border-left: transparent 6px solid;
    border-right: transparent 6px solid;
    border-top: #ff7f31 6px solid;
    bottom: -15px;
    margin-left: -6px;
    z-index: 10;
}

.miso_fx li .search img {
    margin: 0
}

.miso_fx li:hover .item {
    bottom: 64px;
    opacity: 1;
    visibility: visible;
}


/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_banner {
    height: 418px;
    text-align: center
}

.n_banner h3 {
    font-size: 2.3756rem;
    color: #fff;
    font-family: Poppins;
    text-transform: uppercase;
    opacity: .4;
    font-weight: bold
}

.n_banner h2 {
    font-size: 1.75rem;
    color: #fff;
    margin: 15px 0 0
}

.n_title {
    border-bottom: #f0f2f8 1px solid;
    padding: 0;
    position: relative;
}

.n_title .w1560 {
    position: relative
}

.n_title .w1200 {
    position: relative;
    height: 64px;
    width: 1280px;
    padding: 0;
}

.n_nav {
    position: relative;
}

.n_nav a {
    display: inline-block;
    height: 64px;
    font-size: 15px;
    float: left;
    line-height: 64px;
    color: #333333;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 3.5rem;
}

.n_nav a:first-child:after {
    display: none
}

.n_nav a strong {
    display: block;
    color: #444445;
    position: relative;
    z-index: 4;
    height: 64px;
    line-height: 64px;
    transition: 0.6s ease-in-out;
    font-weight: normal;
}

.n_nav a strong:before {
    content: "";
    position: absolute;
    background: url(../x_img/n_nav_bg.png) center no-repeat;
    width: 10px;
    height: 6px;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
}

.n_nav .on, .n_nav a:hover {
    color: #fff;
}

.n_nav a:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #ff7f31;
    transition: 0.6s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.n_nav .on:before, .n_nav a:hover:before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.n_nav .on strong, .n_nav a:hover strong {
}

.n_nav .on strong:before, .n_nav a:hover strong:before {
    opacity: 1;
    visibility: visible;
    transform: translateY(20px);
}

.position {
    line-height: 64px;
    left: 0;
    bottom: 0;
    color: #7b7b7d;
    padding-left: 26px;
    font-size: 15px;
    background: url(../x_img/home_icon.png) left 26px no-repeat;
}

.position span, .position a, .position i {
    font-size: 15px;
    color: #5a5a5a;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.position i {
    margin: 0px 8px;
    font-style: normal;
}

.position i img {
    vertical-align: middle;
    margin-top: -2px;
}

.position em {
    font-size: 15px;
    color: #fe8847;
    font-style: normal;
}

.position a:hover {
    color: #ff7f31;
}

.n_container {
    min-height: 1000px;
    padding-bottom: 30px;
}

.n_container .w1200 {
    width: 1280px;
    padding: 0;
}

.n_about {
    overflow: hidden
}

.n_about .fl01 {
    padding: 80px 0;
}

.n_about .fl01 .left {
    width: 400px;
}

.n_about .fl01 .left .h3 {
    font-size: 44px;
    color: #333333;
    font-weight: bold;
    font-family: POPPINS-SEMIBOLD;
    letter-spacing: -3.5px;
    margin-bottom: 15px;
}

.n_about .fl01 .left .h3 font {
    font-family: POPPINS-SEMIBOLD;
    color: #ff7f31;
    text-transform: capitalize
}

.n_about .fl01 .left h2 big {
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    margin-right: 15px
}

.n_about .fl01 .left h2 small {
    font-size: 28px;
    color: #333333;
    letter-spacing: 2px;
}

.n_about .fl01 .right {
    width: calc(100% - 400px);
    margin-bottom: 44px;
}

.n_about .fl01 .right h2 {
    font-size: 22px;
    color: #333333;
    margin-bottom: 24px;
}

@font-face {
    font-family: "webfont";
    font-display: swap;
    src: url('../font/webfont_rroxyq3kd6/webfont.eot'); /* IE9 */
    src: url('../font/webfont_rroxyq3kd6/webfont.eot?#iefix') format('../font/webfont_rroxyq3kd6/embedded-opentype'), /* IE6-IE8 */ url('../font/webfont_rroxyq3kd6/webfont.woff2') format('woff2'),
    url('../font/webfont_rroxyq3kd6/webfont.woff') format('woff'), /* chrome、firefox */ url('../font/webfont_rroxyq3kd6/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/webfont_rroxyq3kd6/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}

.web-font {
    font-family: "webfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.n_about .fl02 {
    background: url(../x_img/n_about_fl02_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 80px 0
}

.title003 {
    margin-bottom: 64px
}

.title003 .h3 {
    font-size: 28px;
    color: #373737;
    font-family: POPPINS-SEMIBOLD;
    letter-spacing: -1px;
    text-transform: capitalize
}

.title003 h2 {
    font-size: 24px;
    color: #373737;
    margin: 15px 0 0
}

.list_box_12 {
    margin: 0 -23px;
}

.list_box_12 li {
    float: left;
    width: 25%;
    padding: 0 23px;
}

.list_box_12 li a {
    display: block;
    width: 100%;
    height: 380px;
    background: rgba(255, 255, 255, .9);
    border-radius: 5px;
    text-align: center;
    padding: 48px 15px 0;
    position: relative;
    overflow: hidden
}

.list_box_12 li a .img, .list_box_12 li a .img img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden
}

.list_box_12 li a .con {
    padding: 18px 0 0;
}

.list_box_12 li a .con .h5 {
    font-size: 17px;
    color: #4f4f4f
}

.list_box_12 li a .con .h6 {
    font-size: 16px;
    color: #d4dce2;
    font-family: DINCond-Medium;
    margin-bottom: 34px;
    text-transform: uppercase;
    margin: 8px 0 35px;
}

.list_box_12 li a .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(101%);
    background: #ff7f31;
    border-radius: 5px;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.list_box_12 li a:hover .top {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.list_box_12 li a .top .h5 {
    font-size: 17px;
    color: #fff;
    margin: 16px 0 28px
}

.list_box_12 li a .top p {
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    padding: 0 36px;
}

.n_about .fl03 {
    background: url(../x_img/n_about_fl03_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 80px 0
}

.n_about .fl03 .content {
    background: url(../x_img/licheng_bg.png) center no-repeat;
    height: 466px;
}

.n_about .fl03 .title003 {
    position: relative
}

.miso_arrow1_box {
    position: absolute;
    right: 0;
    top: 0
}

.miso_arrow1_box .miso_arrow1 {
    width: 55px;
    height: 55px;
    display: inline-block;
    transition: .5s;
    cursor: pointer
}

.miso_arrow1_box .miso-prev1 {
    background: url(../x_img/prev6.png) center no-repeat;
}

.miso_arrow1_box .miso-next1 {
    background: url(../x_img/next6.png) center no-repeat;
    margin-left: 10px
}

.miso_arrow1_box .miso-prev1:hover {
    background: url(../x_img/prev6_on.png) center no-repeat;
}

.miso_arrow1_box .miso-next1:hover {
    background: url(../x_img/next6_on.png) center no-repeat;
}

.list_box_15 .miso-slide {
    height: 466px;
}

.list_box_15 .miso-list {
    padding: 0 15px;
    margin: 0 -15px
}

.list_box_15 li {
    width: 210px;
    position: absolute;
    height: 160px;
    border-left: #e2e2e2 1px solid
}

.list_box_15 li .con {
    position: relative;
    padding: 0 0 0 18px;
    display: inline-block;
}

.list_box_15 li .con:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border: #ff7f31 2px solid;
    border-radius: 50%;
    background: #fff;
    left: -6px;
    top: 0;
}

.list_box_15 li .con h3 {
    font-size: 28px;
    color: #ff7f31;
    font-family: Disney_English;
}

.list_box_15 li .con h4 {
    font-size: 18px;
    color: #373737;
    font-weight: bold;
    margin: 8px 0 0;
    line-height: 1.25;
}

.list_box_15 li:nth-child(1) {
    left: 0;
    top: 18px;
}

.list_box_15 li:nth-child(2) {
    left: 124px;
    top: 258px;
}

.list_box_15 li:nth-child(3) {
    left: 255px;
    top: 18px;
}

.list_box_15 li:nth-child(4) {
    left: 380px;
    top: 296px;
}

.list_box_15 li:nth-child(5) {
    left: 510px;
    top: 60px;
}

.list_box_15 li:nth-child(6) {
    left: 652px;
    top: 200px;
}

.list_box_15 li:nth-child(7) {
    left: 802px;
    top: 4px;
}

.list_box_15 li:nth-child(8) {
    left: 946px;
    top: 190px;
}

.list_box_15 li:nth-child(9) {
    left: 1095px;
    top: 25px;
}

.list_box_15 li:nth-child(2) .con:before {
    top: auto;
    bottom: 0
}

.list_box_15 li:nth-child(2) .con {
    position: absolute;
    bottom: 0
}

.list_box_15 li:nth-child(4) .con:before {
    top: auto;
    bottom: 0
}

.list_box_15 li:nth-child(4) .con {
    position: absolute;
    bottom: 0
}

.list_box_15 li:nth-child(6) .con:before {
    top: auto;
    bottom: 0
}

.list_box_15 li:nth-child(6) .con {
    position: absolute;
    bottom: 0
}

.list_box_15 li:nth-child(8) .con:before {
    top: auto;
    bottom: 0
}

.list_box_15 li:nth-child(8) .con {
    position: absolute;
    bottom: 0
}

.n_about .fl04 {
    background: #fff;
    padding: 80px 0
}

.n_about .fl04 .title003 p {
    font-size: 15px;
    color: #767676;
    line-height: 24px;
    margin: 24px 0 0
}

.list_box_13 {
    margin: 0 -26px;
}

.list_box_13 li {
    float: left;
    width: 25%;
    padding: 0 26px;
    text-align: center
}

.list_box_13 li a {
    display: block;
    background: #f0f0f0;
    border-radius: 140px;
    height: 396px;
    transition: .5s
}

.list_box_13 li a .h3 {
    height: 50px;
}

.list_box_13 li a .h3 img.img2 {
    display: none
}

.list_box_13 li a .h5 {
    font-size: 18px;
    color: #484848;
    transition: .5s
}

.list_box_13 li a .h6 {
    font-size: 16px;
    color: #858585;
    font-family: DINCond-Medium;
    margin-bottom: 34px;
    text-transform: uppercase;
    margin: 6px 0 30px;
    opacity: .6;
    transition: .5s
}

.list_box_13 li a dl dd {
    font-size: 15px;
    color: #6a6a6a;
    line-height: 28px;
    transition: .5s
}

.n_about .fl05 {
    background: url(../x_img/n_about_fl05_bg.jpg) center no-repeat;
    background-size: cover;
    height: 475px;
    background-attachment: fixed
}

.n_about .fl05 .title003 {
    text-align: center;
    margin-bottom: 0
}

.n_about .fl05 .title003 .h3 {
    color: #fff;
    opacity: .4;
    text-transform: uppercase
}

.n_about .fl05 .title003 h2 {
    color: #fff
}

.n_about .fl06 {
    padding: 60px 0 0
}

.list_box_14 {
    margin: 0 -20px;
}

.list_box_14 li {
    float: left;
    padding: 0 20px;
    width: 33.333333%;
    overflow: hidden;
    margin-bottom: 30px;
}

.list_box_14 li a {
    display: block;
}

.list_box_14 li .pic_box {
    width: 100%;
    height: 350px;
    padding: 0;
    background: #f0f0f0;
    text-align: center;
    transition: .5s;
    position: relative;
}

.list_box_14 li .pic_box:after {
    content: "";
    position: absolute;
    left: 3px;
    bottom: -55px;
    width: 15px;
    height: 2px;
    background: #ff7f31;
    transition: .5s;
}

.list_box_14 li:hover .pic_box {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.list_box_14 li img {
    max-width: 90%;
    max-height: 185px;
    display: inline-block;
}

.list_box_14 li h5 {
    display: block;
    text-align: left;
    font-size: 17px;
    color: #484848;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 2.25rem;
    padding: 0 3px;
    transition: .5s;
}

.list_box_14 .miso-arrow {
    width: 64px;
    height: 64px;
    background-size: 100% 100% !important;
    margin-top: -20px;
}

.list_box_14 .miso-prev {
    background: url(../x_img/prev4.png) center no-repeat;
    left: -80px;
}

.list_box_14 .miso-next {
    background: url(../x_img/next4.png) center no-repeat;
    right: -80px;
}

.list_box_n_case {
    padding: 0 .5px;
    margin-bottom: 40px;
}

.list_box_n_case li {
    float: left;
    width: 33.333333%;
    margin: -.5px
}

.list_box_n_case li a {
    display: block;
    padding: 68px 40px;
    border: #ededf0 1px solid
}

.list_box_n_case li a .h5 {
    font-size: 17px;
    color: #333333;
    font-weight: bold;
    transition: .5s;
    margin-bottom: 28px
}

.list_box_n_case li a p {
    font-size: 15px;
    color: #818283;
    line-height: 24px;
    height: 48px;
    margin: 24px 0 36px;
}

.list_box_n_case li a .img, .list_box_n_case li a .img img {
    display: inline-block;
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 8px;
}

.n_case {
    padding: 80px 0 0
}

/*====翻页====*/
.j_pages {
    padding: 0;
    overflow: hidden;
    text-align: center;
}

.j_pages .box {
    display: inherit;
    width: 100%;
    padding: 0;
    font-size: 0;
}

.j_pages a {
    padding: 0px .5rem;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    margin: 0 6px;
    color: #66635f;
    font-size: 15px;
    box-sizing: border-box;
    min-width: 40px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    border: #dfe1e4 1px solid;
    border-radius: 0;
}

.j_pages a.m_bnt {
    padding: 0 1rem
}

.j_pages a font {
    font-size: 15px;
    font-family: SimSun;
    color: #666666
}

.j_pages .on, .j_pages a:hover {
    color: #fff;
    background: #ff7f31;
    border: #ff7f31 1px solid;
}

.j_pages span {
}

.j_pages a.u_bnt {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s
}

.j_pages form {
    display: inline-block;
}

.j_pages span {
    display: inline-block;
    font-size: 015px;
    margin: 0 015px;
}

.j_pages form input {
    width: 2.75rem;
    height: 2.75rem;
    border: none;
    font-size: 1rem;
    color: #919191;
    margin: 0 0 0 10px;
    text-align: center;
    border-radius: 3px;
    border: rgba(0, 0, 0, 0.1) 1px solid;
    transition: .6s;
}

.j_pages form input[type="submit"] {
    width: 4rem;
    cursor: pointer;
}

.j_pages form input[type="submit"]:hover {
    background: #093269;
    color: #fff;
    border: #093269 1px solid;
}

.n_footer {
    background: url(../x_img/n_footer_bg.jpg) center bottom no-repeat;
    background-size: 100% auto
}

.list_box_n_news {
    margin: 0 -15px;
    margin-bottom: 25px
}

.list_box_n_news li {
    float: left;
    width: 33.333333%;
    padding: 0 15px;
    margin-bottom: 26px
}

.list_box_n_news li a .img, .list_box_n_news li a .img img {
    height: 228px;
}

.list_box_n_news li a .con {
    background: #f2f3f6;
    height: 265px;
    padding: 0 34px;
}

.list_box_n_news li a .con h6 {
    line-height: 1.25
}

.list_box_n_news li a .con h6 big {
    font-family: POPPINS-medium;
    font-size: 18px;
    color: #ff7f31
}

.list_box_n_news li a .con span {
    color: rgba(44, 46, 48, .5);
    font-size: 15px;
    transition: .5s;
    margin: 24px 0 0;
    display: inline-block;
    line-height: 35px;
    border-radius: 17.5px;
}

.list_box_n_news li a .con span svg {
    width: 10px;
    height: 10px;
    fill: #666;
    transition: .5s;
    vertical-align: middle;
    margin: -3px 0 0 .5rem
}

.list_box_n_news li a .con .h5 {
    font-size: 16px;
    color: #2c2e30;
    line-height: 1.25;
    font-weight: bold;
    transition: .5s;
    margin: 20px 0 20px
}

.list_box_n_news li a .con p {
    font-size: 15px;
    color: #80848a;
    line-height: 22px;
    height: 44px;
}

.n_news {
    padding: 60px 0 0
}

.n_contact .fl01 {
    padding: 60px 0 0
}

.n_contact .fl01 .left {
    width: 935px;
}

.n_contact .fl01 .left h3 {
    font-size: 22px;
    color: #393a3b;
}

.n_contact .fl01 .left h4 {
    font-size: 18px;
    color: #ff7f31;
    font-family: POPPINS-SEMIBOLD;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 20px
}

.n_contact .fl01 .left p {
    font-size: 15px;
    color: #767676;
    line-height: 26px;
}

.n_contact .fl01 .left h2 {
    font-size: 26px;
    color: #ff7f31;
    font-family: POPPINS-BOLD;
    margin: 34px 0 0
}

.n_contact .fl01 .left h6 {
    font-size: 15px;
    color: #767676;
}

.n_contact .fl01 .right {
    padding: 18px 0 0
}

.n_contact .fl01 .right h5 {
    font-size: 15px;
    color: #6b6b6b
}

.n_contact .fl01 .right .img {
    border: #f1f1f1 5px solid;
    margin: 15px 0 0
}

.n_contact .fl01 .right .img img {
    width: 106px;
    height: 106px;
}

.n_contact .fl02 {
    padding: 40px 0 70px
}

#miso_map {
    height: 404px;
    border: #f1f1f1 1px solid
}

.n_contact .fl03 {
    padding: 80px 0 0;
    background: url(../x_img/n_contact_fl03_bg.png) center bottom no-repeat
}

.n_contact .fl03 .title003 {
    text-align: center
}

.n_contact .fl03 .title003 .h3 {
    font-size: 32px;
    color: #ff7f31;
    text-transform: uppercase
}

.n_contact .fl03 .title00 h2 {
    font-size: 26px
}

.n_contact .fl03 .content {
    margin: 0px -15px;
    font-size: 0;
}

.n_contact .fl03 .content .box {
    display: inline-block;
    width: 33.333333%;
    padding: 0 15px;
    font-size: 15px;
    vertical-align: top;
}

.n_contact .fl03 .content .box .box_li {
    margin-bottom: 1.25rem;
}

.n_contact .fl03 .content .box .box_li h4 {
    font-size: 15px;
    color: #4f4f4f;
    margin-bottom: 8px
}

.n_contact .fl03 .content .box .box_li .input {
    position: relative
}

.n_contact .fl03 .content .box .box_li .input input {
    height: 65px;
    padding: 0 22px;
    width: 100%;
    color: #333;
    background: #fff;
    font-size: 15px;
    border: #e8e8e8 1px solid;
    border-radius: 5px;
}

.n_contact .fl03 .content .box .box_li .textarea textarea {
    height: 150px;
    line-height: 48px;
    padding: 6px 22px;
    width: 100%;
    color: #333;
    border-radius: 4px;
    font-size: 15px;
    background: #fff;
    font-size: 15px;
    border: #e8e8e8 1px solid;
    border-radius: 5px;
}

.n_contact .fl03 .content .box .box_li .input .button1 {
    height: 65px;
    background: #ff7f31;
    border-radius: 5px;
    padding: 0 15px;
    width: 4.875rem;
    border: none;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: 0.6s;
}

.n_contact .fl03 .content .box .box_li .textarea textarea::-webkit-input-placeholder {
    color: #636363
}

.n_contact .fl03 .content .box .box_li .textarea textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #636363;
}

.n_contact .fl03 .content .box .box_li .textarea textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #636363
}

.n_contact .fl03 .content .box .box_li .textarea textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #636363
}

.n_contact .fl03 .content .box .box_li .input input::-webkit-input-placeholder {
    color: #636363
}

.n_contact .fl03 .content .box .box_li .input input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #636363;
}

.n_contact .fl03 .content .box .box_li .input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #636363
}

.n_contact .fl03 .content .box .box_li .input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #636363
}

.n_contact .fl03 .content .box .box_li .input button:hover {
    background: #0d6fb8;
}

.n_jidi_detail .fl01 {
    padding: 80px 0 0
}

.n_jidi_detail .fl01 .title003 .h3 {
    color: #4c4d4e;
    line-height: 30px
}

.n_jidi_detail .fl01 .title003 h2 {
    font-size: 22px;
    color: #464646;
    margin: 20px 0 0
}

.n_jidi_detail .fl01 h6 {
    font-size: 15px;
    color: #757575;
    line-height: 28px;
}

.n_jidi_detail .fl01 h6 img {
    margin: -3px 6px 0 0
}


.n_jidi_detail .fl02 {
    margin: 48px 0 0
}

.n_news_detail .content {
    display: flex;
}

.n_news_detail .left {
    width: calc(100% - 385px);
    padding: 0 58px 0 0;
}

.top_jianbian {
    background-image: -moz-linear-gradient(-90deg, rgb(255, 127, 49) 0%, rgb(251, 208, 183) 99%);
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 127, 49) 0%, rgb(251, 208, 183) 99%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 127, 49) 0%, rgb(251, 208, 183) 99%);
    min-height: 120px;
    padding: 40px;
    margin-bottom: 22px;
}

.top_jianbian.on {
    display: none
}

.ar_article .top_jianbian p {
    color: #fff
}

/*新闻详情*/
.n_news_detail {
    padding: 0;
}

.n_news_detail .ar_title {
    margin-bottom: 60px;
    border-bottom: #e7eaed 1px solid;
    padding: 0 0 24px;
}

.n_news_detail .ar_title h3 {
    font-size: 32px;
    color: #303030;
    line-height: 1.5;
    margin-bottom: 26px;
}


.n_news_detail .ar_title h6 span {
    position: relative;
    font-size: 15px;
    color: #767676;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    margin-right: 30px;
    vertical-align: top;
}

.n_news_detail .ar_title h6 span img {
    margin: -3px 0.45rem 0 0
}

.n_news_detail .ar_title h6 {
    position: relative;
}

.n_news_detail .ar_title h6:before {
    content: "";
    position: absolute;
    bottom: -3px;
    width: 6.25rem;
    height: 3px;
    background: #ff9637;
    display: none;
}

.n_news_detail .ar_title h6 span svg {
    width: 18px;
    height: 18px;
    fill: #808080;
    margin-right: .5rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.n_news_detail .ar_title h6 span.shart_box svg {
    width: 26px;
    height: 26px;
    fill: #808080
}

.fenxiang_box {
    display: inline-block;
}

.fenxiang_box:hover .social-share {
    opacity: 1;
    visibility: visible
}

.shart_box {
    display: inline-block;
    cursor: pointer
}

@font-face {
    font-family: "socialshare";
    src: url("../fonts/iconfont.eot");
    src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg")
}

.social-share {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0;
    transition: .5s;
}

.social-share * {
    font-family: "socialshare" !important
}

.social-share .icon-tencent:before {
    content: "\f07a"
}

.social-share .icon-qq:before {
    content: "\f11a"
}

.social-share .icon-weibo:before {
    content: "\f12a"
}

.social-share .icon-wechat:before {
    content: "\f09a"
}

.social-share .icon-douban:before {
    content: "\f10a"
}

.social-share .icon-heart:before {
    content: "\f20a"
}

.social-share .icon-like:before {
    content: "\f00a"
}

.social-share .icon-qzone:before {
    content: "\f08a"
}

.social-share .icon-linkedin:before {
    content: "\f01a"
}

.social-share .icon-diandian:before {
    content: "\f05a"
}

.social-share .icon-facebook:before {
    content: "\f03a"
}

.social-share .icon-google:before {
    content: "\f04a"
}

.social-share .icon-twitter:before {
    content: "\f06a"
}

.social-share a {
    position: relative;
    text-decoration: none;
    margin: 0 0 0 15px;
    display: inline-block;
    outline: none;
}

.social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 38px;
    border: none;
    color: #ababab;
    text-align: center;
    vertical-align: top;
    transition: background 0.6s ease-out 0s;
    transition: .6s;
    font-size: 16px;
    border: #e1e1e1 1px solid !important;
}

.social-share .social-share-icon:hover {
    background: none !important;
    color: #ff7f31;
    border: #ff7f31 1px solid !important;
}

.social-share .icon-weibo {
    border-color: #ff763b;
}

.social-share .icon-weibo:hover {
    background: #ff763b
}

.social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-tencent:hover {
    background: #56b6e7
}

.social-share .icon-qq {
    border-color: #56b6e7;
}

.social-share .icon-qq:hover {
    background: #56b6e7
}

.social-share .icon-qzone {
    border-color: #FDBE3D;
}

.social-share .icon-qzone:hover {
    background: #FDBE3D
}

.social-share .icon-douban {
    color: #33b045;
    border-color: #33b045
}

.social-share .icon-douban:hover {
    background: #33b045
}

.social-share .icon-linkedin {
    border-color: #0077B5;
}

.social-share .icon-linkedin:hover {
    background: #0077B5
}

.social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D
}

.social-share .icon-facebook:hover {
    background: #44619D
}

.social-share .icon-google {
    color: #db4437;
    border-color: #db4437
}

.social-share .icon-google:hover {
    background: #db4437
}

.social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee
}

.social-share .icon-twitter:hover {
    background: #55acee
}

.social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA
}

.social-share .icon-diandian:hover {
    background: #307DCA
}

.social-share .icon-wechat {
    position: relative;
    border-color: #7bc549;
}

.social-share .icon-wechat:hover {
    background: #7bc549
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -78px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 15px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -15px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}

.n_news_detail {
    padding: 60px 0 0;
}

.n_news00 .right {
    width: 385px;
    display: table-cell;
}

.n_news00 .right .sticky {
    position: sticky;
    top: 120px;
}

.n_news00 .right .right_box {
    background: #fff;
    padding: 50px 35px 30px;
}

.n_news00 .right h3 {
    font-size: 22px;
    color: #242930;
    margin-bottom: 20px;
}

.n_news00 .right .fl01 {
    margin-bottom: 0;
}

.n_news00 .right .fl01 form {
    border: #eeeeee 1px solid;
    height: 55px;
    line-height: 53px;
    background: none;
}

.n_news00 .right .fl01 form .txt {
    width: calc(100% - 60px);
    height: 53px;
    border: none;
    float: left;
    padding: 0 20px;
    font-size: 15px;
    color: #777a7d;
    border-radius: 4px 0 0 4px;
    font-family: PingFang;
    background: none;
}

.n_news00 .right .fl01 form .btn {
    width: 60px;
    float: right;
    border: 0;
    background: none;
    color: #fff;
    height: 53px;
    font-size: 15px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: .3s;
}

.n_erji ul li {
    border-bottom: #eeeeee 1px solid;
    height: 60px;
    line-height: 60px;
}

.n_erji ul li a {
    font-size: 18px;
    color: #777a7d;
    font-family: PingFang;
    display: block;
    position: relative;
    padding-left: 16px;
    transition: 0.6s
}

.n_erji ul li a:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #d7d8d9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    transition: 0.6s
}

.n_news00 .right .n_erji h3 {
    margin-bottom: 1rem
}

.n_erji ul li.on a {
    color: #242930;
}

.n_erji ul li.on a:before {
    background: #242930
}

.n_news00 .right .fl03 {
    margin-top: 40px;
}

.n_news00 .right .fl03 ul {
    margin-top: -10px
}

.n_news00 .right .fl03 ul li {
    border-bottom: #eeeeee 1px solid;
    padding: 20px 0;
}

.n_news00 .right .fl03 ul li:last-child {
    border: none;
    margin-bottom: 0;
}

.n_news00 .right .fl03 ul li a {
    display: block;
    overflow: hidden
}

.n_news00 .right .fl03 ul li a .img, .n_news00 .right .fl03 ul li a .img img {
    width: 144px;
    height: 80px;
    overflow: hidden;
    float: left;
    object-fit: cover;
}

.n_news00 .right .fl03 ul li a .con {
    width: calc(100% - 144px);
    overflow: hidden;
    float: right;
    padding-left: 1rem;
    padding-top: 0.5rem;
}

.n_news00 .right .fl03 ul li a .con .time svg {
    display: inline-block;
    width: 15px;
    height: 15px;
    fill: #adadad;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}

.n_news00 .right .fl03 ul li a .con .time {
    font-size: 15px;
    color: #2f343d;
    margin-bottom: 10px;
    font-family: Roboto;
}

.n_news00 .right .fl03 ul li a .con h4 {
    font-size: 15px;
    color: #2f343d;
    height: 46px;
    line-height: 23px;
    overflow: hidden;
    font-family: PingFang;
    transition: 0.6s;
}

.n_news00 .right .fl04 ul li a .img, .n_news00 .right .fl04 ul li a .img img {
    width: 144px;
    height: 95px;
    overflow: hidden;
    float: left;
    object-fit: cover;
}

.n_news00 .right .fl04 ul li a h5 {
    font-size: 15px;
    color: #3a3a3a;
    font-weight: bold;
    line-height: 1.25;
    margin: .5rem 0;
    transition: .5s
}

.n_news00 .right .fl04 ul li a .con h4 {
    font-size: 15px;
    color: #8f8f8f;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-family: PingFang;
    transition: 0.6s;
}

.fanhui {
    text-align: center;
    margin: 54px 0 0
}

.fanhui a {
    display: inline-block;
    width: 165px;
    height: 52px;
    line-height: 52px;
    background: #ff7f31;
    border-radius: 26px;
    font-size: 15px;
    color: #fff;
    transition: .5s
}

.fanhui a img {
    margin: -3px 10px 0 0
}

.n_prodct_detail {
    padding: 100px 0 0
}

.n_prodct_detail .content {
    display: flex;
}

.n_prodct_detail .left {
    width: calc(100% - 665px);
    padding-right: 80px;
    display: table-cell;
}

.n_prodct_detail .right {
    width: 665px;
    display: table-cell;
}

.n_prodct_detail .left .sticky {
    position: sticky;
    top: 120px;
}

.n_prodct_detail .left .social-share {
    margin-bottom: 40px
}

.n_prodct_detail .left .social-share .social-share-icon {
    margin: 0 10px 0 0
}

.n_prodct_detail .left .title003 {
    margin-bottom: 24px
}

.n_news00 .left a.fangan {
    display: inline-block;
    width: 152px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ff7f31;
    border-radius: 25px;
    font-size: 15px;
    color: #fff;
    margin: 0px 0 0;
    transition: .5s;
}

.fangan_tc {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 10000;
    display: none
}

.fangan_tc .bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}

.fangan_tc .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fangan_tc_box {
    background: #ffffff;
    border-radius: 5px;
    width: 700px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-bottom: 46px;
}

.fangan_tc_box .close {
    position: absolute;
    top: -35px;
    right: -35px;
    cursor: pointer;
    transition: .5s
}

.fangan_tc_box .close:hover {
    transform: rotate(180deg)
}

.fangan_tc_box .tit {
    position: relative;
    top: -60px;
    margin-bottom: -28px;
}

.fangan_tc_box .content {
    padding: 0 122px
}

.fangan_tc_box .content .box {
    display: inline-block;
    width: 100%;
    padding: 0;
    font-size: 15px;
}

.fangan_tc_box .content .box .box_li {
    margin-bottom: 16px;
    height: 60px;
}

.fangan_tc_box .content .box .box_li .input {
    position: relative
}

.fangan_tc_box .content .box .box_li .input input {
    height: 60px;
    padding: 0 22px;
    width: 100%;
    color: #333;
    background: #efefef;
    font-size: 15px;
    border-radius: 30px;
}

.fangan_tc_box .content .box .box_li .input button {
    height: 60px;
    background: #ff7f31;
    border-radius: 30px;
    padding: 0 15px;
    width: 100%;
    border: none;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: 0.6s;
}

.fangan_tc_box .content .box .box_li .input input::-webkit-input-placeholder {
    color: #636363
}

.fangan_tc_box .content .box .box_li .input input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #636363;
}

.fangan_tc_box .content .box .box_li .input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #636363
}

.fangan_tc_box .content .box .box_li .input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #636363
}

.fangan_tc_box .content .box .box_li .input button:hover {
    background: #d25f19;
}

.fangan_tc_box .content .box.box_yzm .box_li .input {
    width: 270px;
    float: left;
}

.fangan_tc_yzm {
    display: inline-block;
    width: 175px;
    height: 60px;
    background: #ff7f31;
    border-radius: 30px;
    line-height: 60px;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    transition: .5s;
}

.fangan_tc_box .content .box.box_yzm {
    margin-bottom: 10px
}

.fangan_tc_yzm:hover, .n_prodct_detail .left a.fangan:hover {
    background: #d25f19;
}

/*====师资团队====*/
.n_team {
    padding: 80px 0 0
}

.n_team ul {
    overflow: hidden;
    margin: 0 -17px;
    margin-bottom: 28px;
}

.n_team ul li {
    float: left;
    width: 25%;
    padding: 0 17px;
    margin-bottom: 30px;
}

.n_team ul li a {
    width: 100%;
    background-color: #f3f6f8;
    border: #eaedef 1px solid;
    display: block;
    padding: 10px;
    transition: .5s
}

.n_team ul li .img {
    margin: 0;
    overflow: hidden;
}

.n_team ul li .img, .n_team ul li .img img {
    width: 100%;
    height: 273px;
}

.n_team ul li .con {
    width: 100%;
    padding: 22px 8px;
}

.n_team ul li .con h5 {
    font-size: 18px;
    color: #4a4a4b;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: .5s;
}

.n_team ul li .con h5 small {
    font-size: 15px;
    color: #7d7d7e;
    font-weight: normal;
    transition: .5s;
}

.n_team ul li .con p {
    font-size: 15px;
    color: #7d7d7e;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    transition: .5s;
}

/*==========================================j_弹窗=============================================*/
#page_show_box {
    position: fixed;
    z-index: 9995;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
}

#page_show_box .bg_box {
    position: fixed;
    z-index: 9994;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');
    background: rgba(0, 0, 0, 0.7);
}

#page_show_box .box {
    position: absolute;
    width: 936px;
    height: 440px;
    top: 50%;
    z-index: 9999;
    left: 50%;
    margin-left: -468px;
    margin-top: -205px;
}

#bnt_close {
    display: block;
    width: 63px;
    height: 63px;
    position: absolute;
    bottom: -31.5px;
    left: 50%;
    margin-left: -31.5px;
}

#bnt_close img {
    width: 63px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    -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;
}

#bnt_close:hover img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

#page_show_box #page_ar {
    position: relative;
}

#page_show_box #page_ar .ar_box {
    border-radius: 30px;
    width: 936px;
    height: 550px;
    padding: 30px 40px;
    background: #ff7f31;
    position: relative;
    box-sizing: border-box;
    border: #fff 5px solid;
}

#page_show_box #page_ar .ar_box .p {
    line-height: 30px;
    font-size: 15px;
    color: #686a6a;
    max-height: 540px;
    text-align: justify;
    overflow: hidden;
}

#page_show_box #page_ar .ar_box .title {
    font-size: 18px;
    color: #686a6a;
    display: block;
    margin-bottom: 10px;
}

#page_show_box #page_ar #ar_content {
    height: 90px;
    overflow: hidden;
}

#show_team .left {
    float: left;
}

#show_team .right {
}

#n_team li .team_article {
    font-size: 15px;
    color: #777;
    display: none;
}

#show_team {
    display: block;
}

#show_team .team_article {
    display: block;
}

#show_team .left {
    width: 846px;
    height: 96px;
    float: left;
    text-align: center;
}

#show_team .left img {
    position: absolute;
    left: 50%;
    margin-left: -91px;
    z-index: 1;
    width: 215px;
    height: 215px;
    margin-top: -134px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#show_team .left .img {
    width: auto;
    height: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 224px;
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -96px;
    z-index: 0;
}

#show_team .right {
    width: 100%;
    float: left;
}

#show_team .right h1 {
    display: block;
    font-size: 15px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

#show_team .right h1 span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#show_team .right h2 {
    padding-top: 20px;
    margin-bottom: 6px;
    font-size: 15px;
    color: #213a7d;
}

#show_team .right .ar_article p {
    color: #fff;
    line-height: 25px;
    margin-bottom: 18px;
}

#show_team .jj_scoll {
    position: relative;
    overflow: scroll;
    overflow-x: hidden;
}

#show_team .right .peo_name h3 {
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 25px;
}

#show_team .right .peo_name h3 font {
    margin-right: 10px
}

#show_team .right .peo_name hr {
    margin: 15px 0 20px !important;
    background: rgba(255, 255, 255, .2);
}

/*======================j_弹窗======================*/

#page_show_video_box {
    position: fixed;
    z-index: 9995;
    top: -1800px;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
}

#page_show_video_box .bg_box {
    position: fixed;
    z-index: 9994;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');
    background: rgba(0, 0, 0, 0.7);
}

#page_show_video_box .box {
    position: absolute;
    top: 50%;
    z-index: 9999;
    left: 50%;
    margin-left: -405px;
}

#page_video {
    width: 796px;
    height: 4.875rem;
    position: relative;
}

#page_video .video_box {
    border: 5px solid #7c9e47;
    width: 716px;
    height: 405px;
    overflow: hidden;
}

#page_show_video_box #j_video {
    background: url(../x_img/j_loading.gif) center 200px no-repeat;
    height: 405px;
    width: 716px;
    background-size: 100px 100px;
}

#page_show_video_box .info {
    padding: 15px 25px 15px 25px;
    width: 676px;
    background: #7c9e47;
}

#page_show_video_box .info h1.title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

#page_show_video_box .info p {
    line-height: 24px;
    overflow: hidden;
    font-size: 15px;
    color: #fff;
    padding-bottom: 15px
}

#page_show_video_box .info p.last {
    padding-bottom: 0;
}

#page_show_video_box #playercontainer {
    display: none;
}

#page_show_video_box #page_ar {
    width: 810px;
    position: relative;
}

#page_show_video_box #page_ar .ar_box {
    border: 5px solid #7c9e47;
    width: 730px;
    padding: 40px 0;
    background: #fff;
    position: relative;
}

#page_show_video_box #page_ar .ar_box .ar_article {
    padding: 0px 35px;
    height: 540px;
}

.j_div_scoll {
    height: 278px !important;
}

.n_jidi {
    padding: 70px 0 0
}

.list_box_n_jidi li {
    margin-bottom: 110px;
}

.list_box_n_jidi li a {
    position: relative;
    display: block;
    z-index: 1
}

.list_box_n_jidi li a:before {
    content: "";
    position: absolute;
    width: 1078px;
    height: 445px;
    background: #f2f2f2;
    right: 0;
    top: 50px;
    z-index: -1
}

.list_box_n_jidi li .left {
    width: 680px;
    position: relative;
    padding-bottom: 55px;
}

.list_box_n_jidi li .left:before {
    content: "";
    position: absolute;
    background: url(../x_img/list_box_n_jidi_tiao1.png) center no-repeat;
    height: 15px;
    left: 0;
    bottom: 0;
    width: 100%;
}

.list_box_n_jidi li .left .img {
    position: relative
}

.list_box_n_jidi li .left .img .img_hezi {
    padding-bottom: 400px !important;
}

.list_box_n_jidi li .con {
    width: calc(100% - 680px);
    padding: 90px 60px 0;
    height: 400px;
}

.list_box_n_jidi li .con h5 {
    font-size: 26px;
    color: #333333
}

.list_box_n_jidi li .con .biaoqian {
    font-size: 0;
    margin: 20px 0 10px;
}

.list_box_n_jidi li .con .biaoqian span {
    display: inline-block;
    padding: 0 5px;
    border-radius: 5px;
    line-height: 18px;
    height: 20px;
    font-size: 15px;
    margin-right: 15px;
    margin-bottom: 8px;
}

.list_box_n_jidi li .con h6 {
    font-size: 15px;
    color: #484848;
    line-height: 28px;
}

.list_box_n_jidi li .con h6 img {
    margin: -3px 10px 0 0
}

.list_box_n_jidi li .con dl {
    font-size: 0;
    margin: 15px 0 30px;
    margin-left: -15px;
}

.list_box_n_jidi li .con dl dd {
    display: inline-block;
    min-width: 60px;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
}

.list_box_n_jidi li .con dl dd .close img {
    transition: .6s
}

.list_box_n_jidi li .con dl dd .h6 {
    font-size: 15px;
    color: #6b6b6b;
    line-height: 20px;
    margin: 4px 0 0
}

.more004 .a {
    width: 125px;
    height: 40px;
    line-height: 40px;
    background: #ff7f31;
    border-radius: 20px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    transition: .5s
}

.list_box_n_jidi li .con .biaoqian span.color1 {
    border: #38ba96 1px solid !important;
    color: #38ba96 !important
}

.list_box_n_jidi li .con .biaoqian span.color2 {
    border: #e5871c 1px solid !important;
    color: #e5871c !important
}

.list_box_n_jidi li .con .biaoqian span.color3 {
    border: #db5e32 1px solid !important;
    color: #db5e32 !important
}

.list_box_n_jidi li .con .biaoqian span.color4 {
    border: #3b86bc 1px solid !important;
    color: #3b86bc !important
}

.list_box_n_jidi li .con .biaoqian span.color5 {
    border: #f1b145 1px solid !important;
    color: #f1b145 !important
}

.list_box_n_jidi li .con .biaoqian span.color6 {
    border: #6cae5b 1px solid !important;
    color: #6cae5b !important
}

.list_box_n_jidi li .con .biaoqian span.color7 {
    border: #dd6060 1px solid !important;
    color: #dd6060 !important
}

.list_box_n_jidi li .con .biaoqian span.color8 {
    border: #45a2f1 1px solid !important;
    color: #45a2f1 !important
}

.list_box_n_jidi li .con .biaoqian span.color9 {
    border: #7d73e0 1px solid !important;
    color: #7d73e0 !important
}

.list_box_n_jidi li .con .biaoqian span.color10 {
    border: #ed8241 1px solid !important;
    color: #ed8241 !important
}

.list_box_n_jidi li .con dl dd .close {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%
}

.list_box_n_jidi li .con dl dd .close.color1 {
    background: #38ba96
}

.list_box_n_jidi li .con dl dd .close.color2 {
    background: #e5871c
}

.list_box_n_jidi li .con dl dd .close.color3 {
    background: #db5e32
}

.list_box_n_jidi li .con dl dd .close.color4 {
    background: #3b86bc
}

.list_box_n_jidi li .con dl dd .close.color5 {
    background: #f1b145
}

.list_box_n_jidi li .con dl dd .close.color6 {
    background: #6cae5b
}

.list_box_n_jidi li .con dl dd .close.color7 {
    background: #dd6060
}

.list_box_n_jidi li .con dl dd .close.color8 {
    background: #45a2f1
}

.list_box_n_jidi li .con dl dd .close.color9 {
    background: #7d73e0
}

.list_box_n_jidi li .con dl dd .close.color10 {
    background: #ed8241
}

.list_box_n_jidi li:nth-child(2n) .left {
    float: right
}

.list_box_n_jidi li:nth-child(2n) .right {
    float: left
}

.list_box_n_jidi li:nth-child(2n) a:before {
    left: 0
}

.list_box_n_jidi li:nth-child(2n) .left:before {
    background: url(../x_img/list_box_n_jidi_tiao2.png) center no-repeat;
}

.list_box_n_jidi li .con dl dd:hover .close img {
    transform: rotateY(180deg)
}

.list_box_n_sanji {
    padding: 70px 0 50px;
}

.list_box_n_sanji li {
    float: left;
    width: 20%
}

.list_box_n_sanji li a {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 -.5px;
    z-index: 1
}

.list_box_n_sanji li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #ff7f31;
    transition: .5s;
    z-index: -1
}

.list_box_n_sanji li a:after {
    content: "";
    position: absolute;
    top: 100%;
    border-right: transparent 7px solid;
    border-left: transparent 7px solid;
    border-top: #ff7f31 0 solid;
    transition: .5s;
}

.list_box_n_sanji li a .top {
    height: 125px;
    border: #e5e5e5 1px solid;
    transition: .5s;
}

.list_box_n_sanji li a .top .ico {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    position: relative;
    overflow: hidden
}

.list_box_n_sanji li a .top .ico .ico0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .5s
}

.list_box_n_sanji li a .top .ico .ico2 {
    transform: translateX(-100%);
}

.list_box_n_sanji li a .top .ico .ico0 img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block
}

.list_box_n_sanji li a .top .con h5 {
    font-size: 16px;
    color: #3c3c3c;
    transition: .5s;
    line-height: 1.25
}

.list_box_n_sanji li.on a:before {
    height: 100%
}

.list_box_n_sanji li.on a .top .ico .ico1 {
    transform: translateX(100%);
}

.list_box_n_sanji li.on a .top .ico .ico2 {
    transform: translateX(0);
}

.list_box_n_sanji li.on a .top .con h5 {
    color: #fff
}

.list_box_n_sanji li.on a .top {
    border: #ff7f31 1px solid
}

.list_box_n_sanji li.on a:after {
    border-top: #ff7f31 8px solid;
}

.n_product .content {
    display: flex;
}

.n_product .left {
    width: calc(100% - 385px);
    padding: 0 58px 0 0;
}

.list_box_n_product li {
    margin-bottom: 54px
}

.list_box_n_product li a {
    display: block;
    position: relative;
    background: #ffffff;
    z-index: 1;
}

.list_box_n_product li a:before {
    content: "";
    position: absolute;
    background: url(../x_img/n_product_tiao.png) right center no-repeat;
    height: 15px;
    bottom: -8px;
    left: 0;
    right: 42px;
    z-index: -1;
}

.list_box_n_product li a .img {
    width: 64%;
    overflow: hidden;
}

.list_box_n_product li a .img:after {
    content: "";
    position: absolute;
    right: calc(100% - 530px);
    border-right: rgba(255, 255, 255, 1) 86px solid;
    border-top: transparent 340px solid;
    border-bottom: transparent 0 solid;
    z-index: 1;
    top: 0;
}

.list_box_n_product li a .img .img_hezi {
    padding-bottom: 340px !important
}

.list_box_n_product li a .con {
    width: calc(100% - 530px);
    height: 340px;
    padding: 0 22px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    right: 0;
}

.list_box_n_product li a .con h5 {
    font-size: 22px;
    color: #333333;
    transition: .5s;
    line-height: 1.25;
    margin-bottom: 20px;
}

.list_box_n_product li a .con dl {
    display: flex;
    font-size: 15px;
    color: #8f8f8f;
    line-height: 22px;
}

.list_box_n_product li a .con dl dt {
    white-space: nowrap;
}

.more005 .a {
    display: inline-block;
    width: 125px;
    height: 40px;
    line-height: 38px;
    border-radius: 20px;
    border: #dbdbdb 1px solid;
    text-align: center;
    font-size: 15px;
    color: #747474;
    margin: 40px 0 0;
    transition: .5s
}

.n_news_detail1 .social-share a {
    margin: 0 15px 0 0
}

.list_box_21 {
    margin: -5rem -7px 2rem;
    padding: 5rem 0 0 !important;
}

.list_box_21 li {
    padding: 0 7px;
    width: 100%;
    display: inline-block;
    float: inherit;
    margin-right: 0 !important;
}

.list_box_21 li img {
    height: 24.625rem;
}

.list_box_21 .swiper-button-prev:after, .list_box_21 .swiper-button-next:after {
    display: none
}

.list_box_21 .swiper-button-prev, .list_box_21 .swiper-button-next {
    width: 2.75rem;
    height: 2.75rem;
    background-size: 100% 100%;
    top: 0;
    transform: translateY(0);
    margin: 0;
}

.list_box_21 .swiper-button-prev {
    background: url(../x_img/prev2.png) center no-repeat;
    left: auto;
    right: 4rem;
}

.list_box_21 .swiper-button-next {
    background: url(../x_img/next2.png) center no-repeat;
    right: 0
}

.n_contact .fl03 .content .box .box_li .input .input-group {
    display: block;
    position: relative;
    height: 100%;
}

.n_contact .fl03 .content .box .box_li .input .input-group input {
    width: 100% !important
}

.n_contact .fl03 .content .box .box_li .input .input-group .input-group-btn {
    position: absolute;
    right: 15px;
    height: 100%;
}

.n_contact .fl03 .content .box .box_li .input .input-group .input-group-btn button {
    height: 65px;
    border: none;
    background: none;
}

.n_contact .fl03 .content .box .box_li .input .input-group .input-group-btn button i {
    color: #6b6b6b;
    font-size: 20px;
}

.n_news_detail .content .list_box_21 {
    margin: 0 -7px 2rem;
    padding: 0 !important;
}

.n_news_detail .content .list_box_21 li {
    margin-left: 0;
    margin-bottom: 50px !important
}

.n_news_detail .content .list_box_21 li h3 {
    padding: 4px;
    background: #fff;
    margin-bottom: 15px !important
}

.n_news_detail .content .list_box_21 li img {
    height: auto;
    width: 100%;
}

.n_news_detail .content .list_box_21 li h6 {
    margin: 0;
    padding: 0;
    display: block;
    vertical-align: top;
    overflow: hidden;
}

.n_news_detail .content .list_box_21 li h6 img {
    vertical-align: top;
    float: left;
}

.list_box_21 li:nth-child(2n) h6 {
    transform: rotateY(180deg)
}

/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/