.banner {

    width: 100%;

    height: 640px;

    background-color: #fdfbf6;

}



.width {

    width: 1200px;

    margin: 0 auto;

}



.choose-globevisa {

    background: #fdfbf6;

    padding: 30px 0;

}



.choose-globevisa h3 {

    font-size: 30px;

    color: #1b3081;

    font-weight: normal;

    display: inline-block;

}



.choose-globevisa span {

    display: inline-block;

    font-size: 20px;

    color: #888888;

}



.choose-globevisa .choose-content {

    border-top: 2px solid #dcdcdc;

    margin-top: 13px;

    padding-top: 34px;

    box-sizing: border-box;

}



.choose-globevisa .choose-content .choose-left {

    width: 40%;

    font-size: 14px;

}



.choose-globevisa .choose-content .choose-left p {

    font-size: 14px;

    color: #656565;

    line-height: 22px;

}



.choose-globevisa .choose-content .choose-left p:nth-of-type(2) {

    margin-top: 32px;

}



.choose-globevisa .choose-content .choose-left p:nth-of-type(3) {

    margin-top: 30px;

}



.focus {

    height: 320px;

    /*margin-left: 100px;*/

    position: relative;

}



.focus .left {

    width: 400px;

    height: 306px;

    position: relative;

    overflow: hidden;

}



.focus .left li {

    position: absolute;

    left: 0;

    top: 0;

    width: 300px;

    /*height:415px;*/

    z-index: 1;

    opacity: 0;

    filter: alpha(opacity=0);

}



.focus .left li.active {

    z-index: 2;

}



.focus .left li p {

    display: none;

}



.focus .left li video {

    width: 400px;

    height: 275px;

}



.focus .right {

    float: left;

    width: 190px;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    background-color: #fff;

    margin-left: 20px;

}



.focus .right header {

    padding: 0 20px;

    line-height: 32px;

    font-size: 13px;

}



.focus .right header span {

    font-size: 14px;

}



.focus .right a {

    display: inline-block;

    width: 24px;

    height: 28px;

    background: url("../image/button.png") no-repeat right;

    background-position-y: 4px;

}



.focus .right li {

    width: 190px;

    height: 60px;

    overflow: hidden;

    background-position: -120px 0;

    font-size: 24px;

    line-height: 60px;

    cursor: pointer;

    text-align: center;

    padding: 5px;

    box-sizing: border-box;

}



.focus .right li img {

    width: 73px;

    height: 48px;

}



.focus .right li:hover {

    background-color: #1b3081;

}



.focus .right li:hover p {

    color: #fff;

}



.focus .right li p {

    font-size: 14px;

    margin-left: 40px;

}



.new-information {

    background-color: #fdfbf6;

    padding: 30px 0;

    box-sizing: border-box;

}



.new-information h3 {

    font-size: 30px;

    color: #1b3081;

    font-weight: normal;

    display: inline-block;

}



.new-information p {

    font-size: 22px;

    color: #9b9a99;

    margin-bottom: 10px;

}



.information-content {

    padding: 30px 30px 0 30px;

    box-sizing: border-box;

    border-top: 2px solid #dcdcdc;

}



.information-content .information-content-li {

    width: 30%;

    margin-right: 57px;

}



.information-content ul li:last-of-type {

    margin-right: 0;

}



.information-content ul li .header span {

    display: inline-block;

    text-indent: 8px;

}



.information-content ul li .header span:before {

    position: absolute;

    content: '';

    width: 4px;

    height: 30px;

    top: 0;

    left: 0;

    background-color: #1b3081;

}



.information-content ul li .header {

    font-size: 20px;

    height: 30px;

    color: #80807f;

    position: relative;

}



.information-content ul li .header a {

    display: inline-block;

    width: 24px;

    height: 24px;

    background: url("../image/button.png") no-repeat right;

    background-position-y: 4px;

    position: absolute;

    right: 10px;

}



.information-content ul li .li-div {

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    padding: 12px 7px;

    background-color: #fff;

    box-sizing: border-box;

    margin-top: 12px;

}



.information-content ul li .li-div .top span {

    display: inline-block;

    line-height: 24px;

    color: #1b3081;

}



.information-content ul li .li-div .top .top-div {

    width: 150px;

    margin-left: 13px;

}



.information-content ul li .li-div .top {

    margin-bottom: 15px;

    display: none;

}



.information-content ul li .li-div .top ul li {

    width: 100%;

}



.information-content ul li .li-div ul {



    padding: 15px 10px 0 10px;

    box-sizing: border-box;

    line-height: 24px;

}



.information-content ul li .li-div ul li a {

    color: #808080;

}



.information-content ul li .li-div ul li em {

    font-size: 20px;

    margin-right: 8px;

}



.information-content ul li .li-div ul span {

    display: inline-block;

}



.information-content-li ul {

    margin-top: 10px;

}



