@font-face {
    font-family: hye1gj;
    src: url('hye1gj.ttf')
}

@font-face {
    font-family: fzxstft;
    src: url('fzxstft.ttf')
}

body, input, h1, h2, h3, h4, h5, h6, p, textarea, table, div, ul, li, select, td, th, em, span, i, button, a {
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: inherit;
    font-family: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Source Han Sans CN", "Noto Sans CJK SC", sans-serif;
}

img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    object-fit: cover;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

:focus {
    outline: none !important;
    border-color: inherit;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

h3, h4, h5, h6 {
    font-weight: normal;
}

em, i {
    font-style: normal;
}

* {
    box-sizing: border-box;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
}

input[type="button"] {
    border: none;
}

textarea {
    -webkit-appearance: none;
}

.auto {
    width: 1200px;
    margin: 0 auto;
}

.img_hover_wrap {
    overflow: hidden;
}

.img_hover {
    transition: all .3s;
}

.img_hover:hover {
    transform: scale(1.05, 1.05);
}

.img_traslate {
    transition: all .3s;
}

.img_traslate:hover {
    transform: translateY(-10px);
}

.img_rotate {
    transition: all .3s;
}

.img_rotate:hover {
    transform: rotate(-360deg);
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal !important;
}

.center {
    text-align: center !important;
}

.img {
    width: 100%;
    display: block;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ele {
    position: relative;
}

.ele:before, .ele:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.ipt {
    display: block;
    border: none;
}

.ipt_button {
    cursor: pointer;
}

.item_scale .icon {
    transition: all .3s;
}

.item_scale:hover .icon {
    transform: scale(1.05, 1.05);
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webk
it-line-clamp: 3;*/
}

.c_blue {
    color: #1d82b7 !important;
}

.c_main {
    color: #c6a16a !important;
}

.bg_white {
    background: #fff !important;
}

body {
    background: url(../images/bg.jpg) repeat-y center;
}

/*镜头*/
.head {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .4);
}

.head .auto {
    width: 1270px;
}

.hd_logo {
}

.hd_logo .img {
    height: 36px;
    margin-top: 29px;
    width: auto;
}

.hd_nav {
    display: inline-block;
    vertical-align: middle;
}

.hd_nav li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
}

.hd_nav li > a {
    display: block;
    font-size: 18px;
    color: rgba(255, 255, 255, .6);
    line-height: 95px;
    position: relative;
}

.hd_nav li > a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 0;
    height: 3px;
    background: #fff;
    transition: all .3s;
}

.hd_nav li:hover > a, .hd_nav li.cur > a {
    color: #fff;
}

.hd_nav li:hover > a:after, .hd_nav li.cur > a:after {
    width: 34px;
    margin-left: -17px;
}

.hd_box {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
}

.hd_box .lk {
    font-size: 15px;
    color: rgba(255, 255, 255, .6);
    width: 110px;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 19px;
    text-align: center;
    margin-right: 15px;
}

.hd_box .lk:hover {
    color: #fff;
    background: #9d8383;
    border-color: #9d8383;
}

.hd_box .grp {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.hd_box .grp .icon {
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
}

.hd_box .grp .qq {
    background: url(../images/icon_01.png) no-repeat center;
    background-size: contain;
}

.hd_box .grp .vx {
    background: url(../images/icon_02.png) no-repeat center;
    background-size: contain;
}

.hd_box .grp .blog {
    background: url(../images/icon_03.png) no-repeat center;
    background-size: contain;
}
.banner .swiper-slide img{
    width: 100%;
}
.banner .swiper-pagination {
    bottom: 30px !important;
}

.banner .swiper-pagination-bullet {
    width: 60px;
    height: 3px;
    background: rgba(255, 255, 255, .5);
    margin: 0 15px !important;
    opacity: 1;
    border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
}


.pub_titbox {
    text-align: center;
    margin-bottom: 50px;
}

.pub_titbox .en {
    display: none;
    color: #c8c8c8;
    font-family: 'hye1gj', Arial, sans-serif;
    font-size: 40px;
    text-transform: capitalize;
}

.pub_titbox .sm {
    font-size: 20px;
    color: #333333;
    margin-top: 20px;
}

.pub_titbox .line {
    position: relative;
    margin: 10px 0;
}


.pub_titbox .line i {
    width: 94px;
    height: 1px;
    background: #003c7d;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -47px;
    display: none;
}

.pub_titbox .cn {
    font-size: 40px;
    color: #9d8383;
    font-style: normal;
}

.pub_titbox .cn i {
    font-style: normal;
}

.pub_titbox .smen {
    font-size: 12px;
    color: #d5d5d5;
    line-height: 16px;
    margin-top: 5px;
}

.pub_titbox.white .en {
    color: #fff;
}

.pub_titbox.white .sm {
    color: #fff;
}

.pub_titbox.white .line {
}

.pub_titbox.white .cn {
    color: #fff;
}

.pub_titbox.white .smen {
    color: #d5d5d5;
}

.pub_line {
    height: 1px;
    background: #cddcec;
    position: relative;
    margin: 10px 0;
}

.pub_line:before, .pub_line:after {
    width: 20px;
    height: 16px;
    top: -8px;
    content: '';
    position: absolute;
}

.pub_line:before {
    background: url(../images/lens_01.png) no-repeat center;
    background-size: contain;
    left: 0;
}

.pub_line:after {
    background: url(../images/lens_01-1.png) no-repeat center;
    background-size: contain;
    right: 0;
}

.lens_sample {
    margin-top: 41px;
}

.lens_sample .detail {
    margin-bottom: 70px;
}

.lens_sample .imgbox {
    width: 630px;
    height: 435px;
    border: 1px solid #1d82b7;
}

.lens_sample .pic {
    width: 630px;
    height: 435px;
    margin: 20px 0 0 20px;
}

.lens_sample .info {
    margin-top: 70px;
    width: 430px;
    position: relative;
}

.lens_sample .info:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 2px;
    background: #1d82b7;
    top: 15px;
    left: -160px;
}

.lens_sample .info .title {
    font-size: 30px;
    color: #333333;
    line-height: 36px;
    font-weight: bold;
}

.lens_sample .info .txt {
    font-size: 20px;
    color: #888888;
    line-height: 34px;
    margin-top: 20px;
}

.lens_sample_list {
    margin-left: -12px;
    margin-bottom: 25px;
}

.lens_sample_list li {
    float: left;
    margin-left: 12px;
    width: 290px;
    margin-bottom: 25px;
}

.lens_sample_list .img {
    width: 100%;
    height: 410px;
}

.lens_sample_list .title {
    font-size: 20px;
    color: #666666;
    line-height: 44px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 5px;
}

.lens_sample_list .fz {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.lens_sample_list li:hover .title {
    color: #00488e;
}

.lens_demo {
    margin-top: 41px;
}

.lens_demo_list {
    margin-left: -13px;
}

.lens_demo_list .item {
    float: left;
    width: 290px;
    margin: 0 0 30px 13px;
    overflow: hidden;
}

.lens_demo_list .item:nth-child(4n+1) {
    clear: both;
}

.lens_demo_list .imgbox {
    display: block;
    position: relative;
}

.lens_demo_list .img {
    width: 100%;
}

.lens_demo_list .shade {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    height: 210px;
    background: url(../images/lens_10.png) no-repeat center;
    background-size: contain;
    padding-top: 25px;
    top: -210px;
    transition: all .3s;
}

.lens_demo_list .en {
    font-size: 22px;
    color: #ffe4c5;
    text-transform: uppercase;
}

.lens_demo_list .tp {
    height: 35px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.lens_demo_list .line {
    width: 80px;
    height: 1px;
    background: rgba(255, 255, 255, .8);
    margin: 20px auto;
    display: block;
}

.lens_demo_list .series {
    font-size: 18px;
    color: #fff;
}

.lens_demo_list .title {
    display: block;
    font-size: 20px;
    color: #666666;
    line-height: 44px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 5px;
}

.lens_demo_list .txt {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    height: 40px;
    -webkit-line-clamp: 2;
}

.lens_demo_list .item:hover .shade {
    top: 0;
}

.lens_demo_list .item:hover .title {
    color: #00488e;
}

.scroll {
    font-size: 14px;
    color: #999999;
    width: 150px;
    line-height: 42px;
    border: 1px solid #ddd;
    display: block;
    margin: 35px auto 0;
    text-align: center;
    position: relative;
}

.scroll:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 9px;
    height: 5px;
    background: url(../images/lens_11.png) no-repeat center;
    background-size: contain;
}

.scroll:hover {
    background: #00488e;
    color: #fff;
    border-color: #00488e;
}

.scroll:hover:before {
    background-image: url(../images/lens_11-1.png);
}

.lens_news {
    margin-top: 41px;
}

.lens_news .detail {
}

.lens_news .lbox {
    width: 500px;
}

.lens_news .rbox {
    width: 610px;
}

.lens_news .list_l {
    padding-top: 35px;
}

.lens_news .list_l li {
}

.lens_news .list_l .date {
    font-size: 22px;
    color: #9f9f9f;
}

.lens_news .list_l .title {
    display: block;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-top: 15px;
}

.lens_news .list_l .brief {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    margin-top: 10px;
    height: 44px;
    -webkit-line-clamp: 2;
    margin-top: 15px;
    margin-bottom: 20px;
}

.lens_news .list_l .img {
    width: 100%;
    height: 180px;
}

.lens_news .list_l .more {
    width: 135px;
    height: 36px;
    display: block;
    margin-top: 35px;
    background: url(../images/lens_13.png) no-repeat center #00488e;
    background-size: 20px;
}

.lens_news .list_l li:hover .title {
    color: #00488e;
}

.lens_news .list_l .more:hover {
    background-color: #c6a16a;
}

.lens_news .list_r {
}

.lens_news .list_r li {
    padding: 35px 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    padding-left: 65px;
}

.lens_news .list_r .tt {
    position: relative;
}

.lens_news .list_r .tt:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #666;
    border-radius: 50%;
}

.lens_news .list_r .title {
    font-size: 18px;
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    font-weight: bold;
}

.lens_news .list_r .date {
    font-size: 20px;
    color: #9f9f9f;
}

.lens_news .list_r .brief {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    margin-top: 10px;
    height: 44px;
    -webkit-line-clamp: 2;
    max-width: 390px;
}

.lens_news .list_r .arrow {
    width: 20px;
    height: 15px;
    background: url(../images/lens_14.png) no-repeat center;
    background-size: contain;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 50px;
}

.lens_news .list_r .arrow:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 16px;
    background: #eee;
    left: -15px;
}

.lens_news .list_r li:hover .title {
    color: #00488e;
}

.lens_news .list_r li:hover .tt:before {
    background: #00488e;
}

.lens_news .list_r li:last-child {
    border-bottom: none;
}

.lens_quality {
    margin-top: 41px;
}

.lens_quality .list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.lens_quality .list li {
    flex: 0 0 16.6666%;
    margin-top: 40px;
    width: 16.6666%;
    text-align: center;
}

.lens_quality .list .icon {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
}

.lens_quality .list .icon_s {
}

.lens_quality .list .icon_h {
    display: none;
}

.lens_quality .list .title {
    font-size: 20px;
    color: #333333;
    margin-top: 20px;
}

.lens_quality .list .fz {
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}

.lens_quality .list li:hover .icon_h {
    display: block;
}

.lens_quality .list li:hover .icon_s {
    display: none;
}

.lens_quality .list li:hover .title {
    color: #00488e;
}

.lens_quality .list li:hover .fz {
    color: #00488e;
}

.lens_dzhi {
    margin-top: 41px;
}

.lens_dzhi .topbox {
    position: relative;
}

.lens_dzhi .topbox .title {
    font-size: 34px;
    color: #222222;
}

.lens_dzhi .topbox .fz {
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
}

.lens_dzhi .submit {
    display: block;
    font-size: 16px;
    color: #fff;
    width: 240px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    background: #00488e;
    border: none;
    cursor: pointer;
    margin: 0 auto;
}

.lens_dzhi .submit:hover {
    background: #c6a16a;
}

.lens_dzhi .form {
    margin-top: 30px;
}

.lens_dzhi .form .row {
    margin-bottom: 20px;
}

.lens_dzhi .form .item {
    width: 510px;
}

.lens_dzhi .form .tit {
    font-size: 22px;
    color: #333333;
    margin-bottom: 20px;
}

.lens_dzhi .form .info {
}

.lens_dzhi .form .ipt {
    width: 100%;
    padding: 0 20px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    color: #333;
    background: #fff;
}

.lens_dzhi .form .ipt_txt { /*height: 45px;line-height: 45px;*/
    height: 55px;
    line-height: 55px;
}

.lens_dzhi .form .textarea {
    resize: none;
    height: 150px;
    padding: 10px 20px;
}

.lens_dzhi .sel {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    min-width: 24%;
    line-height: 30px;
    cursor: pointer;
    background: url(../images/fxk.png) no-repeat left center;
    background-size: 16px;
    padding-left: 25px;
}

.lens_dzhi .sel.checked {
    background: url(../images/fxk-1.png) no-repeat left center;
    background-size: 16px;
}

.lens_dzhi .item_ys .sel {
    width: 40%;
}


.lens_org {
    margin-top: 61px;
    background-color: #ccc;
    padding: 55px 0 5px;
}
.lens_org .pub_titbox .en,
.lens_org .pub_titbox .sm,
.lens_org .pub_titbox .cn {
    color: #323232;
}
.lens_org .pub_titbox .smen {
    color: #999;
}

.ft_lx {
    background: #143756;
    padding: 55px 0 80px;
}
.ft_lx .auto {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ft_lx .logo {
    display: inline-block;
    vertical-align: middle;
    width: 390px;
}

.ft_lx .info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 100px;
    width: 440px;
    border-right: 1px dashed #f0f6f9;
}

.ft_lx .info .tit {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}

.ft_lx .info .txt {
    font-size: 14px;
    color: #f0f6f9;
    line-height: 42px;
}

.ft_lx .info .txt .iconfont{
    color: rgb(64, 151, 223);
}