.information-content-li .li-header {

    position: relative;

    height: 30px;

    font-size: 19px;

    text-indent: 15px;

    color: #a6a6a6;

}



.information-content-li .li-header span {

    display: inline-block;

    width: 5px;

    height: 30px;

    background-color: #1b3081;

    position: absolute;

    left: 0;

}



.information-content-li .li-header a {

    position: absolute;

    display: inline-block;

    width: 24px;

    height: 29px;

    background: url(../image/button.png) no-repeat right;

    background-position-y: 4px;

    right: 0;

    top: 0;

    z-index: 10;

}







.m-slide {

    position: relative;

    top: 4px;

    width: 683px;

    height: 200px;

    background: #fff;

    margin-left: 28px;

}



.m-slide .bottom-shadow {

    position: absolute;

    bottom: -3px;

    left: 0;

    width: 100%;

    height: 1px;

    overflow: hidden;

    border-top: 1px solid #e0e0e0;

    background: #e6e6e6;

    border-bottom: 1px solid #ececec

}



.m-slide .img {

    float: left;

    position: relative

}



.m-slide .img li, .m-slide .img a, .m-slide .img img {

    display: block;

    width: 490px;

    height: 200px

}



.m-slide .img li {

    display: none;

    position: absolute;

    left: 0;

    top: 0

}



.m-slide .img .first {

    display: block

}



.m-slide .tab {

    float: right

}



.m-slide .tab li {

    *margin-bottom: -3px;

    border-top: 1px solid #e5e5e5;

    width: 193px

}



.m-slide .tab .first {

    border-top: 0

}



.m-slide .tab a {

    text-decoration: none;

    display: block;

    position: relative;

    width: 193px;

    height: 57px;

}



.m-slide .tab a b {

    position: absolute;

    left: 0;

    top: 20px;

    width: 4px;

    height: 11px;

    overflow: hidden

}



.m-slide .tab a span {

    position: absolute;

    overflow: hidden

}



.m-slide .tab a .title {

    left: 90px;

    top: 6px;

    height: 49px;

    line-height: 40px;

    font-size: 14px;

    color: #666

}



.m-slide .tab a .des {

    left: 18px;

    top: 26px;

    height: 16px;

    line-height: 16px;

    color: #999

}



.m-slide .tab .first a {

    height: 50px

}



.m-slide .tab .on a {

    background-color: #1b3081;

    color: #fff

}



.m-slide .tab .on span {

    color: #fff

}



.m-slide .img video {

    width: 480px;

    height: 302px;

}



.m-slide .tab a img {

    position: absolute;

    top: 10px;

    left: 10px;

}



.m-slide .tab {

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    margin-top: 10px;

}



.m-slide .tab header {

    height: 60px;

    line-height: 60px;

    color: #555;

    text-indent: 10px;

    position: relative;

}



.m-slide .tab header p {

    font-size: 14px;

}



.m-slide .tab header a {

    display: inline-block;

    width: 24px;

    height: 28px;

    background: url(../image/button.png) no-repeat right;

    position: absolute;

    right: 15px;

    top: 15px;

}



.tabs div {

    clear: both;

    min-height: 500px;

}



.tabs div.swiper-button-prev {

    min-height: 44px;

    z-index: 999999;

}



.tabs div.swiper-button-next {

    min-height: 44px;

    z-index: 999999;

}



.tabs .horizontal {

    margin: 0px;

    padding: 0px;

}



.tabs .horizontal li {

    float: left;

    list-style: none;

    height: 50px;

    line-height: 50px;

    background-color: #c5c5c5;

    width: 150px;

    text-align: center;

    cursor: pointer;

    font-size: 20px;

    color: #868686;

}



.tabs .horizontal li.selectActive {

    background-color: #1b3081;

    color: white;

}



.information-content #list {

    width: 324px;

    height: 324px;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    padding: 12px 7px;

    background-color: #fff;

}



.information-content-li ul li {

    width: 100%;

    height: 20px;

    position: relative;

    margin-top: 10px;

    text-indent: 20px;

}



.information-content-li ul li:before {

    position: absolute;

    left: -8px;

    top: -6px;

    font-size: 20px;

}



.information-content-li ul li a {

    z-index: 99;

    display: none;

    width: 100%;

    height: 94px;

    position: absolute;

    top: -110px;

}



.information-content-li ul li:hover a {

    display: block;

    border-top: 1px dashed #c5c5c5;

    border-bottom: 1px dashed #c5c5c5;

}



.information-content-li ul li.active {

    margin-top: 110px;

    box-sizing: border-box;

}



.information-content-li ul li.active a {

    display: block;

    padding: 5px 3px;



}



.information-content-li ul li>span {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 13px;

}



.information-content-li dl {

    font-size: 13px;

    color: #ad8951;

    position: relative;

}



.information-content-li dl dt {

    text-indent: 0px;

}



.information-content-li dl dd {

    position: absolute;

    bottom: -30px;

    right: 10px;

}



.information-content-li img {

    width: 150px;

    height: 94px;

    margin-right: 10px;

}



.information-content #list1 {

    width: 324px;

    height: 324px;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    /* box-sizing: border-box; */

    padding: 12px 7px;

    background-color: #fff;

}



.information-content #list2 {

    width: 324px;

    height: 324px;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    /* box-sizing: border-box; */

    padding: 12px 7px;

    background-color: #fff;

}



.company {

    background-color: #fdfbf6;

    padding: 30px 0;

}



.company h3 {

    font-size: 30px;

    color: #1b3081;

    font-weight: normal;

    display: inline-block;

}



.company .one {

    font-size: 22px;

    color: #9b9a99;

    margin-bottom: 10px;

}



.company-content {

    box-sizing: border-box;

    border-top: 2px solid #dcdcdc;

    padding-top: 9px;

}



.company-left {

    width: 820px;

}



.company-left .content-tabs header span strong {

    font-size: 22px;

    color: #555555;

    font-weight: normal;

    position: relative;

    text-indent: 22px;

    left: 20px;

}



.company-left .content-tabs header span strong:before {

    content: '';

    position: absolute;

    top: -7px;

    left: -17px;

    width: 4px;

    height: 44px;

    background-color: #1b3081;

}



.company-left .content-tabs nav ul {

    margin-top: 20px;

    margin-left: 20px;

}



.company-left .content-tabs nav ul li {

    float: left;

    margin-right: 10px;

}



.company-left .content-tabs nav ul li a {

    font-size: 14px;

    display: inline-block;

    color: #555;

    height: 28px;

}



.company-left .content-tabs nav ul li.cur a, .company-left .content-tabs nav ul li a:hover {

    border-bottom: 1px solid #1b3081;

    color: #1b3081;

    box-sizing: border-box;

}



.company-left .content-tabs .content {

    margin-top: 14px;

}



.company-left .content-tabs dl dd p {

    width: 350px;

    height: 109px;

    line-height: 19px;

    margin-bottom: 10px;

    font-size: 14px;

    overflow: hidden;

}



.company-left .content-tabs dl dd {

    display: none;

}



.company-left .content-tabs dl dd>img {

    width: 446px;

    height: 244px;

}



.company-left .content-tabs dl dd.show {

    display: block;

}



.company-left .content-tabs .hqH_btn a {

    width: 133px;

    height: 45px;

    background-color: #1b3081;

    color: #fff;

    text-align: center;

    line-height: 45px;

    display: inline-block;

    font-size: 18px;

}



.content-tabs .tabs2 {

    margin-top: 50px;

}



.company-left .content-tabs .hqH_btn {

    margin-top: 13px;

}



.company-left .content-tabs .hqH_btn a:last-of-type {

    margin-left: 80px;

}



.company-right {

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    background-color: #fff;

    width: 324px;

    margin-top: 60px;

    height: 660px;

}



.company-right .company_title {

    padding: 0 15px;

    height: 37px;

    line-height: 37px;

    border-bottom: 2px solid #eaeaea;

    position: relative;

}



.company-right>ul {

    background-color: #1b3081;

    height: 37px;

    line-height: 37px;

}



.company-right>ul li {

    width: 80px;

    position: relative;

    text-indent: 20px;

}



.company-right .company_title a:hover {

    color: #fff;

    font-weight: 700;

}



.company-right>ul li:first-of-type:before {

    content: '';

    position: absolute;

    width: 2px;

    height: 16px;

    background-color: #fff;

    top: 12px;

    right: -9px;

}



.company-right>ul li .triangle {

    width: 0;

    height: 0;

    border-width: 0 10px 10px;

    border-style: solid;

    border-color: transparent transparent transparent;

    position: absolute;

    top: 29px;

    left: 19px;

    margin-left: 20px;

}



.company-right .company_con {

    display: none;

}



.company-right .company_con.cur {

    display: block;

}



.company-right>ul li .current {

    border-color: transparent transparent #fff;

}





.company-right .company_con li {

    position: relative;

    line-height: 36px;

    text-indent: 30px;

}



.company-right .company_con ul li:hover {

    background-color: #1b3081;

    color: #fff;

}



.company-right .company_con ul li a:hover {

    color: #fff;

}



.company-right .company_con ul li a {

    color: #6c6c6c;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 90%;

    font-size: 13px;

}



.company-right .company_con ul li:before {

    content: '·';

    position: absolute;

    font-size: 20px;

    top: 0;

    left: -14px;

}



.company-right ul li a {

    color: #fff;

    font-size: 14px;

}



.company-left .content-tabs dl dd span {

    display: block;

    width: 350px;

    max-width: 350px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

}



.box a:hover {

    color: #fff;

    font-weight: 700;

}



.pr_list dd:hover {

    color: #1b3081;

}



.pull_left_box {

    float: left;

    margin-left: 20px;

    margin-top: 4px;

    color: #555;

}