.ft_lx .info .ico {
    width: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.ft_lx .vxbox {
    flex: 1;
    text-align: center;
}

.ft_lx .vxbox .pic {
    width: 120px;
    height: 120px;
}

.ft_lx .vxbox .fz {
    font-size: 14px;
    color: #f0f6f9;
    margin-top: 15px;
}

.foot {
}

.ft_t {
    padding: 45px 0;
    background: #222222;
    position: relative;
}

.ft_t .logo {
    position: absolute;
    left: 50%;
    top: 0;
    width: 300px;
    margin-left: -150px;
}

.ft_social {
}

.ft_social .icon {
    width: 56px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.ft_txt {
    font-size: 14px;
    color: #6a6a6a;
    line-height: 24px;
    width: 380px;
    text-align: right;
}

.ft_b {
    font-size: 14px;
    color: #6a6a6a;
    text-align: center;
    line-height: 30px;
    padding: 80px 0;
    background: #323232;
}

/*婚纱摄影*/
.photo_sample {
    margin-top: 41px;
}

.photo_sample .pic_t {
    height: 500px;
}

.photo_sample .box {
    width: 420px;
    height: 500px;
    background: rgba(0, 72, 142, .9);
    padding: 25px 30px;
    position: relative;
}

.photo_sample .box .en {
    font-size: 36px;
    color: #fff;
    opacity: .2;
    text-transform: uppercase;
    font-family: arial;
}

.photo_sample .box .tit {
    font-size: 30px;
    color: #fff;
    opacity: .78;
    margin-top: 20px;
    line-height: 30px;
}

.photo_sample .box .line {
    height: 3px;
    background: #439fcf;
    margin-top: 25px;
    display: block;
}

.photo_sample .box .txt {
    font-size: 16px;
    color: rgba(255, 255, 255, .78);
    line-height: 32px;
    height: 288px;
    -webkit-line-clamp: 9;
    margin-top: 25px;
}

.photo_sample .box:after {
    width: 70px;
    height: 50px;
    background: url(../images/photo_15.png) no-repeat center;
    background-size: contain;
    top: 0;
    right: -2px;
    content: '';
    position: absolute;
}

.photo_sample .pic_b {
    margin-top: 20px;
    margin-left: -40px;
}

.photo_sample .pic_b li {
    float: left;
    width: 580px;
    margin-left: 40px;
}

.photo_sample .pic_b .img {
    width: 100%;
    height: 230px;
}

.photo_mod {
    margin-top: 41px;
}

.photo_mod .detail {
    height: 680px;
}

.photo_mod .box {
    text-align: right;
}

.photo_mod .box .pic {
    width: 295px;
    height: 180px;
}

.photo_mod .box .title { /*font-size: 60px;*/
    color: #fff;
    font-weight: bold;
    margin-top: 65px;
    font-size: 54px;
}

.photo_mod .box .txt { /*font-size: 30px;*/
    color: #fff;
    line-height: 50px;
    margin-top: 30px;
    font-size: 28px;
}

.photo_mod .pics_list {
    margin-top: 15px;
    margin-left: -30px;
}

.photo_mod .pics_list li {
    float: left;
    margin-left: 30px;
    width: 580px;
    position: relative;
}

.photo_mod .pics_list .img {
    width: 100%;
    height: 395px;
}

.photo_mod .pics_list .shade {
    width: 295px;
    height: 180px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -147px;
    text-align: center;
    padding: 30px 20px;
    background: rgba(0, 72, 142, .5);
}

.photo_mod .pics_list .en {
    font-family: 'fzxstft';
    font-size: 36px;
    color: #fff;
    font-style: italic;
}

.photo_mod .pics_list .line {
    height: 2px;
    background: rgba(255, 255, 255, .66);
    display: block;
    margin: 15px 0;
}

.photo_mod .pics_list .tit {
    font-size: 36px;
    color: #fff;
}


/*妆容介绍*/
.zr_local {
    margin-top: 41px;
}

.zr_makeup {
    margin-top: 41px;
}

.zr_makeup .lens_sample_list {
    text-align: right;
}

.zr_plain {
    margin-top: 41px;
}

.zr_plain .list {
}

.zr_plain .list .item {
    width: 540px;
}

.zr_plain .list .imgbox {
    position: relative;
}

.zr_plain .list .img {
    width: 100%;
    height: 700px;
    display: block;
}

.zr_plain .list .topbox {
    width: 160px;
    height: 160px;
    background: rgba(0, 0, 0, .36);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 30px;
}

.zr_plain .list .icon {
    height: 46px;
    width: auto;
}

.zr_plain .list .fz {
    font-size: 24px;
    color: #fff;
    margin-top: 15px;
}

.zr_plain .list .title {
    font-size: 20px;
    color: #999999;
    text-align: center;
    margin-top: 45px;
}

.zr_plain .pub_titbox.xian {
    margin: 45px 0 55px;
}

.zr_pic {
    height: 260px;
    margin-top: 41px;
}

/*外景介绍*/
.out_scene {
    margin-top: 41px;
}

.out_scene .detail {
}

.out_scene .list_l {
    width: 660px;
}

.out_scene .list_r {
    width: 510px;
}

.out_scene .list {
}

.out_scene .list .item {
    margin-bottom: 30px;
    position: relative;
}

.out_scene .list .img {
    width: 100%;
    display: block;
}

.out_scene .list .topbox {
    width: 160px;
    height: 160px;
    background: rgba(0, 0, 0, .36);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 30px;
}

.out_scene .list .icon {
    height: 46px;
    width: auto;
}

.out_scene .list .fz {
    font-size: 24px;
    color: #fff;
    margin-top: 15px;
}

.out_scene .list_l .img {
    height: 310px;
}

.out_scene .list_r .img {
    height: 650px;
}

.out_wardrobe {
    margin-top: 41px;
}

.out_wardrobe_list {
    margin-left: -30px;
}

.out_wardrobe_list li {
    margin: 0 0 30px 30px;
    float: left;
    width: 585px;
}

.out_wardrobe_list .img {
    width: 100%;
    height: 310px;
}

.out_star {
    margin-top: 41px;
}

.out_present {
    margin-top: 41px;
}

.out_menu {
    margin-bottom: 50px;
    text-align: center;
}

.out_menu .lk {
    display: inline-block;
    vertical-align: middle;
    min-width: 130px;
    padding: 0 15px;
    border-radius: 4px;
    margin: 0 15px;
    font-size: 15px;
    color: #4b9e8f;
    line-height: 38px;
    border: 1px solid #4b9e8f;
}

.out_menu .lk.cur, .out_menu .lk:hover {
    color: #fff;
    background: #00488e;
    border-color: #00488e;
}

.out_present .lens_demo_list .title {
    border-bottom: none;
    text-align: center;
}

/*特色服务*/
.tese_ser {
    margin-top: 41px;
}

.tese_ser .detail {
    padding: 40px 32px;
    background: #fff;
    width: 1260px;
    margin: 0 auto;
    position: relative;
}

.tese_ser .list {
    margin-left: -25px;
}

.tese_ser .list li {
    text-align: center;
    float: left;
    margin-left: 25px;
    width: 280px;
}

.tese_ser .list .img {
    width: 100%;
    height: 200px;
    display: block;
    transition: all .3s;
}

.tese_ser .list .num {
    font-size: 20px;
    color: #1d82b7;
    margin-top: 15px;
    display: block;
    font-family: arial;
    margin-bottom: 5px;
}

.tese_ser .list .circle {
    width: 14px;
    height: 14px;
    border: 2px solid #3c8be9;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    background: #fff;
}

.tese_ser .list .tit {
    font-size: 20px;
    color: #333333;
    margin-top: 10px;
}

.tese_ser .detail:after {
    content: '';
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 106px;
    height: 3px;
    background: #e6ecee;
}

.tese_ser .list li:hover .img,
.tese_ser .list .swiper-slide:hover .img,
.tese_ser .list .swiper-slide-thumb-active .img{
    transform: scale(1.05, 1.05);
}
.tese_ser .swiper-slide{
    text-align: center;
}
.tese_ser .swiper-container .list{
    margin: 0;
}
.tese_ser .gallery-top .swiper-slide img{
    display: block;
    width: 100%;
}

/*详情*/
.det_mod {
    margin-top: 41px;
}

.det_mod_1 {
    background: url(../images/det_04.png) no-repeat center top;
    background-size: 100% 1350px;
}

.det_mod_2 {
    background: url(../images/det_03.png) no-repeat center top;
    background-size: 100% 1320px;
}

.det_mod .lens_demo_list .shade {
    height: 320px;
    background: url(../images/det_02.png) no-repeat center;
    background-size: contain;
    padding-top: 50px;
    top: -320px;
}

.det_mod .lens_demo_list .shade .smfz {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.det_mod .lens_demo_list .shade .smwz {
    font-size: 12px;
    color: #d5d5d5;
    line-height: 16px;
    max-width: 170px;
    margin: 20px auto 0;
}

.det_mod .lens_demo_list .title, .det_mod .lens_demo_list .txt {
    text-align: right;
}


/*样片展示*/
.sample_show {
    margin-top: 96px;
}

.sample_show .detail {
    padding: 0 0 50px;
    font-size: 20px;
    color: #333333;
}

.sample_hot {
    margin-top: 96px;
}

.morebtn {
    font-size: 15px;
    color: #999999;
    width: 150px;
    line-height: 42px;
    border: 1px solid #999;
    display: block;
    text-align: center;
    margin: 30px auto 0;
}

.morebtn:hover {
    color: #fff;
    background: #00488e;
    border-color: #00488e;
}

/*客片展示*/
.kp_guest {
    margin-top: 41px;
}

.kp_guest_list {
    margin-left: -30px;
}

.kp_guest_list .item {
    float: left;
    width: 380px;
    margin: 0 0 20px 30px;
    overflow: hidden;
}

.kp_guest_list .item:nth-child(3n+1){
    clear: both;
}
.kp_guest_list .imgbox {
    display: block;
    position: relative;
}

.kp_guest_list .img {
    width: 100%;
}

.kp_guest_list .shade {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    height: 210px;
    background: url(../images/kp_09.png) no-repeat center;
    background-size: contain;
    padding-top: 25px;
    top: -210px;
    transition: all .3s;
}

.kp_guest_list .tp {
    height: 35px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.kp_guest_list .line {
    width: 80px;
    height: 1px;
    background: rgba(255, 255, 255, .8);
    margin: 20px auto;
    display: block;
}

.kp_guest_list .series {
    font-size: 18px;
    color: #fff;
}

.kp_guest_list .title {
    display: block;
    font-size: 20px;
    color: #666666;
    line-height: 44px;
    text-align: center;
    margin-top: 10px;
}

.kp_guest_list .item:hover .shade {
    top: 0;
}

.kp_guest_list .item:hover .title {
    color: #00488e;
}

.kp_guest_list .txt {
    border-top: 1px solid #efefef;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    padding-top: 5px;
}

/*品牌-媒体优势*/
.brand_story {
    margin-top: 41px;
}

.brand_story_menu {
}

.brand_story_menu .item {
    width: 20%;
    float: left;
    text-align: center;
}

.brand_story_menu .icon {
    width: 160px;
    height: 180px;
    display: block;
    margin: 0 auto;
}

.brand_story_menu .icon_h {
    display: none;
}

.brand_story_menu .tit {
    font-size: 20px;
    color: #333;
    margin-top: 15px;
}

.brand_story_menu .en {
    font-size: 16px;
    color: #657681;
    margin-top: 5px;
}

.brand_story_menu .item:hover .icon_h, .brand_story_menu .item.cur .icon_h {
    display: block;
}

.brand_story_menu .item:hover .icon_s, .brand_story_menu .item.cur .icon_s {
    display: none;
}

.brand_story_menu .item:hover .tit, .brand_story_menu .item.cur .tit {
    color: #c6a16a;
}

.brand_story_menu .item:hover .en, .brand_story_menu .item.cur .en {
    color: #c6a16a;
}

.media_advan {
    margin-top: 41px;
}

.media_advan .swiper-slide {
    transform: scale(0.7, 0.7);
    height: auto;
    transition: .3s;
}

.media_advan .swiper-slide.swiper-slide-active {
    transform: scale(1, 1);
}

.media_advan .swiper-slide .img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.media_advan .swiper-pagination {
    position: static;
    margin-top: 65px;
}

.media_advan .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border: 2px solid #b8c6cc;
    opacity: 1;
    background: #fff;
}

.media_advan .swiper-pagination-bullet-active {
    background: #00488e;
    border-color: #00488e;
}

.media_intro {
    margin-top: 80px;
}

.media_intro .list {
    margin-left: -30px;
}

.media_intro .list .item {
    width: 585px;
    margin-left: 30px;
    float: left;
}

.media_intro .list .img {
    width: 100%;
    height: 330px;
}

.media_intro .list .txt {
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    margin-top: 15px;
}


.media_zs {
    margin-top: 60px;
}

.media_zs .img {
    width: 100%;
    height: 500px;
}

.media_zs .menu {
    margin-top: 20px;
    text-align: center;
}

.media_zs .menu li {
    padding: 10px 15px;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    cursor: pointer;
}

.media_zs .menu .name {
    font-size: 18px;
    color: #333333;
}

.media_zs .menu .en {
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
}

.media_zs .menu li:last-child {
    border-right: none;
}

.media_zs .menu li:hover .name, .media_zs .menu li.cur .name {
    color: #015db0;
}

.media_tit {
    margin-bottom: 55px;
    border-bottom: 1px solid #cddcec;
    height: 50px;
}

.media_tit .cn {
    font-size: 22px;
    color: #36393e;
    border-bottom: 3px solid #015db0;
    line-height: 48px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.media_tit .en {
    font-size: 18px;
    color: #999999;
    line-height: 48px;
}


.media_sample {
    margin-top: 41px;
}

.media_sample_list {
    margin-left: -13px;
}

.media_sample_list li {
    float: left;
    margin: 0 0 20px 13px;
    width: 290px;
}

.media_sample_list li:nth-child(4n+1) {
    clear: both;
}

.media_sample_list .imgbox {
    display: block;
}

.media_sample_list .img {
    width: 100%;
    display: block;
    transition: all .3s;
}

.media_sample_list .title {
    display: block;
    font-size: 20px;
    color: #666666;
    text-align: center;
    line-height: 44px;
    margin-top: 5px;
}

.media_sample_list li:hover .img {
    transform: scale(1.05, 1.05);
}

.media_sample_list li:hover .title {
    color: #015db0;
}

/*热门活动*/
.hot_event {
    margin-top: 41px;
}

.hot_event .imgbox {
    position: relative;
}

.hot_event .imgbox .img {
    width: 100%;
    /*height: 450px;*/
}

.hot_event .imgbox .hot {
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 50px;
    height: 28px;
    line-height: 28px;
    background: url(../images/hot_02.png) no-repeat center;
    background-size: cover;
    text-align: center;
}

.hot_event .imgbox .bot {
    position: absolute;
    left: 20px;
    bottom: 15px;
    right: 20px;
    background: url(../images/hot_03.png) no-repeat right center;
    background-size: 16px 12px;
    padding-right: 26px;
}

.hot_event .imgbox .title {
    font-size: 22px;
    color: #fff;
}

.hot_event .imgbox .en {
    font-size: 15px;
    color: rgba(255, 255, 255, .6);
    margin-top: 5px;
}

.hot_event .imgbox:hover .title {
    color: #ffa137;
}

.hot_actives {
    margin-top: 41px;
    padding-bottom: 20px;
}

.hot_actives .list {
}

.hot_actives .list .item {
}

.hot_actives .list .imgbox {
    display: block;
    position: relative;
}
.hot_actives .imgbox .hot {
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 50px;
    height: 28px;
    line-height: 28px;
    background: url(../images/hot_02.png) no-repeat center;
    background-size: cover;
    text-align: center;
}

.hot_actives .list .img {
    width: 100%;
    /*height: 300px;*/
}

.hot_actives .list .shade {
    position: absolute;
    width: 550px;
    right: 50px;
    bottom: 90px;
    top: 10px;
}

.hot_actives .list .title {
    font-size: 42px;
    color: #fff;
    font-weight: bold;
}

.hot_actives .list .txt {
    font-size: 24px;
    color: rgba(255, 255, 255, .5);
    margin-top: 15px;
}

.hot_actives .list .bot {
    margin-top: 20px;
    text-align: right;
    margin-bottom: 30px;
}

.hot_actives .list .time {
    font-size: 24px;
    color: #999999;
    background: url(../images/hot_05.png) no-repeat left center;
    background-size: 20px;
    padding-left: 30px;
}


/*摄影师列表*/
.sys_sample {
    margin-top: 41px;
}

.sys_sample .list {
    margin-left: -20px;
}

.sys_sample .list .item {
    float: left;
    width: 285px;
    margin: 0 0 40px 20px;
}
.sys_sample .list .item:nth-child(4n+1) {
    clear: left;
}

.sys_sample .list .imgbox {
    display: block;
    position: relative;
}

.sys_sample .list .img {
    width: 100%;
    height: 370px;
}

.sys_sample .list .tp {
    width: auto;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 20px;
}

.sys_sample .list .txt {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    padding: 0 20px;
}

.sys_sample .list .fz {
    font-size: 18px;
    color: #fff;
}

.sys_sample .list .name {
    font-size: 22px;
    color: #fff;
    margin-top: 5px;
}

.sys_sample .list .info {
    padding: 15px 20px;
}

.sys_sample .list .tit {
    font-size: 20px;
    color: #705f5a;
    line-height: 30px;
    font-weight: bold;
}

.sys_sample .list .tit .ico {
    font-size: 14px;
    color: #705f5a;
    padding-left: 21px;
    line-height: 30px;
    margin-left: 10px;
}

.sys_sample .list .read {
    background: url(../images/sys_05.png) no-repeat left center;
    background-size: 16px;
}

.sys_sample .list .like {
    background: url(../images/sys_06.png) no-repeat left center;
    background-size: 16px;
}

.sys_sample .list .num {
    font-size: 26px;
    color: #705f5a;
    font-weight: bold;
    margin-top: 5px;
}

.sys_sample .list .bot {
    padding: 12px 20px;
    background: #f2f1f2;
    font-size: 18px;
    color: #705f5a;
    line-height: 32px;
}

.sys_sample .list .ic {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

/*客片*/
.kp_display {
    margin-top: 41px;
}

.kp_menu {
    margin-bottom: 50px;
    text-align: center;
}

.kp_menu .lk {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    line-height: 40px;
    position: relative;
    width: 118px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.kp_menu .lk:after {
    content: '';
    position: absolute;
    width: 0;
    height: 10px;
    background: rgba(0, 60, 125, .1);
    bottom: 3px;
    left: 50%;
    transition: all .3s;
}

.kp_menu .lk.cur, .kp_menu .lk:hover {
    color: #003c7d;
}

.kp_menu .lk.cur:after, .kp_menu .lk:hover:after {
    width: 118px;
    margin-left: -59px;
}

.kp_menu .lk:first-child {
    float: left;
}

.kp_menu .lk:last-child {
    float: right;
}

.kp_mod .kp_guest_list .title {
    text-align: right;
}

.kp_mod .kp_guest_list .txt {
    text-align: right;
}

.pagelist {
    text-align: center;
    list-style: none;
    margin: 35px 0 0;
    padding: 0;
}
.pagelist .page-item{
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    line-height: 26px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 5px;
}
.pagelist .page-link{
    display: block;
    font-size: 16px;
    color: #c87100;
}
.pagelist .page-item:hover:not(.disabled),.pagelist .page-item.active:not(.disabled){
    border-color: #004386;
}
.pagelist .page-item:hover:not(.disabled) .page-link, .pagelist .page-item.active:not(.disabled) .page-link{
    color: #004386;
}
.fa{
    font-style: normal;
}
.fa-angle-right:after{
    content: '>';
}
.fa-angle-left:after{
    content: '<';
}
.fa-angle-double-right:after{
    content: '>>';
}
.fa-angle-double-left:after{
    content: '<<';
}

/*场景介绍*/
.scene_intro {
    margin-top: 41px;
}

.scene_intro .detail {
}

.scene_intro .list_l {
    width: 660px;
}

.scene_intro .list_r {
    width: 510px;
}

.scene_intro .list {
}

.scene_intro .list .item {
    margin-bottom: 30px;
    position: relative;
}

.scene_intro .list .img {
    width: 100%;
    display: block;
}

.scene_intro .list .topbox {
    width: 174px;
    height: 174px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    padding-top: 35px;
    background: url(../images/scene_08.png) no-repeat center;
    background-size: contain;
    margin-top: -87px;
    margin-left: -87px;
}

.scene_intro .list .icon {
    height: 46px;
    width: auto;
}

.scene_intro .list .fz {
    font-size: 24px;
    color: #e38f23;
    margin-top: 10px;
}

.scene_intro .list_l .img {
    height: 310px;
}

.scene_intro .list_r .img {
    height: 650px;
}

.scene_base {
    margin-top: 41px;
}

.scene_wardrobe {
    margin-top: 41px;
}

.scene_wardrobe .b_img {
    width: 100%;
    height: 600px;
}

/*摄影师详情*/
.sys_intro {
    margin-top: 41px;
}

.sys_intro .detail {
}

.sys_intro .img {
    width: 525px;
    height: 610px;
}

.sys_intro .info {
    width: 575px;
    padding-top: 55px;
}

.sys_intro .info .t_en {
    font-size: 60px;
    color: #000000;
    font-weight: bold;
    font-family: arial;
    text-transform: uppercase;
}

.sys_intro .info .smtit {
    font-size: 24px;
    color: #222222;
    font-weight: bold;
    margin-top: 5px;
}

.sys_intro .info .name {
    font-size: 36px;
    color: #222222;
    font-weight: bold;
    margin-top: 25px;
}

.sys_intro .info .enname {
    font-size: 24px;
    color: rgba(34, 34, 34, .7);
    font-style: italic;
}

.sys_intro .info .brief {
    font-size: 20px;
    color: #999999;
    line-height: 36px;
    margin-top: 30px;
}

.sys_intro .info .bot {
    font-size: 20px;
    color: #666666;
    line-height: 38px;
    margin-top: 40px;
}

.sys_intro .info .ico {
    width: 20px;
}

/*品牌-服装优势*/
.fuz_advan {
    margin-top: 41px;
}

.fuz_advan .detail {
    padding: 50px 0 0;
}

.fuz_advan .txt {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    text-align: justify;
}

.fuz_advan .org_tit {
    font-size: 20px;
    color: #c6a16a;
    font-weight: bold;
    margin-bottom: 10px;
    left: 1px;
}

.fuz_advan .titbox {
    margin-bottom: 30px;
}

.fuz_advan .titbox .title {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}

.fuz_advan .titbox .en {
    font-size: 20px;
    color: #9898a5;
    font-family: arial;
    margin-top: 10px;
    font-weight: 100;
}


.fuz_sec_1 {
    margin-bottom: 35px;
}

.fuz_sec_1 .lbox {
    width: 520px;
}

.fuz_sec_1 .smtit {
    font-size: 24px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 35px;
    font-weight: bold;
}

.fuz_sec_1 .smen {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.fuz_sec_1 .rbox {
    width: 555px;
}

.fuz_sec_2 {
    margin-bottom: 45px;
}

.fuz_sec_2 .lbox {
    width: 680px;
}

.fuz_sec_2 .lbox .img {
    width: 100%;
    height: 345px;
}

.fuz_sec_2 .rbox {
    width: 440px;
    padding: 45px 75px 0 0;
}

.fuz_sec_3 {
    margin-bottom: 70px;
}

.fuz_sec_3 .img {
    width: 100%;
    display: block;
}

.fuz_sec_3 .org_tit {
    margin-top: 20px;
}

.fuz_sec_4 {
    margin-bottom: 75px;
}

.fuz_sec_4 .lbox {
    width: 490px;
}

.fuz_sec_4 .lbox .img {
    width: 100%;
    height: 585px;
}

.fuz_sec_4 .rbox {
    width: 545px;
    padding-top: 75px;
}

.fuz_sec_4 .rbox .pic_1 {
    width: 100%;
    max-height: 365px;
    margin-top: 80px;
}

.fuz_sec_5 {
    margin-bottom: 70px;
}

.fuz_sec_5 .lbox {
    width: 545px;
}

.fuz_sec_5 .lbox .img {
    width: 100%;
    height: 600px;
}

.fuz_sec_5 .rbox {
    margin-top: 100px;
    width: 550px;
}

.fuz_sec_5 .txt {
    height: 150px;
    -webkit-line-clamp: 5;
}

.fuz_sec_5 .pic_1 {
}

.fuz_sec_5 .pics {
    margin-top: 30px;
}

.fuz_sec_5 .pics .pic_2 {
    width: 250px;
    height: 180px;
}

.fuz_sec_6 {
    margin-bottom: 60px;
}

.fuz_sec_6 .img {
}

.fuz_sec_6 .org_tit {
    margin-top: 20px;
}

.fuz_sec_7 {
}

.fuz_sec_7 .topbox {
}

.fuz_sec_7 .topbox .lbox {
    width: 585px;
}

.fuz_sec_7 .topbox .img {
    width: 585px;
    height: 400px;
}

.fuz_sec_7 .topbox .rbox {
    width: 500px;
    padding-top: 50px;
}

.fuz_sec_7 .list {
    margin-top: 70px;
    margin-left: -25px;
}

.fuz_sec_7 .list .item {
    width: 585px;
    margin-left: 25px;
    float: left;
}

.fuz_sec_7 .list .img {
    width: 100%;
    height: 390px;
    margin-bottom: 15px;
    display: block;
}

.fuz_sec_7 .list .titbox {
    margin-bottom: 15px;
}

.fuz_sec_7 .list .txt {
    max-width: 535px;
}

/*品牌-服务优势*/
.fuw_advan {
    margin-top: 41px;
}

.fuw_advan .detail {
}

.fuw_advan .img {
    width: 580px;
    height: 405px;
}

.fuw_advan .info {
    width: 510px;
    padding-top: 30px;
}

.fuw_advan .info .en {
    font-size: 20px;
    color: #9898a5;
    line-height: 30px;
    text-transform: uppercase;
    font-family: arial;
}

.fuw_advan .info .cn {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 5px;
}

.fuw_advan .info .txt {
    font-size: 14px;
    color: #666666;
    line-height: 32px;
    margin-top: 30px;
}

.fuw_yzs {
    margin-top: 41px;
}

.fuw_list {
    margin-top: 41px;
}

.fuw_list .list {
}

.fuw_list .list .item {
    margin-top: 75px;
}

.fuw_list .item .img {
    width: 600px;
    height: 390px;
    float: left;
}

.fuw_list .item .info {
    width: 515px;
    margin-top: 41px;
    float: right;
    position: relative;
}

.fuw_list .item .en {
    font-size: 20px;
    color: #9898a5;
    font-family: arial;
}

.fuw_list .item .cn {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 10px;
}

.fuw_list .item .txt {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    margin-top: 30px;
}

.fuw_list .list .item:nth-child(even) .img {
    float: right;
}

.fuw_list .list .item:nth-child(even) .info {
    float: left;
}


/*样片*/
.yp_main {
    margin-top: 41px;
}

.yp_menu {
    width: 210px;
    background: #e3eff7;
    padding-left: 20px;
    padding-top: 15px;
    min-height: 860px;
    margin-right: 15px;
}

.yp_menu li {
    margin-bottom: 10px;
}

.yp_menu li > a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #1f2930;
    font-weight: bold;
    padding-left: 15px;
    background: url(../images/icon_10.png) no-repeat 90% center;
    background-size: 6px 10px;
}

.yp_menu .drop {
    display: none;
    padding: 0 15px 10px;
}

.yp_menu .drop a {
    display: block;
    font-size: 14px;
    color: #333333;
    padding: 6px 0;
    line-height: 22px;
}

.yp_menu li:hover > a {
    color: #1389ac;
}

.yp_menu .drop a:hover {
    color: #1389ac;
}

.yp_menu li.cur .drop {
    display: block;
}

.yp_menu li.cur {
    background: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.yp_menu li.cur > a {
    background-image: url(../images/icon_11.png);
    background-size: 10px 6px;
}

.yp_wrap {
    float: right;
    width: 960px;
}

.yp_wrap .lens_demo_list .item {
    width: 230px;
}

.yp_wrap .lens_demo_list .shade {
    height: 167px;
}

.yp_wrap .lens_demo_list .line {
    margin: 10px auto;
}

.mt40 {
    margin-top: 40px !important;
}

/*独家基地*/
.base_top {
    padding: 110px 0 120px;
    background: url(../images/base_04.png) no-repeat center;
    background-size: cover;
}

.base_top .list {
}

.base_top .list li {
    width: 33.3%;
    text-align: center;
    float: left;
}

.base_top .list .tit {
    font-size: 30px;
    color: #333333;
    line-height: 50px;
    margin-bottom: 25px;
}

.base_top .list .tit i {
    font-size: 50px;
    color: #1d82b7;
    display: inline-block;
    vertical-align: middle;
}

.base_top .list .icon {
    width: 242px;
    height: 242px;
    display: block;
    margin: 0 auto;
}

.base_top .list li:nth-child(2) .tit i {
    color: #9d8383;
}

.pub_titbox .bigen {
    font-size: 20px;
    color: #d5d5d5;
    text-align: center;
    margin: 10px 0 20px;
}

.pub_titbox .en_txt {
    font-size: 13px;
    color: #b9b9b9;
    line-height: 26px;
}

.base_zs {
    margin-top: 70px;
}

.base_mod .detbox {
    position: relative;
}

.base_mod .detbox .img {
    width: 100%;
    height: 560px;
}

.base_mod .shade {
    width: 420px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    padding: 35px 30px;
}
.base_mod:nth-child(even) .shade {
    left: 0;
    right: auto;
}

.base_mod .shade .smtit {
    font-size: 20px;
    color: #fff;
}

.base_mod .shade .title {
    font-size: 30px;
    color: #fff;
    margin: 15px 0 25px;
}

.base_mod .shade .line {
    height: 2px;
    background: rgba(255, 255, 255, .5);
    margin: 25px 0;
    display: block;
    position: relative;
}
.base_mod .shade .line:before, .base_mod .shade .line:after {
    content: '';
    position: absolute;
    height: 14px;
    top: -6px;
    width: 2px;
    background: rgba(255, 255, 255, .5);
}

.base_mod .shade .line:before {
    left: -2px;
}

.base_mod .shade .line:after {
    right: -2px;
}

.base_mod .shade .smfz {
    font-size: 20px;
    color: #fff;
    margin: 25px 0 22px;
}

.base_mod .shade .smline {
    width: 160px;
    height: 1px;
    background: #fff;
    margin-top: 22px;
    display: block;
}

.base_mod .shade .txt {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-top: 40px;
    -webkit-line-clamp: 8;
    height: 256px;
}

.base_mod .pic_list {
    margin-top: 20px;
    margin-left: -18px;
}

.base_mod .pic_list li {
    width: 225px;
    margin-left: 18px;
    float: left;
    border: 1px solid transparent;
}

.base_mod .pic_list .pic {
    width: 225px;
    height: 160px;
}

.base_mod .pic_list li.cur {
    border-color: #1d82b7;
}

.base_mod .pub_titbox {
    margin-top: 40px;
}

.base_mod_2 .shade {
    left: 0;
    right: auto;
    background: rgba(112, 166, 121, .9);
}

.base_mod_2 .shade .line {
    background: #98d2a0;
}

.base_mod_2 .shade .smline {
    background: #98d2a0;
}

.base_mod_3 .shade {
    right: 0;
    background: rgba(226, 167, 99, .9);
}

.base_mod_3 .shade .line {
    background: #f0cca3;
}

.base_mod_3 .shade .smline {
    background: #f0cca3;
}

.base_mod_4 .shade {
    left: 0;
    right: auto;
    background: rgba(119, 147, 178, .9);
}

.base_mod_4 .shade .line {
    background: #adc5df;
}

.base_mod_4 .shade .smline {
    background: #adc5df;
}

.base_mod_5 .shade {
    right: 0;
    background: rgba(204, 177, 100, .9);
}

.base_mod_5 .shade .line {
    background: #dcd3ba;
}

.base_mod_5 .shade .smline {
    background: #dcd3ba;
}

.base_mod_6 .shade {
    left: 0;
    right: auto;
    background: rgba(123, 139, 195, .9);
}

.base_mod_6 .shade .line {
    background: #bfc9ec;
}

.base_mod_6 .shade .smline {
    background: #bfc9ec;
}

.base_mod_7 .shade {
    right: 0;
    background: rgba(108, 177, 192, .9);
}

.base_mod_7 .shade .line {
    background: #b0dae3;
}

.base_mod_7 .shade .smline {
    background: #b0dae3;
}

.base_mod_8 .shade {
    left: 0;
    right: auto;
    background: rgba(108, 139, 208, .9);
}

.base_mod_8 .shade .line {
    background: #adc5df;
}

.base_mod_8 .shade .smline {
    background: #adc5df;
}
.base_mod_10 .shade {
    background: rgba(112, 166, 121, .9);
}

.base_mod_10 .shade .line {
    background: #98d2a0;
}

.base_mod_10 .shade .smline {
    background: #98d2a0;
}

.base_mod_11 .shade {
    background: rgba(226, 167, 99, .9);
}

.base_mod_11 .shade .line {
    background: #f0cca3;
}

.base_mod_11 .shade .smline {
    background: #f0cca3;
}

.base_mod_12 .shade {
    background: rgba(119, 147, 178, .9);
}

.base_mod_12 .shade .line {
    background: #adc5df;
}

.base_mod_12 .shade .smline {
    background: #adc5df;
}

/*基地优势*/
.dujia_intro {
    margin-top: 41px;
}

.dujia_intro .row {
    margin-bottom: 100px;
}

.dujia_intro .info {
    padding-top: 70px;
    max-width: 460px;
}

.dujia_intro .en {
    font-size: 20px;
    color: #9898a5;
    font-family: arial;
    line-height: 20px;
}

.dujia_intro .title {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 10px;
}

.dujia_intro .txt {
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    margin-top: 20px;
    text-align: justify;
}

.dujia_intro .pic {
    width: 650px;
    height: 400px;
}

.dujia_intro .row:nth-child(odd) .info {
    margin-left: 70px;
    max-width: 425px;
}

.dujia_intro .row:nth-child(even) .info {
    margin-left: 50px;
}

.dujia_intro .list {
}

.dujia_intro .list .item {
    width: 585px;
}

.dujia_intro .list .img {
    width: 100%;
    height: 390px;
}

.dujia_intro .list .title {
    margin-top: 20px;
}

.dujia_intro .list .en {
    margin-top: 10px;
}

.dujia_intro .list .txt {
    margin-top: 8px;
}

.dujia_temp {
    margin-top: 41px;
}

.dujia_mod {
    margin-bottom: 100px;
}

.dujia_mod .tabwrap {
}

.dujia_mod .img {
    width: 100%;
    height: 750px;
}

.dujia_mod .botmenu {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #bec6c9;
}

.dujia_mod .menu {
    margin-top: 30px;
    margin-left: -20px;
    font-size: 0;
}

.dujia_mod .menu li {
    width: 285px;
    margin-left: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.dujia_mod .menu .pic {
    width: 290px;
    height: 180px;
}

.dujia_mod .menu li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -23px;
    height: 6px;
    background: #00488e;
    width: 0;
    transition: all .3s;
}

.dujia_mod .menu li.cur:after, .dujia_mod .menu li:hover:after {
    width: 100%;
    left: 0;
}


/*品牌优势*/
.pinp_sm {
    text-align: center;
    background: #f6f6f6;
    width: 140px;
    padding: 35px 0;
}

.pinp_sm .smen {
    font-size: 16px;
    color: #333333;
    line-height: 22 rpx;
    font-weight: bold;
}

.pinp_sm .smcn {
    font-size: 36px;
    color: #333333;
    font-weight: bold;
    margin-top: 5px;
    line-height: 40px;
}

.pinp_en {
    font-size: 20px;
    color: #9898a5;
    font-family: arial;
}

.pinp_txt {
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    margin-top: 20px;
}

.pinp_txt ul li {
    list-style: disc inside;
}

.pinp_intro {
    margin-top: 41px;
}

.pinp_intro .img {
    width: 100%;
    display: block;
}

.pinp_intro .info {
    padding-top: 30px;
    position: relative;
}

.pinp_intro .title {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 10px;
}

.pinp_intro .list {
    margin-top: 50px;
    margin-left: -30px;
}

.pinp_intro .list li {
    width: 380px;
    float: left;
    margin-left: 30px;
}

.pinp_intro .list .icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
}

.pinp_intro .list .txt {
    margin-left: 80px;
    padding-top: 38px;
}

.pinp_intro .list .line {
    width: 300px;
    height: 2px;
    background: #ddd;
    display: block;
}

.pinp_intro .list .font {
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    padding: 10px 0 0 25px;
}

.pinp_intro .pinp_sm {
    position: absolute;
    right: 0;
    top: -40px;
}

.pinp_brand {
    margin-top: 115px;
}

.pinp_brand .info {
    width: 500px;
}
.pinp_brand .title{
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 5px;
}

.pinp_brand .sm_tit {
    font-size: 18px;
    color: #333333;
    line-height: 42px;
    margin-top: 50px;
    font-weight: bold;
}

.pinp_brand .sm_en {
    font-size: 20px;
    color: #9898a5;
    line-height: 36px;
    margin-top: 5px;
}

.pinp_brand .pic {
    width: 650px;
    height: 420px;
}

.pinp_base {
    margin-top: 110px;
}

.pinp_base .info {
    width: 670px;
    position: relative;
    padding-top: 50px;
}

.pinp_base .sm_en {
    font-size: 18px;
    color: #9898a5;
    line-height: 28px;
    max-width: 500px;
}

.pinp_base .title {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 5px;
    max-width: 500px;
    padding-bottom: 30px;
}

.pinp_base .pinp_sm {
    position: absolute;
    right: 0;
    top: 30px;
}

.pinp_base .pic {
    width: 430px;
    height: 420px;
}

.pinp_base .list {
    margin-top: 40px;
    margin-left: -18px;
}

.pinp_base .list li {
    margin-left: 18px;
    width: 225px;
    float: left;
}

.pinp_base .list .tp {
    width: 225px;
    height: 160px;
    display: block;
}

.pinp_dress {
    margin-top: 100px;
}

.pinp_dress .info {
    width: 570px;
    position: relative;
    height: 395px;
    padding-top: 20px;
}

.pinp_dress .info .en {
    font-size: 20px;
    color: #9898a5;
    line-height: 36px;
}

.pinp_dress .info .title {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 20px;
}

.pinp_dress .info .pinp_sm {
    position: absolute;
    right: -95px;
    bottom: 0;
}

.pinp_dress .img {
    width: 570px;
    height: 395px;
}

.pinp_dress .pinp_txt {
    max-width: 490px;
}

.pinp_honor {
    margin-top: 100px;
}

.pinp_honor .lbox {
    width: 190px;
}

.pinp_honor .rbox {
    width: 1010px;
}

.pinp_honor .menu {
    position: relative;
    border-left: 1px solid #ddd;
    padding: 40px 0 40px;
    margin-left: 5px;
}

.pinp_honor .menu li {
    font-size: 18px;
    color: #999999;
    line-height: 65px;
    cursor: pointer;
}

.pinp_honor .menu .circle {
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-left: -5px;
    background: #fff;
    margin-right: 30px;
}

.pinp_honor .menu .ico {
    display: none;
}

.pinp_honor .menu li.cur {
    font-weight: bold;
    color: #00488e;
}

.pinp_honor .menu li.cur .ico {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.pinp_honor .menu li.cur .circle {
    margin-right: 15px;
    background: #00488e;
    border-color: #00488e;
}

.pinp_honor .piclist {
    padding: 30px 0 40px;
}

.pinp_honor .piclist .tp {
    height: 255px;
    width: auto;
    margin: 0 15px;
}

.pinp_honor .txt {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    padding: 20px 40px;
    background: #f9f9f9;
    margin-bottom: 10px;
}


.pinp_store {
    margin-top: 100px;
}

.pinp_store .topbox {
    padding-right: 400px;
    position: relative;
}

.pinp_store .topbox .en {
    font-size: 20px;
    color: #9898a5;
}

.pinp_store .topbox .title {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-top: 15px;
}

.pinp_store .topbox .pinp_txt {
    margin-top: 5px;
}

.pinp_store .topbox .pinp_sm {
    position: absolute;
    right: 0;
    top: 0;
}

.pinp_store .botbox {
    margin-top: 40px;
}

.pinp_store .botbox .sm {
    margin-bottom: 20px;
}

.pinp_store .botbox .shop {
    font-size: 18px;
    color: #00488e;
    font-weight: bold;
    background: url(../images/pinpai_16.png) no-repeat left center;
    background-size: 26px;
    padding-left: 32px;
}

.pinp_store .botbox .fz {
    font-size: 16px;
    color: #999999;
    margin-left: 35px;
}

.pinp_store .botbox .img {
    width: 100%;
    display: block;
}

/*index*/
.idx_case {
    margin-top: 41px;
}

.idx_case .detail {
}

.idx_case .lbox {
    width: 850px;
}

.idx_case .rbox {
    width: 320px;
}

.idx_case .list {
    margin-left: -30px;
}

.idx_case .item {
    position: relative;
    margin: 0 0 30px 30px;
    float: left;
    overflow: hidden;
}

.idx_case .img {
    display: block;
    transition: all .3s;
}

.idx_case .bot {
    padding: 20px 30px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(7, 73, 141, .75);
}

.idx_case .bot .title {
    font-size: 22px;
    color: #fff;
    background: url(../images/hot_03.png) no-repeat right center;
    background-size: 16px 12px;
    padding-right: 22px;
}

.idx_case .bot .en {
    font-size: 15px;
    color: rgba(255, 255, 255, .6);
    margin-top: 5px;
}

.idx_case .item_1 .img {
    width: 310px;
    height: 310px;
}

.idx_case .item_2 .img {
    width: 510px;
    height: 310px;
}

.idx_case .item_3 .img {
    width: 510px;
    height: 310px;
}

.idx_case .item_4 .img {
    width: 310px;
    height: 310px;
}

.idx_case .item_5 .img {
    width: 320px;
    height: 650px;
}

.idx_case .item:hover .img {
    transform: scale(1.05, 1.05);
}

.idx_case .item:hover .title {
    opacity: .9;
}

.idx_sample {
    margin-top: 41px;
}

.idx_sample .menu {
    margin-top: 30px;
    margin-left: -15px;
    font-size: 0;
    margin-bottom: 35px;
}

.idx_sample .menu li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: 228px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.idx_sample .menu .pic {
    width: 228px;
    height: 160px;
}

.idx_sample .menu .shade {
    text-align: center;
    background: url(../images/idx_07.png) no-repeat center top rgba(0, 0, 0, .6);
    background-size: 228px 160px;
    padding-top: 20px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: none;
}

.idx_sample .menu .tp {
    height: 22px;
    width: auto;
}

.idx_sample .menu .line {
    width: 78px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 10px auto;
}

.idx_sample .menu .tit {
    font-size: 18px;
    color: #fff;
}

.idx_sample .menu li:hover .shade, .idx_sample .menu li.cur .shade {
    display: block;
}

.idx_film {
    margin-top: 41px;
}

.idx_shot {
    margin-top: 41px;
}

.idx_shot .tabwrap {
    position: relative;
}

.idx_shot .img {
    width: 100%; /*height: 750px;*/
}

.idx_shot .botmenu {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #bec6c9;
}

.idx_shot .menu {
    margin-top: 35px;
    margin-left: -12px;
    font-size: 0;
}

.idx_shot .menu li {
    width: 230px;
    margin-left: 12px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.idx_shot .menu .fz {
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-bottom: 25px;
}

.idx_shot .menu .pic {
    width: 230px;
    height: 160px;
}

.idx_shot .menu li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -23px;
    height: 6px;
    background: #00488e;
    width: 0;
    transition: all .3s;
}

.idx_shot .menu li.cur:after, .idx_shot .menu li:hover:after {
    width: 100%;
    left: 0;
}

.idx_shot .menu li.cur .fz, .idx_shot .menu li:hover .fz {
    color: #00488e;
}

.idx_shot .shade {
    position: absolute;
    width: 1200px;
    left: 50%;
    top: 0;
    text-align: right;
    height: 100%;
    margin-left: -600px;
}

.idx_shot .shade .tp {
    width: 295px;
    height: 180px;
}

.idx_shot .shade .bot {
    margin-top: 180px;
}

.idx_shot .shade .title {
    font-size: 80px;
    color: #fff;
    font-weight: bold;
    line-height: 80px;
}

.idx_shot .shade .txt {
    font-size: 30px;
    color: #fff;
    line-height: 50px;
    margin-top: 50px;
}


.idx_video {
    margin-top: 41px;
}

.idx_video .video {
    width: 100%;
    height: 705px;
    object-fit: contain;
}

.idx_video .video-js {
    background-color: #000;
}

/*.vjs-icon-play:before{display: none;}
.vjs-icon-placeholder{display: none;}*/
.vjs-icon-placeholder:before { /*display: none;*/
}

.idx_video .video-js .vjs-big-play-button {
    background: url(../images/video.png) no-repeat center;
    background-size: contain;
    width: 64px;
    height: 64px;
    border: none;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
}

.idx_video .video-js .vjs-big-play-button .vjs-icon-placeholder {
    display: none;
}


.idx_video .menu {
    margin: 20px 0 0 -20px;
}

.idx_video .menu li {
    width: 385px;
    margin-left: 20px;
    float: left;
    cursor: pointer;
}

.idx_video .menu .imgbox {
    position: relative;
}

.idx_video .menu .pic {
    height: 230px;
    width: 100%;
}

.idx_video .menu .icon {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 64px;
    height: 64px;
    background: url(../images/video.png) no-repeat center;
    background-size: contain;
    margin-left: -32px;
    margin-top: -32px;
    display: block;
}

.idx_video .menu .title {
    font-size: 20px;
    color: #666666;
    line-height: 42px;
    border-bottom: 1px solid #e5e5e5;
    text-align: right;
}

.idx_video .menu .txt {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    text-align: right;
}

.idx_video .menu li.cur .title, .idx_video .menu li:hover .title {
    color: #00488e;
}

.idx_shoot {
    margin-top: 41px;
}

.idx_shoot_list {
    margin-left: -13px;
}

.idx_shoot_list .item {
    float: left;
    width: 390px;
    margin: 0 0 30px 13px;
    overflow: hidden;
}

.idx_shoot_list .imgbox {
    display: block;
    position: relative;
}

.idx_shoot_list .img {
    width: 100%;
    height: 660px;
}

.idx_shoot_list .shade {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    height: 430px;
    background: url(../images/idx_16.png) no-repeat center;
    background-size: contain;
    padding-top: 60px;
    top: -430px;
    transition: all .3s;
}

.idx_shoot_list .tp {
    height: 35px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.idx_shoot_list .line {
    width: 80px;
    height: 1px;
    background: rgba(255, 255, 255, .8);
    margin: 45px auto 35px;
    display: block;
}

.idx_shoot_list .series {
    font-size: 18px;
    color: #fff;
}

.idx_shoot_list .smfz {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}

.idx_shoot_list .smwz {
    font-size: 12px;
    color: #d5d5d5;
    line-height: 16px;
    max-width: 170px;
    margin: 20px auto 0;
}

.idx_shoot_list .item:hover .shade {
    top: 0;
}

.idx_shoot .detail_wrap {
    position: relative;
    padding-bottom: 20px;
}

.idx_shoot .swiper-container {
    position: static;
}

.idx_shoot_list .swiper-pagination {
    bottom: 0;
}

.idx_shoot_list .swiper-pagination-bullet {
    color: #fff;
    font-size: 16px;
    color: #c87100;
    width: 28px;
    line-height: 26px;
    height: 28px;
    border: 1px solid transparent;
    background: transparent;
    opacity: 1;
    border-radius: 4px;
    margin: 0 5px;
}

.idx_shoot_list .swiper-pagination-bullet-active {
    color: #004386;
    border-color: #004386;
}


.idx_team {
    margin-top: 41px;
}

.idx_team .gallery-thumbs {
    text-align: center;
    width: 740px;
    margin: 10px auto 30px;
}

.idx_team .gallery-thumbs .pic {
    width: 140px;
    height: 85px;
    border: 3px solid transparent;
}

.idx_team .gallery-thumbs .swiper-slide-thumb-active .pic {
    border-color: #c6ac67;
}

.idx_team .swiper-button-next, .idx_team .swiper-button-prev {
    width: 44px;
    height: 24px;
}
.idx_team .swiper-button-next:after, .idx_team .swiper-button-prev:after{
    display: none;
}

.idx_team .swiper-button-prev {
    background: url(../images/idx_17.png) no-repeat center;
    background-size: contain;
    left: 5%;
}

.idx_team .swiper-button-next {
    background: url(../images/idx_18.png) no-repeat center;
    background-size: contain;
    right: 5%;
}


.idx_team .info {
    position: absolute;
    width: 1200px;
    left: 0;
    bottom: 35px;
    padding: 0 65px;
    left: 50%;
    margin-left: -600px;
}

.idx_team .info .name {
    font-size: 25px;
    color: #fff;
}

.idx_team .info .en_name {
    font-size: 20px;
    color: #fff;
    opacity: .8;
    font-family: 'hye1gj';
    margin-top: 5px;
    margin-bottom: 5px;
}

.idx_team .info .fz {
    font-size: 14px;
    color: #fff;
}


.idx_team .out_menu {
    margin-top: 30px;
}
.art{
    line-height: 1.8;
}
.art img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.art p{
    text-align: justify;
}
.art * {
    max-width: 100%;
}
.auto .art{
    padding: 15px;
}
.flinks .swiper-slide{
    width: auto;
}
.flinks a{
    color: #535458;
    line-height: 2;
    padding: 0 .5em;
    white-space: nowrap;
    font-size: 12px;
}
.to-top{
    display: none;
    position: fixed;
    bottom: 5rem;
    right: 5rem;
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    font-size: 3rem;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    border-radius: 50%;
    z-index: 9999;
    cursor: pointer;
}
.lx_us{
    padding-top: 95px;
}
.xw_main .wrapbox{background: #fff;margin-top: -140px;position:relative;z-index:30;padding:40px 30px 0 30px;}
.xw_titbox .cn{font-size: 25px;color: #333333;font-weight: bold;}
.xw_titbox .en{font-size: 16px;color: #333333;opacity: .56;margin-top: 5px;}
.xw_l{width: 190px;}
.xw_r{width: 900px;}
.xw_menu{padding-left: 10px;margin-top: 40px;}
.xw_menu .lk{display: block;font-size: 16px;color: #666666;line-height: 60px;border-bottom:1px solid #efefef;position:relative;padding-left: 15px;}
.xw_menu .lk:before{content:'';position:absolute;left: 0;top: 50%;width: 3px;height: 0;background: #00488e;transition: all .3s;}
.xw_menu .lk:hover,.xw_menu .lk.cur{color: #00488e;}
.xw_menu .lk:hover:before,.xw_menu .lk.cur:before{height: 12px;margin-top: -6px;}
.xw_info{padding-left: 10px;}
.xw_info .fz{font-size: 16px;color: #333333;line-height: 24px;border-bottom:1px solid #efefef;padding:15px 0 15px 20px;}
.xw_info .vxpic{margin: 20px auto 0;width: 120px;border:1px solid #ddd;display: block;}
.xw_info .wz{font-size: 14px;color: #333333;margin-top: 10px;text-align: center;}
.xw_list{margin-top: 20px;}
.xw_list .item{padding:30px 0;border-bottom:1px solid #efefef;overflow: hidden;}
.xw_list .imgbox{display: block;float: right;width: 260px;}
.xw_list .img{width: 100%;height: 160px;display: block;}
.xw_list .info{margin-right: 300px;padding-top: 20px;}
.xw_list .title{font-size: 16px;color: #333333;font-weight: bold;display: block;}
.xw_list .date{font-size: 13px;color: #999999;margin-top: 6px;}
.xw_list .txt{font-size: 14px;color: #666666;line-height: 30px;padding:10px 0 10px 30px;margin-left:-30px;border-left:1px solid #efefef;margin-top: 10px;transition: all .3s;}
.xw_list .item:hover .title{color: #00488e;text-decoration: underline;}
.xw_list .item:hover .txt{margin-left: 0;}
.xw_list .item:last-child{border-bottom:none;}

.xw_det .topbox{text-align: center;padding-bottom: 45px;border-bottom:1px solid #efefef;}
.xw_det .title{font-size: 30px;color: #444444;font-weight: bold;}
.xw_det .date{font-size: 16px;color: #999999;margin-top: 20px;}
.xw_det .editbox{font-size: 14px;color: #6a6a6a;line-height: 28px;padding:30px 0;}

.pagenav{margin-top: 15px;}
.pagenav li{font-size: 15px;color: #999999;line-height: 30px;width: 46%;}
.pagenav .prev{float: left;background: url(../images/xw_03.png) no-repeat left center;background-size:18px;padding-left: 27px;}
.pagenav .next{float: right;background: url(../images/xw_04.png) no-repeat right center;background-size:18px;padding-right: 27px;text-align: right;}
.pagenav li:hover{color: #00488e;}
.pagenav .prev:hover{background-image: url(../images/xw_03-1.png);}
.pagenav .next:hover{background-image: url(../images/xw_04-1.png);}

.xw_bot{margin-top: 100px;padding-bottom: 80px;}
.xw_bot .menu{margin-bottom: 60px;text-align: center;}
.xw_bot .menu .lk{display: inline-block;vertical-align: middle;font-size: 15px;color: #4b9e8f;width: 130px;line-height: 38px;border:1px solid #4b9e8f;border-radius:4px;margin:0 15px;}
.xw_bot .menu .lk:hover,.xw_bot .menu .lk.cur{color: #fff;background: #4b9e8f;}

.xw_bot .list{margin-left: -30px;}
.xw_bot .list .item{text-align: center;float: left;margin-left: 30px;width: 275px;overflow: hidden;}
.xw_bot .list .img{width: 100%;display: block;height: 180px;transition: all .3s;}
.xw_bot .list .info{padding:30px 15px;background: #00488e;}
.xw_bot .list .title{font-size: 18px;color: #fff;font-weight: bold;display: block;}
.xw_bot .list .date{font-size: 16px;color: #fff;margin-top: 35px;font-style: italic;}
.xw_bot .list .txt{font-size: 14px;color: #fff;line-height: 24px;-webkit-line-clamp: 3;height: 72px;margin-top: 15px;}
.xw_bot .list .item:hover .info{background: #4b9e8f;}
.xw_bot .list .item:hover{box-shadow:0 0 15px #ddd;}
.layer-form {
    display: none;
    background: url(../images/layer-form-bg.jpg?v=3) no-repeat right center / auto 100%;
}

.layer-form:after,
.layer-form-left .input-checkbox:after,
.layer-form-left .input-inline:after {
    display: block;
    content: '';
    zoom: 1;
    clear: both;
}

.layer-form-left {
    width: 560px;
    float: left;
    box-sizing: border-box;
    padding: 45px 40px 12px;
}

.layer-form-left .form-group {
    border-bottom: none;
    margin-bottom: 56px;
    padding: 0;
}

.layer-form-left .input-title {
    font-size: 14px;
    margin-bottom: 25px;
}

.layer-form-left .input-radio label {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    padding: 6px 30px;
    border: 1px solid #e5e5e5;
    color: #9c9c9c;
    margin: 0 10px 0 0;
}

.layer-form-left .input-radio label.check {
    border-color: #27398b;
    color: #27398b;
}

.layer-form-left .input-radio input {
    display: none;
}

.layer-form-left .input-checkbox label {
    font-size: 18px;
    font-weight: bold;
    display: block;
    float: left;
    width: 25%;
    margin-bottom: 18px;
}

.layer-form-left .input-inline input {
    display: block;
    float: left;
    width: 31%;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    margin: 0 10px 10px 0;
    padding: 6px 4px;
}

.layer-form-left .submit-btn,
.layer-form-left .online-btn {
    font-size: 14px;
    border: none;
    border-radius: 0;
    width: 40%;
    text-align: center;
    line-height: 3;
}

.layer-form-left .submit-btn {
    color: #fff;
    background: #000;
}

.layer-form-left .online-btn {
    color: #000;
    background: #febf32;
}

.layer-form-right {
    width: 380px;
    float: left;
}

.layer-form-right img {
    display: block;
}
.form1{
    padding: 50px;
}
.form1 .form-header{
    text-align: center;
}
.form1 .form-header h1{
    font-size: 50px;
    font-weight: bold;
    color: #015099;
    line-height: 1.2;
}
.form1 .form-header h2{
    font-family: serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.6;
}
.form1 .form-header h3{
    font-size: 20px;
    color: #694645;
    font-weight: lighter;
    line-height: 1.4;
    word-spacing: 6px;
}
.form1 .form-header p{
    font-size: 14px;
    line-height: 2;
    margin: 10px 0;
    font-weight: lighter;
    color: #4c4c4c;
}
.form1 .question{
    font-size: 20px;
    line-height: 2;
}
.form1 .question,.form-header h2 span{
    color: #015099;
}
.form1 .form-btn{
    text-align: center;
    margin-top: 3em;
}
.form1 .form-btn button{
    background: #b60000;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    padding: 10px 20px;
    color: #fff;
}
.form1 .form-group{
    border-bottom: 1px solid #ccc;
    padding: 20px 200px;
}
.form1 .answers{
    line-height: 2;
    font-size: 14px;
}
.form1 .question.small{
    font-size: 16px;
}
.form1 .answers input{
    vertical-align: middle;
}
.form1 .checkbox-inline,.radio-inline{
    display: inline-block;
    margin-right: 1.4em;
}
.form1 .answers .contact{
    margin-top: 1em;
}
.form1 .answers .contact input{
    border: 1px solid #ccc;
    line-height: 1.4;
    padding: 4px;
}
.form1 .answers .contact label{
    line-height: 1.4;
    vertical-align: middle;
}
.form1 .answers .contact span{
    color: #f00;
}
.img-thumbnail{
    width: 100%;
    height: 100%;
    object-fit: contain;
}