.company-right p a {

    display: inline-block;

    width: 24px;

    height: 28px;

    background: url(../image/button.png) no-repeat right;

    position: absolute;

    right: 15px;

    top: 5px;

    /*background-position-y: 4px;*/

}



.ten-years {

    padding: 30px 0;

    background: #fff;

}



.ten-years h3 {

    font-size: 30px;

    color: #1b3081;

    font-weight: normal;

    display: inline-block;

}



.ten-years .one {

    font-size: 22px;

    color: #9b9a99;

    margin-bottom: 10px;

}



.ten-content {

    box-sizing: border-box;

    border-top: 2px solid #dcdcdc;

    padding-top: 30px;

}



.ten-content .four {

    width: 24%;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    padding: 20px;

    box-sizing: border-box;

    margin-right: 16px;

    height: 420px;

}



.ten-content ul li:last-of-type {

    margin-right: 0;

}



.ten-content ul li img {

    width: 100%;

    max-height: 150px;

}



.ten-content ul li h5 {

    font-size: 15px;

    color: #1b3081;

    margin-top: 20px;

    text-align: center;

}



.ten-content ul li .two {

    font-size: 13px;

    color: #1b3081;

    margin-top: 9px;

    text-align: center;

    width: 248px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.ten-content ul li .three {

    font-size: 13px;

    color: #656565;

    margin-top: 9px;

    text-align: center;

    line-height: 28px;

    height: 90px;

}



.ten-content ul li .look {

    /*display: inline-block;*/

    width: 159px;

    height: 36px;

    line-height: 36px;

    background-color: #1b3081;

    color: #fff;

    font-size: 14px;

    text-align: center;

    margin: 20px auto 0 auto;

}



.ten-content ul li:last-of-type {

    padding: 0;

}



.ten-content ul li:last-of-type header {

    height: 52px;

    background-color: #1b3081;

    padding: 0 14px;

    line-height: 52px;

    position: relative;

}



.triangle {

    width: 0;

    height: 0;

    border-width: 0 10px 10px;

    border-style: solid;

    border-color: transparent transparent transparent;

    /*透明 透明  灰*/

    position: absolute;

    top: 42px;

    left: 9px;

    margin-left: 20px;

}



.current {

    border-color: transparent transparent #fff;

}



.box ul {

    background-color: #1b3081;

    height: 52px;

    line-height: 52px;

}



.box ul li {

    width: 80px;

    position: relative;

    text-indent: 20px;

}



.box ul li:first-of-type:before {

    content: '';

    position: absolute;

    width: 2px;

    height: 20px;

    background-color: #fff;

    top: 16px;

    right: -9px;

}



.box ul li a {

    color: #fff;

    font-size: 14px;

}



.box ul .play {

    position: absolute;

    display: inline-block;

    width: 24px;

    height: 29px;

    background: url(../image/button.png) no-repeat right;

    background-position-y: 4px;

    right: -206px;

    top: 10px;

    z-index: 10;

}



.box div {

    padding: 23px 9px 0 9px;

}



.box div p {

    position: relative;

    text-indent: 13px;

    line-height: 35px;

}



.box div p:before {

    content: '·';

    position: absolute;

    top: -2px;

    left: -10px;

    font-size: 20px;

}



.box div p a {

    color: #555555;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 13px;

}



.box div p a:hover {

    color: #1b3081;

    font-weight: normal;

}



.ten-content ul li:last-of-type header a {

    color: #fff;

    font-size: 15px;

}



.ten-content ul li:last-of-type header a:nth-of-type(2) {

    margin-left: 22px;

    position: relative;

}



.ten-content ul li:last-of-type header a:nth-of-type(2):before {

    content: '';

    width: 2px;

    height: 20px;

    background: #fff;

    position: absolute;

    top: 16px;

    left: -11px;

}



.ten-content ul li:last-of-type header a:last-of-type {

    display: inline-block;

    width: 24px;

    height: 29px;

    background: url(../image/button.png) no-repeat right;

    background-position-y: 4px;

    position: absolute;

    right: 13px;

    top: 10px;

}



.ten-content ul li:last-of-type ol {

    padding: 0 20px;

    margin-top: 21px;

}



.ten-content ul li:last-of-type ol li {

    position: relative;

    line-height: 35px;

}



.ten-content ul li:last-of-type em {

    font-size: 20px;

    margin-right: 8px;

    position: absolute;

    left: -13px;

}



.ten-content ul li:last-of-type img {

    margin-top: 14px;

}





.appointment {

    background-color: #fdfbf6;

    padding: 30px 0;

}



.appointment .form {

    width: 325px;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    text-align: center;

    height: 430px;

    background-color: #fff;

    padding-bottom: 30px;

}



.appointment .form span:first-of-type {

    display: inline-block;

    width: 142px;

    height: 26px;

    background-color: #1b3081;

    color: #fff;

    line-height: 26px;

    text-align: center;

    margin: 0 auto;

}



.appointment .form h5 {

    margin-top: 10px;

    color: #555555;

    font-size: 18px;

    font-weight: normal;

}



.appointment .form h3 {

    /* margin-top: 15px; */

    color: #555555;

    font-size: 24px;

    font-weight: normal;

    /* margin-bottom: 30px; */

}



.appointment .form span:last-of-type {

    font-size: 12px;

}



.appointment .form form div {

    margin-top: 20px;

    font-size: 13px;

}



.appointment .form form div:nth-child(3) {

    margin-left: -10px;

}



.appointment .form form input, .appointment .form form select {

    display: inline-block;

    width: 166px;

    height: 32px;

    background-color: #f2f2f2;

    font-size: 10px;

    text-indent: 10px;

    color: #9d9d9d;

}



.appointment .form form a {

    display: inline-block;

    width: 175px;

    height: 40px;

    background-color: #1b3081;

    font-size: 17px;

    color: #fff;

    line-height: 40px;

    margin-top: 22px;

}



.form form .ajaxBtn {

    border: 0;

    cursor: pointer;

    width: 175px;

    height: 40px;

    background-color: #1b3081;

    font-size: 17px;

    color: #fff;

    line-height: 40px;

    margin-top: 22px;

}



.appointment .right-content {

    width: 800px;

}



.appointment .right-content .right-box {

    position: relative;

}



.content3 {

    height: 470px;

    width: 800px;

    margin: 0px auto 0 auto;

    position: relative;

    overflow: hidden;

}



.drama-poster {

    margin: 0 auto;

    width: 768px;

    height: 474px;

    overflow: hidden;

    position: relative;

}



.drama-poster ul {

    width: 1000px;

}



.drama-poster li {

    padding: 0 20px;

    box-sizing: border-box

}



.show-poster-3 {

    width: 360px;

    float: left

}



.show-poster-3 .img {

    display: block;

    width: 135px;

    height: 180px

}



.show-poster-3 .price {

    height: 20px;

    display: block;

    margin-top: 30px;

    text-align: center;

    color: #555555;

}



.show-poster-3 .arrow {

    display: none;

    position: absolute;

    bottom: 107px;

    width: 135px;

    height: 7px;

    overflow: hidden;

}



.current .arrow {

    display: block

}



.show-poster-3 p {

    display: none;

    color: #999;

    line-height: 20px;

    position: absolute;

    width: 447px;

    height: 94px;

    left: 0;

    bottom: 2px;

    border-top: 1px dashed #ccc;

    z-index: 10px;

    padding-top: 10px

}



.show-poster-3 p strong {

    color: #333;

    font-weight: normal;

    text-align: center;

}



.drama-poster li.current p {

    display: block

}



.drama-slide li {

    position: absolute;

    top: 93px

}



.drama-slide li.prev {

    left: 0

}



.drama-slide li.next {

    right: 0

}



.drama-slide li a {

    display: block;

    width: 31px;

    height: 139px;

}



.drama-slide li.prev a {

    background-position: 0 -122px;

    position: absolute;

    top: 56px;

    left: 0px;

    background: url(../image/left.jpg) no-repeat;

}



.drama-slide li.next a {

    background: url(../image/right.jpg) no-repeat;

    position: absolute;

    top: 56px;

    right: 0px;

}



.popular-project {

    padding: 30px 0;

    background: #fff;

}



.popular-project h3 {

    font-size: 30px;

    color: #1b3081;

    font-weight: normal;

    display: inline-block;

}



.popular-project .one {

    font-size: 22px;

    color: #9b9a99;

    margin-bottom: 10px;

    position: relative;

}



.popular-project .one a {

    position: absolute;

    display: inline-block;

    width: 24px;

    height: 29px;

    background: url(../image/button.png) no-repeat right;

    background-position-y: 4px;

    right: 13px;

    top: 10px;

}



.popular-content {

    box-sizing: border-box;

    border-top: 2px solid #dcdcdc;

    position: relative;

}



.popular-content ul li {

    position: relative;

    margin-right: 48px;

    margin-top: 48px;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

}



.popular-content ul li:nth-of-type(3) {

    margin-right: 0;

}



.popular-content ul li:nth-of-type(6) {

    margin-right: 0;

}



.popular-content ul li div {

    position: absolute;

    width: 364px;

    height: 170px;

    background-color: rgba(0, 0, 0, .7);

    opacity: 0;

    transition: .3s;

    top: 0;

    left: 0;

    text-align: center;

}



.popular-content .play {

    position: absolute;

    display: inline-block;

    width: 24px;

    height: 29px;

    background: url(../image/button.png) no-repeat right;

    background-position-y: 4px;

    right: 13px;

    top: 10px;

}



.ten-content ul li:last-of-type header a {

    color: #fff;

    font-size: 15px;

}



.popular-content ul li div p {

    font-size: 18px;

    color: #fff;

    margin-top: 52px;

}



.popular-content ul li div a {

    display: inline-block;

    width: 157px;

    height: 36px;

    background-color: #1b3081;

    font-size: 16px;

    color: #fff;

    line-height: 36px;

    margin-top: 30px;

    position: relative;

}



.popular-content ul li div a:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-top: 3px solid transparent;

    border-left: 7px solid #fff;

    border-bottom: 3px solid transparent;

    top: 14px;

    right: 33px;

}



.popular-content ul li:hover div {

    opacity: 1;

}



.global-activity {

    padding: 30px 0;

}



.global-activity h3 {

    font-size: 30px;

    color: #1b3081;

    font-weight: normal;

    display: inline-block;

}



.global-activity .one {

    font-size: 22px;

    color: #9b9a99;

    margin-bottom: 10px;

}





.activity-content {

    box-sizing: border-box;

    border-top: 2px solid #dcdcdc;

    position: relative;

}



.activity-content .play {

    position: absolute;

    display: inline-block;

    width: 24px;

    height: 29px;

    background: url(../image/button.png) no-repeat right;

    background-position-y: 4px;

    right: 13px;

    top: 10px;

}



.activity-content ul {

    margin-top: 46px;

}



.activity-content ul li {

    width: 364px;

    margin-right: 47px;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    padding-bottom: 10px;

}



.activity-content ul li:last-of-type {

    margin-right: 0;

}



.activity-content ul li p:first-of-type {

margin-top: 20px;
    color: #656565;
    font-size: 14px;
    letter-spacing: 1px;
    text-indent: 5px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
    /* 新增文本居中属性 */
    text-align: center;
    /* 可选：如果需要让整个p标签在容器中水平居中，可添加 */
    margin-left: auto;
    margin-right: auto;

}



.activity-content ul li p:last-of-type {

    overflow: hidden;

    font-size: 14px;

    line-height: 30px;

    color: #747474;

    padding-left: 14px;

    margin-top: 10px;

}



.activity-content ul li p a {

    float: right;

    margin-right: 14px;

    display: inline-block;

    width: 84px;

    height: 30px;

    background-color: #1b3081;

    color: #fff;

    text-align: center;

    line-height: 30px;

}



.activity-content .banner2 {

    margin-top: 110px;

}



.activity-content ul li>img {

    width: 364px;

    max-height: 179px;

    overflow: hidden;

}



.my-link {

    background-color: #f0f0f0;

    height: 191px;

    padding-top: 28px;

    text-align: center;

}



.my-link h5 {

    font-size: 16px;

    color: #8b8b8b;

    text-align: center;

    font-weight: normal;

}



.my-link a {

    display: inline-block;

}



.my-link p:first-of-type {

    margin-top: 23px;



}



.my-link p {

    line-height: 23px;

}



.my-link p a {

    font-size: 12px;

    line-height: 18px;

    color: #818181;

    padding: 0 10px;

}



.my-link span {

    font-size: 14px;

    color: #818181;

    margin-top: 24px;

    display: inline-block;

}



.qq {

    font-size: 12px;

    line-height: 18px;

    color: #818181;

    padding: 10px;

}



.footer {

    height: 354px;

    background-color: #a5a5a5;

    padding-top: 32px;

}



.footer h3 {

    font-size: 18px;

    color: #fff;

    font-weight: normal;

    display: inline-block;

    margin-bottom: 10px;

}



.foot-content {

    height: 137px;

}



.foot-content a {

    display: inline-block;

    width: 106px;

    color: #fff;

    border-right: 1px solid #fff;

    margin-top: 10px;

    text-align: center;

}



.foot-content .foot-left {

    box-sizing: border-box;

    border-top: 1px solid #fff;

    width: 918px;

    padding-top: 10px;

}



.foot-content .foot-right {

    border-left: 1px solid #fff;

    padding-left: 20px;

}



.foot-content .foot-right div {

    width: 85px;

    text-align: center;

    margin-right: 20px;

    font-size: 14px;

    color: #fff;

}



.foot-content .foot-right img {

    padding-bottom: 10px;

}



.foot-bottom {

    margin-top: 20px;

    border-top: 1px solid #fff;

    padding-top: 30px;

}



.foot-bottom p {

    text-align: center;

    color: #fff;

    line-height: 26px;

}



.pr_slide {

    position: relative;

    float: left;

    width: 875px;

    cursor: pointer;

}



.pr_slide .swiper-slide {

    background-color: #fdfbf6;

    box-shadow: none;

    width: 760px;

}



.pr_slide a {

    color: inherit;

    text-decoration: none;

}



.pr_list {

    overflow: hidden;

    margin: 0 -10px;

    padding-left: 66px;

    padding-right: 46px;

    box-sizing: border-box;

}



.pr_list li {

    float: left;

    width: 50%;

}



.pr_list dl {

    margin: 0 10px;

}



.pr_list dt img {

    width: 100%;

    height: 194px;

}



.pr_list dd {

    font-size: 14px;

    color: #555;

    line-height: 36px;

    height: 36px;

    text-align: center;

    box-sizing: border-box;

}



.pr_slide .ctrl_btn {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    height: 140px;

    margin-top: -70px;

    z-index: 20;

}



.pr_slide .prev_btn {

    position: absolute;

    width: 40px;

    height: 140px;

    top: 0;

    left: 20px;

    background-color: #eceae6;

    background-image: url(../image/prev_btn.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 18px;

}



.pr_slide .next_btn {

    position: absolute;

    width: 40px;

    height: 140px;

    top: 0;

    right: 0px;

    background-color: #eceae6;

    background-image: url(../image/next_btn.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 18px;

}



.pr_slide .prev_btn:hover {

    background-color: #c6c4c1;

    transition: .4s;

}



.pr_slide .next_btn:hover {

    background-color: #c6c4c1;

    transition: .4s;

}



.pp_panel {

    border-top: 2px solid #dcdcdc;

    padding-top: 48px;

}



.pp_list {

    overflow: hidden;

    margin: -22px;

}



.pp_list li {

    float: left;

    width: 33.33%;

    cursor: pointer;

    transition: .4s;

}



.pp_list dl {

    position: relative;

    margin: 22px;

    box-shadow: 0 0 2px rgba(0, 0, 0, .2);

}



.pp_list dl:hover dd {

    opacity: 1;

}



.pp_list dt {

    height: 170px;

}



.pp_list dd {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(6, 30, 39, .89);

    text-align: center;

    opacity: 0;

    transition: .4s;

}



.pp_list dd h3 {

    font-size: 18px;

    color: #fff;

    padding: 48px 0 24px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 100%;

}



.pp_list dd a {

    width: 158px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    background-color: #1b3081;

    font-size: 18px;

    color: #fff;

    text-decoration: none;

    display: block;

    margin: 0 auto;

}



.pp_list dd a * {

    display: inline-block;

    vertical-align: middle;

}



.pp_list dd a i {

    width: 5px;

    height: 7px;

    background-image: url(../image/popular_enter.png);

    padding: 0 8px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



/*此处为新增样式部分*/

.g-banner {

    height: 405px;

    position: relative;

    overflow: hidden;

}



.g-banner-slider {

    height: 405px;

    position: absolute;

    left: 0;

    top: 0;

}



.g-banner-slider li,

.g-banner-slider a,

.g-banner-slider img {

    height: 405px;

}



.g-banner-slider li {

    float: left;

}



.g-banner-slider a {

    width: 100%;

    position: relative;

    overflow: hidden;

}



.g-banner-slider img {

    position: absolute;

    top: 0;

    left: 50%;

    /* margin: 0 0 0 -840px; */

}



.g-banner-pagination {

    width: 100%;

    height: 20px;

    position: absolute;

    left: 0;

    bottom: 36px;

    text-align: center;

    font-size: 0;

}



.g-banner-pagination li {

    width: 40px;

    height: 20px;

    display: inline-block;

    margin: 0 8px 0 8px;

    cursor: pointer;

    position: relative;

}



.g-banner-pagination li a {

    width: 40px;

    height: 4px;

    position: absolute;

    left: 0;

    top: 50%;

    margin: 16px 0 0 0;

    background: #ffffff;

    opacity: .5;

    filter: alpha(opacity=50);

}



.g-banner-pagination li.current a {

    opacity: 1;

    filter: alpha(opacity=100);

}



.g-banner-btn {

    width: 46px;

    height: 104px;

    position: absolute;

    top: 50%;

    margin-top: -52px;

    cursor: pointer;

}



.g-banner-btn-prev {

    left: 50%;

    margin-left: -600px;

    background: url("../image/g-banner-btn-prev.png") no-repeat left top;

}



.g-banner-btn-next {

    right: 50%;

    margin-right: -600px;

    background: url("../image/g-banner-btn-next.png") no-repeat left top;

}



.g-center-block {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.distribute_duominike {

    left: 398px !important;

    top: 208px !important;

}



.zpc {

    /* border: 2px solid #001d25; */

    border: 1px solid #1b3081;

    width: 702px;

    height: 398px;

    background-color: white;

}



.imagestx {

    margin-left: 18px;

}



.img1 {

    /* border:1px solid #001d25; */

    border: 1px solid #1b3081;

}



.img2 {

    border: 1px solid #5a5a57;

    width: 452px;

    height: 140px;

    display: none;

    background-color: white;

    padding: 5px;

    /*margin-left: 20px;*/

}



.img2 .div {

    width: 100%;

    height: 100%;

    border-top: 2px solid #1b3081;

}



.img2 p {

    margin-top: 5px;

}



.zpc1 {

    width: 453px;

    height: 398px;

    float: left;

}



.zpc2 {

    width: 249px;

    height: 398px;

    float: left;

}



.zpc2 .img1 {

    width: 247px;

    height: 197px;

}



.zpc2 .imagestx {

    width: 206px;

    height: 196px;

}



.im1 .img1 {

    width: 149px;

    height: 111.6px;

    float: left;

}



.im1 .imagestx {

    width: 113px;

    height: 112px;

    background-color: white;

}



.im2 .img1 {

    width: 224.5px;

    height: 169.2px;

    float: left;

}



.im2 .imagestx {

    width: 172px;

    height: 167px;

    float: left;

    margin-top: 1px;

}



.im3 .img1 {

    width: 149px;

    height: 111.6px;

    float: left;

}



.im3 .imagestx {

    width: 116px;

    height: 110px;

    margin-top: 1px;

}



/*三人*/

.sr {

    float: left;

    /* border: 1px solid #555555; */

    border: 1px solid #1b3081;

}



.srr {

    float: left;

    border: 1px solid #1b3081;

    /* border: 1px solid #555555; */

}



/*五人*/

.wur {

    float: left;

    /* border: 1px solid #555555; */

    border: 1px solid #1b3081;

}



.wurr {

    float: left;

    /* border: 1px solid #555555; */

    border: 1px solid #1b3081;

}



/*底部小导航*/

.big_footer_nav {

    width: 100%;

    background: #f0f0f0;

    height: 150px;

}



.footer_nav {

    width: 1200px;

    margin: auto;

    height: 150px;

    font-size: 14px;



}



.footer_nav li {

    float: left;

    width: 200px;

    text-align: center;

    margin-top: 28px;

    position: relative;





}



.footer_nav li p {

    font-size: 20px;

    color: #818181;

}



.tc_div {

    position: absolute;

    display: none;

    top: -150px;

    left: -20px;

    width: 270px;

    height: 275px;

    background: #ffffff;

    border: 1px solid #a5a5a5;

    border-radius: 10px;

}



.tc_div span {

    display: block;

    font-size: 16px;

    color: #3d3d3d;

    line-height: 28px;

}



.span_one {

    margin-top: 12px;

    line-height: 44px;

    color: #666666;

    font-weight: bold;

}



.tc_div span em {

    width: 166px;

    height: 31px;

    background: #464646;

    display: inline-block;

    line-height: 30px;

    font-size: 14px;

    border-radius: 5px;

    color: #ffffff;

    margin-top: 9px;

}



.footer_nav li img {

    margin: auto;

    width: 60px;

    height: 60px;

}



.g-banner-pagination li {

    width: 93.5px;

    height: 22px;

    display: inline-block;

    margin: 0 8px 0 8px;

    cursor: pointer;

    position: relative;

    color: #1b3081;

}



.g-banner-pagination li a {

    width: 93.5px;

    height: 23px;

    position: absolute;

    left: 0;

    top: 50%;

    margin: 16px 0 0 0;

    background: #ffffff;

    color: #1b3081;

    opacity: 0.8;

    font-size: 15px;

    filter: alpha(opacity=50);

    font-family: ”Microsoft YaHei”;

    font-weight: 700;

}



.g-banner-ol {

    width: 100%;

    height: 22px;

    position: absolute;

    left: 0;

    bottom: 20px;

    text-align: center;

    font-size: 14px;

}



.g-banner-ol li a {

    padding: 0 6px;

    height: 23px;

    /*position: absolute;

		/*left: 0;*/

    /*top: 50%;*/

    /*margin: 16px 0 0 0;*/

    background: #ffffff;

    color: #1b3081;

    opacity: 0.8;

    font-size: 15px;

    filter: alpha(opacity=50);

    font-family: ”Microsoft YaHei”;

    font-weight: 700;

}



.g-banner-ol li {

    display: inline-block;

    margin: 0 8px 0 8px;

    cursor: pointer;

    position: relative;

    color: #1b3081;

    margin-top: 15px;

    /*background-color: white;*/



}



.current {

    /*background: #111111;*/

    color: #1b3081;

}





.listActive {

    padding: 5px 3px;

    color: #ad8951;

}



.listActiveA {

    display: block;

    z-index: 99;

    width: 100%;

    position: absolute;

    top: -2px;

}



.one .more {

    display: block;

    width: 395px;

    position: absolute;

    top: 9px;

    right: 0;

    font-size: 24px;

    color: #1b3081;

    z-index: 2;

}



.one .more li {

    width: 190px;

    float: left;

    text-align: center;



}



.one .more li.on {

    font-weight: bold;

}



.one .more li.on i {

    width: 80px;

    height: 2px;

    background: #1f8ceb;

    position: absolute;

    bottom: 0;

    left: 55px;

}



.one .more li:last-of-type {

    float: right;

}



.activity-content {

    display: none;

}



.activity-content.on {

    display: block;

}



.activity-content ul li p .xsjxh {

    float: none;

    display: block;

    margin: 0 auto;

}