@charset "utf-8";


@font-face {
    font-family: "SourceHanSerifSC-Regular";
    src: url("../fonts/SOURCEHANSERIFCN-REGULAR.woff2") format("woff2"),
    url("../fonts/SOURCEHANSERIFCN-REGULAR.woff") format("woff"),
    url("../fonts/SOURCEHANSERIFCN-REGULAR.ttf") format("truetype"),
    url("../fonts/SOURCEHANSERIFCN-REGULAR.eot") format("embedded-opentype"),
    url("../fonts/SOURCEHANSERIFCN-REGULAR.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "SourceHanSerifSC-Regular";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #666;background-color: #fff;font-family: "SourceHanSerifSC-Regular";max-width: 1920px; min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
/*    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "SourceHanSerifSC-Regular";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #e04d0c;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "SourceHanSerifSC-Regular";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

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

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/*5行文本省略号*/
.dot5 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.ytable{ display:table; width:100%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

a {
    color: #585858;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.hide {
    display: none;
}

.auto_1720{position: relative;max-width: 1720px;margin: auto;}
.auto_1920{position: relative;max-width: 1920px;margin: auto;}
@media (max-width: 1720px) {
    .auto_1720{padding: 0 2%;}
}
/*@media (max-width: 1920px) {*/
    /*.auto_1920{padding: 0 2%;}*/
/*}*/
@media (max-width: 678px) {
.auto{padding: 0 2%;}
}


/*top.html*/
.top >.auto_1720{padding-top: 20px;padding-bottom: 20px; }
.top .search{position: relative;float: right;padding: 10px 0;}
.top .search .open-search{ display: inline-block;height: 20px;width: 20px;background: url("../images/search.png") no-repeat center  center;background-size: 100% 100%;}
.top .search .search-box{ display:none; z-index:90; position:absolute; right:0; top:100%;width:300px;}
.top .search .search-box .text{ line-height:36px;height:43px; width:100%;  padding:0 10px; border:2px solid #014099;padding-right: 40px;}
.top .search .search-box .btn{display: inline-block; position:absolute; line-height:42px;color: #333; right:0; top:0; width:42px; height:42px; background-size:50% auto;}
.top .nav{float: right;margin-right: 120px;z-index: 100;}
.top .nav >li{position: relative;float: left;margin: 0 50px;}
.top .nav >li>a{display: inline-block;line-height: 40px;position: relative;padding: 0 4px;color: #000000; font-size: 16px;}
.top .nav >li>a:hover,.top .nav >li>a.aon{color: #014099;}
.top .nav >li>a:hover::after,.top .nav >li>a.aon::after{content:"";position: absolute;left: 0;right: 0;margin: auto;top:100%; height: 2px;background-color: #014099;}

.top .logo_wrap{position: absolute;left: 0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.top .logo_wrap >a{display: inline-block;position: relative;border-right: 1px solid #dddddd;padding-right: 20px;margin-right: 20px;float: left;}
.top .logo_wrap >a:last-child{border-right: 0;padding-right: 0;margin-right: 0;}
.top .open_menu{display: none; float: right; height: 30px;width: 30px;margin: 5px 0 5px 15px;background: url("../images/open_menu.png") no-repeat center center;background-size: 100% auto;}
.top .open_menu.aon{background: url("../images/close.png") no-repeat center center;background-size: 80% auto;}

.top .nav .drop {display:none;}
.top .nav .child{ padding:0.5em 0;}
.top .nav .child a {display:block; padding:0 15px; font-size:1em; line-height:2em;}

@media (max-width: 1720px) {
    .top .logo_wrap{left:2%;}
}
@media (min-width: 1200px) {
	.top .nav .drop {position:absolute; padding:20px 0; left:50%; transform:translateX(-50%); z-index:5;}
	.top .nav .child {background-color:#fff; box-shadow:0 0 1em rgba(0,0,0,0.1);}
	.top .nav .child li {padding:0.35em 0;}
	.top .nav .child a { white-space:nowrap; padding:0 1.5em;}
	.top .nav .child a:hover {color: #014099;}
	.top .nav li:hover .drop {display:block;}
}
@media (max-width: 1200px) {
    .top .open_menu{display: block;}
    .top .nav{display: none; position: absolute;right: 0;top:100%;background: #fff;margin-right: 0; }
    .top .nav>li{float: none;margin: 0;}
    .top .nav>li >a{margin: 0 15px;line-height: 40px;}
}

@media (max-width: 768px) {
    .top .logo_wrap >a{padding-right: 10px;margin-right: 10px;}
    .top .logo_wrap >a img{max-height: 30px;}
    .top >.auto_1720{padding-top:0;padding-bottom: 0;}
}
/*top.html*/








/*bottom*/
/*bottom*/


.index_bn{position: relative;}
.index_bn .owl-carousel .item .mb,.index_bn .swiper-container .swiper-slide .mb{display: none;}
.index_bn .owl-carousel  .owl-dots{position: absolute;bottom: 5%;left: 0;right: 0;margin: auto;text-align: center;z-index: 1000;}
.index_bn .owl-carousel  .owl-dot{width: 8px;height: 8px;background-color: #ffffff; opacity: 0.5;margin: 0 10px;border-radius: 50%;}
.index_bn .owl-carousel  .owl-dot.active{opacity: 1;}

.index_bn .video{position: absolute;height: 100%;width: 100%; opacity: 0;}
.index_bn .video video,.index_bn .video embed{height: 100%;width: 100%;}

.index_bn .owl-nav button{  padding:0; font-size:22px; color:#fff;width:24px; height:24px; position:absolute; top:50%; margin-top:-28px; border-radius:50%; border:1px solid #9c6807; background:#b8882e;z-index:10; cursor:pointer;}
.index_bn .owl-nav button span{ display:block; line-height:20px; margin-top:-1px;}
.index_bn .owl-nav button.disabled{ cursor:default;background:#e7b659;}
.index_bn .owl-carousel .owl-nav button.owl-next,
.index_bn .owl-carousel .owl-nav button.owl-prev{width: 28px;height: 55px;color: transparent;}
.index_bn .owl-carousel .owl-nav button.owl-next{background: url("../images/arrow_r.png") no-repeat  center center;background-size: contain;}
.index_bn .owl-carousel .owl-nav button.owl-prev{background: url("../images/arrow_l.png") no-repeat  center center;background-size: contain;}
.auto_1520{max-width: 1520px;margin: auto;}
.index_bn .owl-carousel .owl-nav button.owl-next{right: 2%;}
.index_bn .owl-carousel .owl-nav button.owl-prev{left: 2%;}
.index_bn .swiper-container-horizontal>.swiper-scrollbar{display: none}
.index_bn .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #ffffff; opacity: 0.5;margin: 0 10px;border-radius: 50%;}
.index_bn .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #ffffff; opacity: 1!important;}
.index_bn .swiper-container-horizontal>.swiper-pagination-bullets{position: absolute;bottom: 5%;left: 0;right: 0;margin: auto;text-align: center;z-index: 1000;}
.index_bn .swiper-button-next,.index_bn  .swiper-button-prev{width: 28px;height: 55px;color: transparent;}
.index_bn .swiper-button-next{background: url("../images/arrow_r.png") no-repeat  center center;background-size: contain;right: 2%;}
.index_bn  .swiper-button-prev{background: url("../images/arrow_l.png") no-repeat  center center;background-size: contain;left: 2%;}
.index_bn .swiper-button-next::after,.index_bn .swiper-button-prev::after{opacity: 0;}



.index_bn .video_wrap{position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;text-align: center;    left: 0;right: 0;margin: auto;width: 100%;padding:  0 10%;}
.index_bn .video_wrap .bn_txt{font-size: 36px;font-weight: normal;margin: 0 0 35px;}
.index_bn .video_wrap .btn{display: inline-block;    width: 150px;height: 35px;line-height: 35px;font-size: 16px;font-weight: 400;padding: 0;border: 1px solid #fff;border-radius: 2px;position: relative;overflow: hidden;}
.index_bn .video_wrap .btn i{position: relative;z-index: 10;font-style: normal;}
.index_bn .video_wrap .btn::after{content:"";position: absolute; display: block;height: 100%;width: 100%; right: 100%;background-color: #fff;border-radius: 2px;top: 0; transition: right 0.2s linear;}
.index_bn .video_wrap .btn:hover::after{right: 0%;}
.index_bn .video_wrap .btn:hover i{color: #333;}

@media (min-width: 640px) {
    .index_bn .video_wrap .btn i{    font-weight: bold;font-size: 18px;}
}



.index_part1{display: table;width: 100%;}
.index_part1 .item{position: relative; display: table-cell;vertical-align: middle;text-align: center;height: 640px;width: 33.333%;background-position: center center;background-repeat: no-repeat;}

.index_part1 .name{padding-left: 120px;display: inline-block;background-position: left center;background-repeat: no-repeat;position: relative;
    animation:moveDown 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:moveDown 1s 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.index_part1 .name .cn{font-size: 32px;color: #000;}
.index_part1 .name .en{font-size: 20px;color: #999;}
.index_part1 .name::after{content:""; position: absolute;left: 92px;width: 1px ;background: #dedede;top:0;bottom: 0;}
.index_part1 .name .more{position: absolute;bottom: -140px;font-size: 16px;text-align: center;left: 0;right: 0; color: #818181;}
.index_part1 .name .more::after{content:"";width: 70px;bottom: -10px;background-color: #b2b2b2;left: 0;right: 0;margin: auto;position: absolute;height: 1px}

.index_part1 .detail{ opacity: 0; text-align: center; margin: auto; color: #fff; position: absolute;z-index: 10;top:0;bottom: 0;left: 0;right: 0;background-position: left center;background-repeat: no-repeat;background-size: contain;

    animation:fadeHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.index_part1 .detail .title{	font-size: 24px;margin-bottom: 25px;}
.index_part1 .detail .desc{		font-size: 16px;line-height: 30px;height: 86px; margin: auto;}
.index_part1 .detail .check{	font-size: 16px;margin-top: 90px;padding: 0 4px 10px; border-bottom: 1px solid rgba(255,255,255,0.5);display: inline-block;}
.index_part1 .item .icon1{position: absolute;top:36px;left: 53px;}


.index_part1 .detail .cont{
    animation:downHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:downHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    padding: 0 10%;
}

.index_part1 .item:hover .detail{display: block;}
.index_part1 .item:hover .detail .cont{
    animation:upShow 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:upShow 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.index_part1 .item:hover .name{
    animation:moveUp 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:moveUp 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.index_part1 .item:hover .detail{
    animation:fadeShow 2s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeShow 2s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}





@keyframes moveUp {
    0%{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
    100%{transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); opacity: 0;}
}
@-o-keyframes moveUp
{
    0%{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
    100%{transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); opacity: 0;}
}
@-ms-keyframes moveUp
{
    0%{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
    100%{transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); opacity: 0;}
}
@-webkit-keyframes moveUp
{
    0%{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
    100%{transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); opacity: 0;}
}

@keyframes moveDown {
    0%{transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);opacity: 0;}
    100%{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
}
@-o-keyframes moveDown {
    0%{transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);opacity: 0;}
    100%{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
}
@-ms-keyframes moveDown {
    0%{transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);opacity: 0;}
    100%{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes moveDown
{
    0%{transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);opacity: 0;}
    100%{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
}




@keyframes fadeShow {
    0%{opacity: 0; }
    100%{ opacity: 1; }
}
@-o-keyframes fadeShow {
    0%{opacity: 0; }
    100%{ opacity: 1; }
}
@-ms-keyframes fadeShow {
    0%{opacity: 0; }
    100%{ opacity: 1; }
}
@-webkit-keyframes fadeShow {
    0%{opacity: 0; }
    100%{ opacity: 1; }
}


@keyframes fadeHide{
    0%{opacity: 1; }
    100%{ opacity: 0; }
}
@-o-keyframes fadeHide {
    0%{opacity: 1; }
    100%{ opacity: 0; }
}
@-ms-keyframes fadeHide {
    0%{opacity: 1; }
    100%{ opacity: 0; }
}
@-webkit-keyframes fadeHide {
    0%{opacity: 1; }
    100%{ opacity: 0; }
}



@keyframes downHide{
    0%{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
    100%{ opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
}
@-o-keyframes downHide {
    0%{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
    100%{ opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
}
@-ms-keyframes downHide {
    0%{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
    100%{ opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
}
@-webkit-keyframes downHide {
    0%{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
    100%{ opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
}



@keyframes upShow{
    0%{opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
    100%{ opacity: 1;  transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
}
@-o-keyframes upShow {
    0%{opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
    100%{ opacity: 1;  transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
}
@-ms-keyframes upShow {
    0%{opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
    100%{ opacity: 1;  transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
}
@-webkit-keyframes upShow {
    0%{opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
    100%{ opacity: 1;  transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
}
.index_part1 .po ,.index_part2 .po,.index_part4 .po{position: absolute;
    animation:poUp 20s infinite linear;
    /*Safari 和 Chrome:*/
    -webkit-animation:poUp 20s infinite linear;}

.index_part1 .detail,
.index_part1 .item,
.index_part2 .left .detail ,

.index_part2 .left,
.index_part4 .right .detail ,
.index_part4 .right{overflow: hidden;}
.index_part1 .po6,.index_part2 .po6,.index_part4 .po6{left: 0%;top: 0%; height: 100%;width: auto;max-width: none;}
.index_part1 .po7,.index_part2 .po7,.index_part4 .po7{left: 0%;top: 100%; height: 100%;width: auto;max-width: none;}

.index_part1 .item2{display: none}

@keyframes poUp{
    0%{ transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);}
    100%{ transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);}
}
@-o-keyframes poUp {
    0%{ transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);}
    100%{ transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);}
}
@-ms-keyframes poUp {
    0%{ transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);}
    100%{ transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);}
}
@-webkit-keyframes poUp {
    0%{ transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);}
    100%{ transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);}
    /*0%{opacity: 0; transform: translateY(100%)}*/
    /*100%{ opacity: 1; transform: translateY(0%)}*/
}






.index_part2{display: table; width: 100%; color: #fff;}
.index_part2 .left,.index_part2 .right{position: relative; width: 33.3%;display: table-cell;vertical-align: middle;text-align: center;background-position: center center;background-repeat: no-repeat;}
.index_part2 .right{width: 66.66%;}

.index_part2 .left .name{
    animation:moveDown 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:moveDown 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    padding-left: 120px;display: inline-block;background-position: left center;background-repeat: no-repeat;position: relative;}
.index_part2 .left .name .cn{font-size: 32px;color: #000;}
.index_part2 .left .name .en{font-size: 20px;color: #999;}
.index_part2 .left .name::after{content:""; position: absolute;left: 92px;width: 1px ;background: #dedede;top:0;bottom: 0;}
.index_part2 .left .name .more{position: absolute;bottom: -140px;font-size: 16px;text-align: center;left: 0;right: 0; color: #818181;}
.index_part2 .left .name .more::after{content:"";width: 70px;bottom: -10px;background-color: #b2b2b2;left: 0;right: 0;margin: auto;position: absolute;height: 1px}
.index_part2 .left .detail{
    animation:fadeHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;

    opacity: 0;  text-align: center; margin: auto; color: #fff; position: absolute;z-index: 10;top:0;bottom: 0;left: 0;right: 0;background-position: left center;background-repeat: no-repeat;background-size: contain;}
.index_part2 .left .detail .title{	font-size: 24px; margin-bottom: 25px;}
.index_part2 .left .detail .desc{		font-size: 16px;line-height: 30px;display: block;max-width: 440px;height:120px; margin: auto;}
.index_part2 .left .detail .check{	font-size: 16px;margin-top: 90px;padding: 0 4px 10px; border-bottom: 1px solid rgba(255,255,255,0.5);display: inline-block;}
.index_part2 .left:hover .detail{display: block;}
.index_part2 .right .title{font-size: 24px;}
.index_part2 .right .desc{	font-size: 16px;  line-height: 30px;margin-top: 25px;margin-bottom: 50px;}
.index_part2 .right .date{	font-family: DIN-Bold;font-size: 16px;font-weight: bold;}

.index_part2 .left .detail{background-position: right center}
.index_part2 .po7,.index_part2 .po6{left: auto;right: 0;}
.index_part2 .detail .cont{
    animation:downHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:downHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    padding: 0 10%;
}
.index_part2 .left:hover .detail .cont{
    animation:upShow 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:upShow 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}


.index_part2 .left:hover .name{
    animation:moveUp 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:moveUp 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}

.index_part2 .left:hover .detail{
    animation:fadeShow 2s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeShow 2s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}







.index_part4{display: table; width: 100%; color: #fff;}
.index_part4 .right,.index_part4 .left{position: relative; height: 640px; width: 33.3%;display: table-cell;vertical-align: middle;text-align: center;background-position: center center;background-repeat: no-repeat;}
.index_part4 .left{width: 66.66%;}
.index_part4 .right .name{
    animation:moveDown 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:moveDown 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    padding-left: 120px;display: inline-block;background-position: left center;background-repeat: no-repeat;position: relative;}
.index_part4 .right .name .cn{font-size: 32px;color: #000;}
.index_part4 .right .name .en{font-size: 20px;color: #999;}
.index_part4 .right .name::after{content:""; position: absolute;left: 92px;width: 1px ;background: #dedede;top:0;bottom: 0;}
.index_part4 .right .name .more{position: absolute;bottom: -140px;font-size: 16px;text-align: center;left: 0;right: 0; color: #818181;}
.index_part4 .right .name .more::after{content:"";width: 70px;bottom: -10px;background-color: #b2b2b2;left: 0;right: 0;margin: auto;position: absolute;height: 1px}
.index_part4 .right .detail{
    animation:fadeHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;

    opacity: 0;  text-align: center; margin: auto; color: #fff; position: absolute;z-index: 10;top:0;bottom: 0;left: 0;right: 0;background-position: left center;background-repeat: no-repeat;background-size: cover;}
.index_part4 .right .detail .title{	font-size: 24px;margin-bottom: 25px;}
.index_part4 .right .detail .desc{		font-size: 16px;line-height: 30px;display: block;max-width: 440px;height: 86px; margin: auto;}
.index_part4 .right .detail .check{	font-size: 16px;margin-top: 90px;padding: 0 4px 10px; border-bottom: 1px solid rgba(255,255,255,0.5);display: inline-block;}
.index_part4 .right:hover .detail{display: block;}


.index_part4 .po7,.index_part4 .po6{left: auto;right: 0;}
.index_part4 .detail .cont{
    animation:downHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:downHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    padding: 0 10%;
}
.index_part4 .right:hover .detail .cont{
    animation:upShow 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:upShow 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}


.index_part4 .right:hover .name{
    animation:moveUp 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:moveUp 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}

.index_part4 .right:hover .detail{
    animation:fadeShow 2s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeShow 2s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}





.index_part1 .info,
.index_part4 .aside .info,
.index_part2 .aside .info{position: relative; color: #fff;z-index: 1;
    animation:down 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:down 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    padding: 0 10%;
}
.index_part1 .info .title,
.index_part4 .aside .info .title,
.index_part2 .aside .info .title{font-size: 24px;}
.index_part1 .info .desc,
.index_part4 .aside .info .desc,
.index_part2 .aside .info .desc{	font-size: 16px;  line-height: 30px;margin-top: 25px;margin-bottom: 50px;padding: 0 2%;}
.index_part1 .info .date,
.index_part4 .aside .info .date,
.index_part2 .aside .info .date{	font-family: DIN-Bold;font-size: 16px;font-weight: bold;}

.index_part1 .aside .mask,
.index_part4  .aside .mask,
.index_part2  .aside .mask{
    position: absolute;top:0;
    left: 0;right: 0;bottom: 0;
    margin: auto;
    background:url("../images/mask.png")repeat center center;
    animation:fadeHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.index_part1 .aside:hover  .mask,
.index_part4 .aside:hover  .mask,
.index_part2 .aside:hover  .mask{
    animation:fadeShow 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeShow 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.index_part1 .aside:hover .info,
.index_part4 .aside:hover .info,
.index_part2 .aside:hover .info{
    animation:up 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:up 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;

}



@keyframes down{
    0%{ transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);opacity: 1;}
    100%{ transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%); opacity: 0;}
}
@-o-keyframes down {
    0%{ transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);opacity: 1;}
    100%{ transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%); opacity: 0;}
}
@-ms-keyframes down {
    0%{ transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);opacity: 1;}
    100%{ transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%); opacity: 0;}
}

@-webkit-keyframes down {
    0%{ transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);opacity: 1;}
    100%{ transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%); opacity: 0;}
}



@keyframes up{
    0%{ transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);opacity: 0;}
    100%{transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%); opacity: 1;}
}
@-o-keyframes up {
    0%{ transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);opacity: 0;}
    100%{transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%); opacity: 1;}
}
@-ms-keyframes up {
    0%{ transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);opacity: 0;}
    100%{transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%); opacity: 1;}
}
@-webkit-keyframes up {
    0%{ transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);opacity: 0;}
    100%{transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%); opacity: 1;}
}



.index_part1 .mb_bg,.index_part2 .mb_bg,.index_part4 .mb_bg{display: none;}
.index_part1,.index_part2,.index_part4{max-width: 1920px;position: relative;margin: auto;}








.bottom{background-repeat: no-repeat;background-position: center center; background-size: cover;max-width: 1920px;position: relative;margin: auto;}
.bottom .link{padding-top:105px;padding-bottom: 105px;}
.bottom .nav{float: left;}
.bottom .nav li{float: left;padding-left: 19px;border-left: 1px solid rgba(39,90,179,0.5); margin-right: 70px;}
.bottom .nav .label{	font-size: 18px;font-weight: bold;color: #ffffff;}
.bottom .nav .text{font-size: 16px;  color: #ffffff;  opacity: 0.5;margin-top: 20px;}
.bottom .qrcode{float: right;}
.bottom .qrcode img{vertical-align: top;}
.bottom .qrcode .tip{text-align: center;font-size: 20px;color: #fff;padding-top: 10px;}

.bottom .qrcode .qrcode_wrap{padding-left: 30px;margin-left: 30px;border-left: 1px solid #3169cb;  display: inline-block;}
.bottom .copyright{background-color: rgba(9,69,155,0.4);}
.bottom .copyright .auto_1720{padding-top: 40px;padding-bottom: 40px;}
.bottom .copyright .info{opacity: 0.5;float: right;color: #fff;}
.bottom .copyright .info a{color: #fff;}
.bottom .copyright .links{float: left;}
.bottom .copyright .links li{display: inline-block;position: relative;margin-right: 10px;padding-right: 10px;}
.bottom .copyright .links li::after{content:"";position: absolute;display: block; right:0;top:2px;bottom: 2px;width: 1px;margin: auto; background-color: #fff;opacity: 0.2;}
.bottom .copyright .links li:last-child::after{width: 0;}
.bottom .copyright .website{position: absolute;left:0;bottom: 30px;height: 42px;}
/*background-color: #0b389d;*/
.bottom .copyright .web{float: left; padding: 0 10px;	width: 270px;border-radius: 21px; border: solid 1px #3d68b1;margin-right: 10px;}
.bottom .copyright .web a{display: none;padding: 0 10px; color: #fff;line-height: 40px; border-bottom: 1px solid rgba(61,104,166,0.4);}
.bottom .copyright .open_link{line-height: 40px;padding: 0 10px;color: rgba(255,255,255,0.4);cursor: pointer;position: relative;}
.bottom .copyright .open_link::after{content: '';display: block;height: 5px;width: 10px;background: url("../images/more.png") no-repeat center center;background-size: 100% 100%;position: absolute;top:0;bottom: 0;right: 10px;margin: auto;}
.bottom .copyright .all_qrcode,.bottom .copyright .share .bshare-sinaminiblog{ position: relative; cursor: pointer; height: 42px;width: 42px;float: left;margin-right: 10px;border-radius: 21px; border: solid 1px #3d68b1; background: url("../images/all-qrcode.png") no-repeat center center; }
.bottom .copyright .share{float: left;}
.bottom .copyright .share .bshare-sinaminiblog{ background: url("../images/blog.png") no-repeat center center;}
.bottom .copyright  .company{display: none; width: 510px; position: absolute;bottom: -1px;left: -1px;border-radius: 21px; border: solid 1px #3d68b1;background-color: #0b389d;padding: 15px 32px 15px 64px;z-index: 10;}
.bottom .copyright  .company .icon{position: absolute;left: 0;width: 42px;top:10px;bottom: 10px;margin: auto;border-right: 1px solid #3d68b1;padding: 32px 12px 0 12px;font-size: 14px;color: rgba(255,255,255,0.4); background: url("../images/all-qrcode.png") no-repeat  center 10px;}
.bottom .copyright  .items li{float: left;text-align: center;;color: #fff;margin: 0 10px;}
.bottom .copyright  .items li a{color: #fff;display: block;margin: 12px 0;}
.bottom .copyright  .items li a div{margin:6px 0}

.bottom .copyright .all_qrcode:hover .company{display: block;}
.bottom .copyright .web:hover{background-color: #0b389d;}
.bottom .copyright .web:hover a{display: block;}


.bottom .copyright .web:hover .open_link::after{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}

.bottom .copyright .web{position: absolute;left: 0px;bottom: 0;}
.bottom .copyright .all_qrcode{position: absolute;left: 280px;bottom: 0;}
.bottom .copyright .share{position: absolute;left: 332px;bottom: 0;}

.bottom .qrcode .qrcode_wrap img{padding: 5px;background: #fff; max-width: 90px;}


/* 弹窗 */
.PopupVideo{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.PopupVideo .VideoBox{position:absolute;top:50%;left:50%;height: 90%; overflow:auto;padding:40px 0;width:90vw;max-width:90%;max-height:90%;border-radius:4px;background:transparent;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.PopupVideo .VideoBox .btn-close{position:absolute;top:10px;right:0px;display:block;width:30px;height:30px;cursor:pointer;}
.PopupVideo .VideoBox .btn-close::after,.PopupVideo .VideoBox .btn-close::before{position:absolute;top:5px;left:50%;display:block;margin-left:-1px;width:2px;height:20px;background:#fff;content:"";}
.PopupVideo .VideoBox .btn-close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.PopupVideo .VideoBox .btn-close::after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.PopupVideo .VideoWarp{height: 100%; }
.PopupVideo .VideoWarp .video_file{width:100%;height:100%;background:#000;}
.PopupVideo .VideoWarp  video{max-width: 100%;max-height: 100%;margin: auto;display: block;}


.index_mask{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.6);display: none;}
.index_mask .pic{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);max-height: 90%;max-width: 80%;}
.index_mask .close{position:absolute;top:2%;right:2%;display:block;width:30px;height:30px;cursor:pointer;}
.index_mask .close::after,.index_mask .close::before{position:absolute;top:5px;left:50%;display:block;margin-left:-1px;width:2px;height:20px;background:#fff;content:"";}
.index_mask .close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.index_mask .close::after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
@media(max-width:768px){
    .PopupVideo .VideoBox{height: auto;}
.bottom .qrcode .qrcode_wrap{padding-left: 10px;margin-left: 10px;}
    .bottom .qrcode .tip{font-size: 16px;}
    .index_bn .video_wrap .bn_txt{font-size: 18px;margin-bottom: 10px;}
    .index_bn .video_wrap .btn {width: 100px;height: 25px;line-height: 25px;font-size: 10px;}
    .index_bn .owl-carousel .owl-nav button.owl-next, .index_bn .owl-carousel .owl-nav button.owl-prev{height: 25px;}
    .index_bn .owl-carousel .owl-dot{margin:  0 5px;}
}

@media(max-width:320px){
.bottom .qrcode .qrcode_wrap{padding-left: 5px;margin-left: 5px;}

}
.page_banner{max-width: 1920px;position: relative;margin: auto;text-align: center;}
.page_banner .mb{display: none;}

.introduce{display: table;width: 100%;max-width: 1920px;margin: auto;position: relative;margin-bottom: -1px;}
.introduce .text,.introduce .pic{width: 50%;display: table-cell;vertical-align: middle;}

.introduce .text{padding-left:  6.77%;padding-right: 6.25%;}
.part_tit{display: inline-block;}
.part_tit .tit_cn{font-size: 40px;font-weight: normal;color: #333333;margin: 0;}
.part_tit .tit_en{	font-size: 20px;font-weight: lighter;color: #999999;margin: 0;text-align: center;position: relative;padding: 15px 0 15px;}
.part_tit .tit_en::after{content:""; background: #999;height: 1px;position: absolute;right: 0;bottom: 0;left: 0;margin: auto;display: block;width: 50px;}

.introduce .tits{font-size: 30px;color: #333333;margin-top: 30px;margin-bottom: 20px;}
.introduce .text p{	font-size: 16px;font-weight: normal;line-height: 35px;color: #333;overflow: hidden;}
.introduce .text .more_dt{display: none;}
.introduce .text .more{	font-size: 16px;font-weight: normal;line-height: 35px;color: #333;cursor: pointer;}



.honor{color: #fff;padding: 50px 0 110px; position: relative;}
.part_tit2.part_tit{display: block;text-align: center;}
.part_tit2.part_tit .tit_en, .part_tit2.part_tit .tit_cn{color: #fff;}
.part_tit2.part_tit .tit_en::after{background: #fff;}

.honor .bom_gif { position: absolute; bottom: 80px; right: 00px; }
.honor .bom_gif img { width: 180px; }


@media(max-width:1024px){
    .honor .bom_gif { position: relative; bottom: 0; right: 0%; text-align: right; }
    .honor .bom_gif img { width: 180px; }
}

/*Timeline000397 */
.Timeline000397{ position:relative; padding:20px 0 20px;max-width: 1520px;margin:3% 100px 0;position: relative; z-index: 3;}
.Timeline000397::before{ content:'';width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 50%;margin: auto; margin-top:-2px;z-index: 1;opacity: 0.8;}
.Timeline000397 .owl-stage-outer{ overflow:hidden;}
.Timeline000397 .owl-item{ float:left;}
.Timeline000397 .auto{ position:relative; z-index:2;}
.Timeline000397 .bd li{ float:left; width:200px; }
.Timeline000397 .owl-nav button{  padding:0; font-size:22px; color:#fff;width:24px; height:24px; position:absolute; top:50%; margin-top:-28px; border-radius:50%; border:1px solid #9c6807; background:#b8882e;z-index:10; cursor:pointer;}
.Timeline000397 .owl-nav button span{ display:block; line-height:20px; margin-top:-1px;}
.Timeline000397 .owl-nav button.disabled{ cursor:default;background:#e7b659;}

.Timeline000397 .item{position:relative;}

.Timeline000397 .item div{ padding: 0 20px;font-size: 14px;font-weight: normal;line-height: 22px;color: #8fb0df;}
.Timeline000397 .item time{ color:#fff;font-size: 30px;position: relative; text-align: center;}
.Timeline000397 .item time::after{content:"";display: block;width: 34px;height: 1px;position: absolute;bottom: -15px;left: 50%;margin-left: -17px; background: #fff;}
.Timeline000397 .item time span{font-size: 16px;margin-left: 5px;}
.Timeline000397 .item figure{padding: 2px;background-color: #b1b1b1;position: relative;display: inline-block;}
.Timeline000397 .item figure img{width: 300px;height: 177px;}
.Timeline000397 .owl-item.active:first-child figure{background-color: #fff;}
.Timeline000397 .owl-item.active:first-child figure::after{content: "";display: block;height: 18px;width: 24px;background: url("../images/arrow_d.png") no-repeat center top;background-size: contain;position: absolute;left: 50%;top: 100%;    margin-left: -12px;}
.Timeline000397 .owl-item.active.first figure{background-color: #fff;}
.Timeline000397 .owl-item.active.first figure::after{content: "";display: block;height: 18px;width: 24px;background: url("../images/arrow_d.png") no-repeat center top;background-size: contain;position: absolute;left: 50%; margin-left: -12px; top: 100%;}
.Timeline000397 .owl-carousel .owl-nav button.owl-next,.Timeline000397 .owl-carousel .owl-nav button.owl-prev{width: 28px;height: 55px;color: transparent;}

.Timeline000397 .owl-carousel .owl-nav button.owl-next{background: url("../images/arrow_r.png") no-repeat  center center;background-size: contain;}
.Timeline000397 .owl-carousel .owl-nav button.owl-prev{background: url("../images/arrow_l.png") no-repeat  center center;background-size: contain;}
.auto_1520{max-width: 1520px;margin: auto;}
.Timeline000397 .owl-carousel .owl-nav button.owl-next{right: 0px;}
.Timeline000397 .owl-carousel .owl-nav button.owl-prev{left: 0px;}


@media(min-width:1001px){
    .Timeline000397 .owl-prev{ left:-24px; }
    .Timeline000397 .owl-next{ right:-24px; }
}
@media(min-width:601px){
    .Timeline000397 .item{height:420px; margin-right: 14%;}
    .Timeline000397 .owl-item.active:first-child  .icon {border: 8px solid rgba(255,255,255,0.13)}
    .Timeline000397 .owl-item.active.first  .icon {border: 8px solid rgba(255,255,255,0.13)}
    .Timeline000397 .item .icon{ display: block; height:32px;width:32px;position:absolute; top:50%; left:50%; margin-left: -16px; margin-top:-16px;border-radius:50%;}
    .Timeline000397 .item .icon::after{content: "";display: block;height: 15px;width: 15px;background-color: #fff;border-radius: 50%;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;}
    .Timeline000397 .item div{ line-height:22px; max-height:126px;position:absolute; width:100%; left:0; bottom:310px;max-width: 380px;padding: 0 12%;}
    .Timeline000397 .owl-item:nth-child(1n) .item div{ bottom:auto; top:310px;}
    .Timeline000397 .item time{position:absolute; width:100%; top:54%;left: 0;}
   .Timeline000397 .item time b{ max-width: 80%;    display: inline-block;}

}
@media(max-width:1440px){
    .Timeline000397::before{width: auto;left: 2%;right: 2%;}
    .Timeline000397 .owl-carousel .owl-nav button.owl-next, .Timeline000397 .owl-carousel .owl-nav button.owl-prev{height: 30px;margin-top: -16px;}
}
@media(max-width:1024px){
.Timeline000397{margin: 3% auto 0;}
}
@media(max-width:1000px){
    .Timeline000397 .owl-prev{ left:0; }
    .Timeline000397 .owl-next{ right:0; }
}
@media(max-width:600px){
    .Timeline000397::before{ top:60px; margin-top:0;}

    .Timeline000397 .item time{ font-weight:bold; font-size:18px; display:block; line-height:40px;padding: 0;}
    .Timeline000397 .item time::after{bottom: -5px;left: 0;right: 0;margin: auto;}
    .Timeline000397 .item{ padding:0 5%;text-align: center;}
    .Timeline000397 .owl-nav button{ top:30px; margin-top:0;}
    .Timeline000397 .owl-item.active:first-child figure::after{display: none;}

    .Timeline000397 .item div{padding: 4% 0 0;text-align: left;}
    .Timeline000397::before{display: none;}

    .Timeline000397 .owl-carousel .owl-nav button.owl-next,.Timeline000397 .owl-carousel .owl-nav button.owl-prev{top: 50%;margin-top: 10%;}
    .Timeline000397 .item time{text-align: center;}
    .Timeline000397 .owl-item.active.first figure::after{display: none}
}


@media(min-width:1600px){
    .Timeline000397 .owl-carousel .owl-nav button.owl-next{right: -70px;}
.Timeline000397 .owl-carousel .owl-nav button.owl-prev{left: -70px;}
}









.culture{display: table;max-width: 1920px;margin: auto;width: 100%;}
.culture .left,.culture .right{display: table-cell;width: 50%;position: relative;background-repeat: no-repeat;background-position: center bottom;height: 800px;vertical-align: middle;}
.culture .left{text-align: right;}
.culture .tab_ls{display: inline-block;}
.culture .tab_ls li{margin-bottom: 1px; cursor: pointer;display: block;	width: 200px;height: 80px;background-color: rgba(2,11,57,0.8);text-align: center; border-radius: 3px 0px 0px 3px;line-height: 80px;font-size: 22px;font-weight: lighter;	color: #fafafa;}
.culture .tab_ls li.on,.culture .tab_ls li:hover{background-color: #fff;color: #1f5aaf;}
.culture .part_tit{position: absolute;top: 60px;left: 100px;}
.culture .tab_ls2{display: inline-block;width: 216px;text-align: center;position: relative;vertical-align: middle;}
.culture .tab_ls2 li{display: block;	width: 86px;height: 50px;border-radius: 4px;line-height: 50px;font-size: 18px;color: #333;position: relative;margin: auto;cursor: pointer;}
.culture .tab_ls2 li.on,.culture .tab_ls2 li:hover{background-color: #1f5aaf;color: #fff;}
.culture .tab_ls2::after{content: ""; position:absolute;right: 0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); display: block;height: 320px;width: 1px;background-color: #1f5aaf;}
.culture .tab_ls2 li.on::after{content: "";z-index: 10; position: absolute;right: -65px;top: 0;bottom: 0;margin: auto;height: 24px;width: 13px;display: block;background: url("../images/arrow_l.jpg") no-repeat center center;background-size: contain;}
.culture .text{ position: relative; display: inline-block; vertical-align: middle;padding-left: 60px;max-width: 560px; max-width: calc(100% - 250px)}
.culture .text .h4{font-size: 18px;font-weight: normal;color: #5c5c5c;margin: 0;}
.culture .text p{	font-size: 16px;font-weight: normal;line-height: 35px;color: #333;}
.culture .text .item{margin-top: 30px;}
.culture .text .item:first-child{margin-top: 0;}

.culture .right .tab_ls{display: none;}
.culture  .bom_gif {     text-align: right;right: 0; position: absolute; padding-right: 92px;bottom: 35px;}
/*.culture .text .bom_gif img { width: 180px; }*/
.culture .right{background-position: right bottom;}
.culture  .bom_gif img{width: 180px;}


.culture  .bom_gif.clm21{padding-right: 92px;bottom: 35px;}
.culture  .bom_gif.clm22{right: auto;left: 276px;padding-right: 0;}
.culture  .bom_gif.clm24{    padding-right: 48px;bottom: 7px;}
.culture  .bom_gif.clm23{right: auto;left: 276px;padding-right: 0;}
.culture  .bom_gif.clm52{ padding-right: 42px;bottom: 24px;}
.culture  .bom_gif.clm53{ padding-right: 42px;bottom: 24px;}
.culture  .bom_gif.clm54{ padding-right: 42px;bottom: 24px;}
.culture  .bom_gif.clm19{right: auto;left: 276px;padding-right: 0;}
.culture  .bom_gif.clm50{    padding-right: 50px;bottom: 28px;}
.culture  .bom_gif.clm51{    padding-right: 50px;bottom: 28px;}



.brand{background-repeat: no-repeat;background-position: center center;padding: 60px 0;}
.brand .part_tit{ text-align: center; display: block;}
.brand .auto_1600{ margin: 70px auto 0; max-width: 1600px;}
.brand li{ float: left; width:14.285714%; text-align: center; }
.brand li figure{ position: relative; padding-bottom: 67%;}
.brand li img{ position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}



@media(max-width:1024px){
    .culture .right .text_wrap .bom_gif{position: relative;  padding-right: 0px;bottom: 5px;}
    .culture .bom_gif img {width: 180px;}
    .culture  .bom_gif.clm22{text-align: left;left: 0;}
    .culture  .bom_gif.clm23{text-align: left;left: 0;}
    .culture  .bom_gif.clm19{text-align: left;left: 0;}
}
@media(max-width:1000px){
    .brand li{ width: 20%;}
    .bom_gif{display: none!important;}
}
@media(max-width:768px){
    .brand li{ width: 25%;}
}
@media(max-width:640px){
    .brand li{ width: 33.33%;}
}




.service{display: table;width: 100%;max-width: 1920px;position: relative;margin: auto;}
.service .left,.service .right{display: table-cell;width: 50%;position: relative;background-repeat: no-repeat;background-position: center bottom;height: 800px;vertical-align: middle;}
.service .part_tit{position: absolute;top: 60px;left:200px;}
.service .right{padding-left: 110px; color: #fff;}
.service .right .name{	font-size: 22px;font-weight: normal;line-height: 60px;margin: 0;}
.service .right li{position: relative;padding-left: 20px;	font-size: 18px;font-weight: normal;line-height: 40px;}
.service .right li::after{content:"";display: block;width: 6px;height: 6px;border-radius: 50%;background: #fff;position: absolute;left: 6px;top: 18px;}


.resource .part_tit{display: block;text-align: center;margin-bottom: 40px;}
.resource .tit_part{padding: 60px 0 50px;background-color: #eef2f8;}
.resource .tit_part .desc{max-width: 1100px;text-align: center;	font-size: 16px;font-weight: normal;line-height: 35px;color: #333333;position: relative;margin: auto;}

.resource .items li>a{display: block;height: 100%;cursor: pointer;color: #fff;z-index: 10;position: relative;}
.resource .items li{overflow: hidden; position: relative; background-repeat: no-repeat;background-position: center center;float: left;width: 25%;/*height: 480px;*/ height: 25vw; text-align: center;	font-size: 24px;color: #ffffff;}
.resource .items .icon{position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 20;}
.resource .items .icon img{margin-bottom: 10px;}
.resource .items li::after{content: "";display: block;height: 100%;width: 100%;background: url("../images/media-mask1.png") repeat center center;position: absolute;top: 0;left: 0;}
.resource .items li.blur::before{ content: "";z-index: 20; display: block;height: 100%;width: 100%;background: url("../images/media-mask2.png") repeat center center;position: absolute;top: 0;left: 0;}
.resource .items li.blur::after{display: none;}
.resource .items .on_bg{ position: absolute;height: 100%;width: 100%;top: 0;left: 0;background-repeat: no-repeat;background-position: center bottom;background-size: cover;}

.resource .po6{left: 0%;top: 0%; height: 100%;width: auto;max-width: none;}
.resource .po7{left: 0%;top: 100%; height: 100%;width: auto;max-width: none;}
.resource .po { position: absolute;
    animation:poUp 20s infinite linear;
    /*Safari 和 Chrome:*/
    -webkit-animation:poUp 20s infinite linear;}

.resource .items li:hover  .on_bg{

    animation:fadeShow 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeShow 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}

.resource .items .on_bg{    animation:fadeHide 1s 1;
/*Safari 和 Chrome:*/
    -webkit-animation:fadeHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;}



.resource .item_wrap{position: relative;}
.resource .item_dt{display: none; position: absolute;top: 0;right: 0;height: 100%;width: 50%;z-index: 30;background-position: center bottom;background-repeat: no-repeat;overflow: hidden;}
.resource .cont{position: relative;text-align: center;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.resource .cont h4{font-size: 24px;padding-bottom: 45px;position: relative;font-weight: normal;}
.resource .cont h4::after{content: "";display: block;width: 50px;height: 1px;background-color: #999999;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
.resource .cont article{font-size: 18px;color: #333;line-height: 35px;}

.resource .item_dt.left{left: 0;right: auto;}



.new{padding-bottom: 40px; max-width: 1366px; margin: 0 auto;}
.new .part_tit{display: block;text-align: center;padding-top: 70px;}
.new .date li{padding: 40px 0; border-bottom: 1px solid #f3f3f3;position: relative;min-height: 300px;}
.new .cont {padding-left: 384px;padding-right: 200px;margin-top: 40px;}
.new .pic{position: absolute;top: 40px; width: 333px;bottom: 40px;margin: auto;}
.new .pic a{display: block;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.new .pic img{display: none;}
.new .cont .time{font-size: 16px;font-weight: normal;color: #999999;position: relative;display: inline-block;}
.new .cont .time::after{content:"";position: absolute;display: block;width: 31px;height: 1px;background-color: #999;right: -41px;top: 0;bottom: 0;margin: auto;}
.new .cont .h3{	font-size: 20px;font-weight: normal;color: #333333;}
.new .cont  .intro{max-height:70px;overflow: hidden;font-size: 16px;line-height: 35px;color: #999999;}
.new .date .detail{position: absolute;top:0;bottom: 0;height: 40px;display: inline-block;padding: 0 5px;border-bottom: 1px solid #999999;line-height: 40px;font-size: 16px;color: #999999;margin: auto;right: 0;}
.new .date li::after{ content:"";position: absolute;width: 1px;height: 169px;display: block;background-color: #f0f0f0;top: 0;bottom: 0;right: 132px;margin: auto;}
.new .cont .h3:hover{text-decoration: underline;}

.new .date .info {min-height:0;}
.new .date .info .cont {padding-left:0;}


/*Page002046 */
.Page002046 .Pages{ text-align:center; padding:3% 0 1%;}
.Page002046 .Pages a{ display:inline-block; vertical-align:middle; background: #fff; color:#999;	width: 40px;height: 40px;line-height: 40px;border-radius: 50%;text-align: center; border: solid 1px #bfbfbf;margin: 0 10px;}
.Page002046 .Pages a:hover,
.Page002046 .Pages a.a_cur{ color:#014099; border: 1px solid #014099;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; }
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total{ display:none;}
.Page002046 .Pages .a_prev,
.Page002046 .Pages .a_next{ padding:0; width:40px; height: 40px; background:url(../images/page-pre.png) no-repeat center
center #fff; overflow:hidden; line-height:1000px; }
.Page002046 .Pages .a_next{ background:url(../images/page-next.png) no-repeat center center #fff;}
.Page002046 .Pages .a_first,
.Page002046 .Pages .a_end{ display:none;}
.Page002046 .Pages .els{display: inline-block;float: left;height: 40px;width: 24px;background: url("../images/page-more.png") no-repeat center center; margin: 0 5px;}
@media(max-width:1366px){
    .new{padding-left: 2%;padding-right: 2%;}
}
@media(max-width:640px){
    .Page002046 .Pages .a_first,
    .Page002046 .Pages .a_end{ display:none;}
}
@media(max-width:480px){
    .Page002046 .Pages a{margin:0; }
    .resource .cont article{line-height: 30px;}
}




.case{ background:no-repeat right bottom}
.case .item{width: 33.3333%;height: auto;padding-top: 33.333%; position: relative;float: left;overflow: hidden;background-repeat: no-repeat ;background-position: center center;background-size: cover;}
.case .item>a{display: block;height: 100%;width: 100%;}
.case .item .mb-bg{display: none;position: relative;margin: auto;}

.case .detail{ opacity: 0; text-align: center; margin: auto; color: #fff; position: absolute;z-index: 10;top:0;bottom: 0;left: 0;right: 0;background-position: left center;background-repeat: no-repeat;background-size: cover;

    animation:fadeHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.case .detail .title{	font-size: 34px; margin-top: 32.8125%;margin-bottom: 15px;}
.case .detail .desc{		font-size: 16px;line-height: 30px;display: block;height: 86px; margin: auto;}
.case .detail .check{	font-size: 16px;margin-top: 90px;padding: 0 4px 10px; border-bottom: 1px solid rgba(255,255,255,0.5);display: inline-block;}
.case .item:hover .detail{display: block;}
.case .item .icon1{position: absolute;top:36px;left: 53px;}
.case .item:hover .detail{
    animation:fadeShow 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:fadeShow 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.case .detail .cont{
    animation:downHide 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:downHide 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    z-index: 10;
    position: relative;
}
.case .detail .cont a{ color: #fff;}
.case .item.item_on .detail .cont{
    animation:upShow 1s 1;
    /*Safari 和 Chrome:*/
    -webkit-animation:upShow 1s 1;

    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}



.case .po6{left: 0%;top: 0%; height: 100%;width: auto;max-width: none;}
.case .po7{left: 0%;top: 100%; height: 100%;width: auto;max-width: none;}
.case .po { position: absolute;
    animation:poUp 20s infinite linear;
    /*Safari 和 Chrome:*/
    -webkit-animation:poUp 20s infinite linear;}


.case_ls{ max-width: 1366px; padding:3% 0}
.case_ls .item{display: block; padding:20px 0; }
.case_ls .pic,.case_ls .text{position: relative;width: 50%;float: left;height:400px;}
.case_ls .pic{float: right; background-position: center center;background-repeat: no-repeat;text-align: center; background-size:cover}
.case_ls .pic img{display: none;}
.case_ls .text{ padding:3%; overflow: hidden;text-align:justify;}
.case_ls .po6{left: 0%;top: 0%; height: 100%;width: auto;max-width: none;}
.case_ls .po7{left: 0%;top: 100%; height: 100%;width: auto;max-width: none;}
.case_ls .po { position: absolute;
    animation:poUp 20s infinite linear;
    /*Safari 和 Chrome:*/
    -webkit-animation:poUp 20s infinite linear;}


.case_ls .text .h3{	font-size: 24px;font-weight: bold;color: #333333;margin: 0;position: relative;z-index: 1;max-height: 68px;line-height: 34px;}
.case_ls .text .h4{	font-size: 20px;font-weight: lighter;color: #333333;margin: 15px 0;position: relative;z-index: 1;}
.case_ls .text .time{font-family: ArialMT;font-size: 16px;font-weight: normal;line-height: 28px;color: #999999;position: relative;z-index: 1;}
.case_ls .text .intro{	font-size: 16px;font-weight: lighter;line-height: 42px;color: #333333;height: 126px;position: relative;z-index: 1;}
.case_ls .text  .more{font-size: 18px;color: #999999; border-bottom: 1px solid #999;margin-top: 35px;padding-bottom: 5px;position: relative;z-index: 1;}
.case_ls .text .h4:hover{text-decoration: underline;}
.case_ls .text  .more:hover{color: #333;}
.case_ls .item:nth-child(2n) .pic{float: left;}


.auto_1200{position: relative;max-width: 1200px;margin: auto;}
.auto_1080{position: relative;max-width: 1080px;margin: auto;}

.case_dt{border-top: 1px solid #ebebeb;padding-top: 4%;}
.case_dt .title{	font-size: 30px;font-weight: normal;line-height: 32px;color: #333333;margin: 0;}
.case_dt .titles{	font-size: 22px;font-weight: normal;color: #999;margin: 15px 0;}
.case_dt .time{	font-size: 16px;  font-weight: lighter;  color: #999999;margin-top: 20px;display: inline-block;}
.case_dt  .source{	font-size: 16px;font-weight: lighter;line-height: 42px;color: #999999;}
.case_dt article{	font-size: 16px;font-weight: normal;line-height: 30px;color: #333;}
.case_dt figure{text-align: center;	font-size: 16px;line-height: 60px;color: #999;padding-top: 10px;}
.case_dt video{max-width: 100%;}

.case_dt .fast_skip{padding:6% 0 4%;text-align: center;}
.case_dt .fast_skip .prev{float: left;}
.case_dt .fast_skip .next{float: right;}
.case_dt .fast_skip a:hover{color: #333;text-decoration: underline;}


.contact{padding: 4% 0 4%;border-bottom: 1px solid #f2f2f2;background-repeat: no-repeat ;background-position: right bottom;position: relative;overflow: hidden;}
.contact .part_tit{text-align: center;display: block;}

.contact .po6{right: 0%;top: 0%; height: 100%;width: auto;max-width: none;}
.contact .po7{right: 0%;top: 100%; height: 100%;width: auto;max-width: none;}
.contact .po { position: absolute;
    animation:poUp 20s infinite linear;
    /*Safari 和 Chrome:*/
    -webkit-animation:poUp 20s infinite linear;}
.auto_1440{position: relative;max-width: 1440px;margin: auto;}
.contact .part_tit{margin-bottom: 40px;}
.contact .left,.contact .right{float: left;width: 50%;}
.contact .item{	font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 60px;color: #333333;}
.contact .item .label{margin-right: 40px;	font-size: 18px;color: #999999; display: inline-block; width: 188px;background: url("../images/contact-icons.png") no-repeat 24px center; padding-left: 55px;text-align: right;position: relative;}
.contact .item .label::after{content:""; display: block;width: 1px;height: 17px;background-color: #f1f1f1;position: absolute;left: 46px;top: 0;bottom: 0;margin: auto;}
.contact .item .addr{background-position: 14px 20px;}
.contact .item  .reception{background-position: 14px -40px;}
.contact .item  .counsel{background-position: 14px -100px;}
.contact .item  .plan{background-position: 14px -160px;}
.contact .item  .partner{background-position: 14px -220px;}
.contact .item  .mail{background-position: 14px -280px;}
.contact .item:nth-child(2n){background-color: #fbfbfb;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}

.contact .right{padding-left: 10%;}
.contact  .tip{	font-size: 20px; margin-top: 30px;display: inline-block; letter-spacing: 1px;  color: #333333;position: relative;}
.contact  .tip::after{content:""; display: block; background-color: #acacac;	width: 30px;height: 1px;position: absolute;top:0;bottom: 0;right: -40px;margin: auto;}
.contact  .tips{font-size: 30px;font-weight: normal;color: #333333;margin-bottom: 40px;}
.contact .right figure{display: inline-block;text-align: center;padding-right: 64px;border-right: 1px solid #f4f4f4;margin-right: 64px;}
.contact .right figure img{display: block; width: 139px;height: 139px;background-color: #ffffff;border: solid 1px #e9e9e9;padding: 12px;}
.contact .right .name{background-position: left center;background-repeat: no-repeat; display: inline-block; font-size: 16px;font-weight: normal;font-stretch: normal;margin-top: 15px; letter-spacing: 0px;color: #999999;position: relative;padding-left: 35px;}
.contact .right .name.wx{background-image: url("../images/contact-wx.png")}
.contact .right .name.wb{background-image: url("../images/contact-wb.png")}
.contact .right figure:last-child{margin-right: 0;border-right: 0;padding-right: 0;}


.join{padding: 4% 0;}
.join .part_tit{display: block;text-align: center;margin-bottom: 40px;}
.join .tit{	font-size: 24px;color: #333333;position: relative;padding-bottom: 30px;display: inline-block;margin-bottom: 25px;}
.join .tit::after{content:"";display: block;	width: 45px;height: 2px;position: absolute;bottom: 0;left: 0;background-color: #4663a6;}
.join .cont li{position: relative;min-height: 28px;max-width: 810px;padding-left: 53px;	font-size: 18px;font-weight: lighter;color: #333333;margin-bottom: 15px;line-height: 28px;}
.join .cont .num{position: absolute;display: block;border-radius: 50%;width: 28px;height: 28px;background-color: #005bac;color: #fff;font-family: "news701b";line-height: 28px;text-align: center;left: 12px;top: 0;}
.join .cont .mail{font-size: 18px;font-weight: lighter;color: #333333; position: absolute;right: 0;bottom: 0;border-radius: 10px;border: solid 1px #dcdcdc;padding: 30px 40px 30px 130px;background: url("../images/mail-icon.png") no-repeat 43px center #fff;}
.join .cont .mail a{color:#333;}
.join .cont{background-position: right bottom;background-repeat: no-repeat;}



.job{background-color: #fbfbfb;padding-bottom: 130px;}
.job .tit{font-size: 24px;font-weight: normal;color: #333333;padding: 40px 0 30px;display: inline-block;}
.job .data li{	border-radius: 3px;border: solid 1px #e9e9e9;padding: 0 30px;margin-bottom: 20px;}

.job .data  .title{cursor: pointer; padding: 0 43px; line-height: 60px;position: relative;	font-size: 18px;font-weight: lighter;color: #333333;}
.job .data  .title .label{color: #999999;}
.job .data  .title .text{display: inline-block;width: 40%;overflow: hidden;vertical-align: middle;    white-space: nowrap;}
.job .data  .title::before{content: "";display: block;width: 30px;height: 30px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;background: url("../images/job-icon.png") no-repeat center center;background-size: contain;}
.job .data  .title::after{content: "";display: block;width: 11px;height: 21px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;background: url("../images/job-more.png") no-repeat center center;background-size: contain;}


.job .data .on .title::after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.job .data .on .title{border-bottom: 1px solid #f2f2f2;}
.job .data .detail{padding: 0 50px;display: none;}
.job .data .detail p{margin-top: 0; margin-bottom: 40px;	font-size: 16px;line-height: 32px;color: #333333;}
.job .data .detail h4{font-size: 18px;  font-weight: normal;  line-height: 32px;  color: #333333;    margin-bottom: 10px;}
.job .data .more{ display:none; text-align: center;  font-size: 16px;font-weight: lighter;line-height: 40px;color: #ffffff;width: 140px;height: 40px;background-color: #005bac;border-radius: 3px;position: relative;margin: auto;margin-bottom: 40px;cursor: pointer;}



.Singlepage{ padding:2.5% 0 3% 0 }
.Singlepage .about .title{ font-size: 26px; line-height: 26px; color: #333;  font-weight: normal; padding-top: 10px; }
.Singlepage .about i{ width: 30px; height: 2px; background: #666; display: block}
.Singlepage .about p{ font-size: 16px; line-height:32px; color: #666; text-indent: 2em }


.list_istop{ padding:0% 0 2% 0;margin: 0 auto;margin-top:1.5%;}
.list_istop .auto{ }
.list_istop ol{overflow:hidden; padding-bottom:15px; margin-bottom:15px;    border-bottom: 1px solid #eee;}
.list_istop ol img{ float:left; width:30%; margin-right: 2%;}
.list_istop ol h1{ margin:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#010101; font-weight:normal;}
.list_istop ol time{ color: #999;  margin-right: 5%;font-size: 14px;}
.list_istop ol p{ margin:2% 0; color:#707070; line-height:24px;    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.list_istop ol a.more{ color:#014099;display:inline-block;}
.list_istop li {position: relative; border-bottom: 1px #b2b2b2 dotted; height:52px; line-height:51px; overflow:hidden;}
.list_istop li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#ccc; left:5px; top:50%; margin-top:-2px;}
.list_istop li time{ float:right; font-size:13px; color:#4c4c4c;}
.list_istop li a{ display:block; float:left; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px;  font-size:16px}
.list_istop li a:hover{ color:#014099;}
@media(max-width:1366px){
    .case_ls{padding-left: 2%;padding-right: 2%;}
}

@media(max-width:640px){
    .list_istop li a{width:77%;}
    .contact .item .label{width: auto;}
    .case_dt video{height: auto;}
}




















@media (max-width: 1720px) {
    .bottom .nav li{margin-right: 40px;}
    .bottom .qrcode{width: 100%;float: left;margin-top: 20px;}


}
@media (max-width: 1520px) {
    .honor{padding-left: 2%;padding-right: 2%;}
}

@media (max-width: 1440px) {
    .bottom .copyright .website{position: relative; bottom: auto;margin-bottom: 10px;}

    .new .cont{padding-right: 0;}
    .new .date .detail{position: relative;top: auto;bottom: auto;right: auto;}
    .new .date li::after{display: none;}
    .auto_1440{padding: 0 2%;}



}
@media (max-width: 1200px) {
    .auto_1200{padding: 0 2%;}

}

@media (max-width: 1080px) {
    .auto_1080{padding: 0 2%;}

}

@media (max-width: 1024px) {
    .introduce{display: block;}
    .introduce .text, .introduce .pic{display: block;width: 100%;}
    .introduce .pic{text-align: center;}
    .introduce .text{padding: 2%;}


    .culture .left, .culture .right{display: block;width: 100%;height: auto;}
    .culture .tab_ls{display: block;text-align: center;}
    .culture .tab_ls li{display: inline-block;margin-bottom: 0;}
    .culture .part_tit{position: relative;top: auto;left: auto;    display: block;text-align: center;}
    .culture .right{padding: 2%;}
    .culture .tab_ls2{display: block;text-align: center;width: 100%;margin-top: 2%;}
    .culture .tab_ls2 li.on::after,.culture .tab_ls2::after{display: none;}
    .culture .tab_ls2 li{display: inline-block;}
    .culture .text{padding: 0;max-width: none;    margin-top: 4%;}

    .service{display: block;}
    .service .left, .service .right{display: block;width: 100%;height: auto;}
    .service .part_tit{left: 0;right: 0;top: 40px;margin: auto;text-align: center;}
    .service .right{padding: 2%;}
    .service .right li{line-height: 30px;}
    .service .right li::after{top: 14px;}
    .service .right .name{padding-left: 2%;}
    .resource .tit_part{padding: 40px 2%;}
    .resource .part_tit{margin-bottom: 15px;}


	.index_part1 .name .cn{font-size: 30px}

}

@media (max-width: 920px) {
    .culture .tab_ls li{    width: 120px;height: 50px;line-height: 50px;font-size: 14px;}
    .culture .tab_ls2 li{    width: 66px;  height: 40px;  border-radius: 4px;  line-height: 40px;  font-size: 14px;}
    .culture .text p{line-height: 25px;}
    .culture .text p{margin-top: 20px;}
}

@media (max-width: 768px) {
    .bottom .copyright .all_qrcode:hover{    position: unset;}
    .bottom .copyright .company{width: 100%;}
    .bottom .copyright .web{width: 200px;}
    .bottom .copyright .all_qrcode{left: 215px;}
    .bottom .copyright .share{left: 265px;}
    .bottom .link{padding-top: 25px;padding-bottom: 0px; }

    .index_part1,.index_part2{display: block;}
    .index_part1 .item,.index_part2 .left, .index_part2 .right,.index_part4 .right, .index_part4 .left{display: block;width: 100%;}


    .index_part1 .info, .index_part4 .aside .info, .index_part2 .aside .info{top:30%;}

    .index_bn .owl-carousel .item .mb,.index_bn .swiper-container .swiper-slide .mb{display: block;}
    .index_bn .owl-carousel .item .pc,.index_bn .swiper-container .swiper-slide .pc{display: none;}
    .page_banner .mb{display: inline-block;}
    .page_banner .pc{display: none;}
    .service .part_tit{top: 15px;}
    .index_bn .swiper-button-next, .index_bn .swiper-button-prev{height: 25px;}
    .index_bn .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

    .part_tit .tit_cn{font-size: 24px;}
    .part_tit .tit_en{font-size: 12px;padding: 5px 0 15px;}
    .introduce .tits{font-size: 22px;    margin-top: 20px;margin-bottom: 10px;}
    .introduce .text p{line-height: 30px;}
    .honor {padding: 40px 2% 50px;}
    .Timeline000397 .auto{padding: 0;}
    .brand .auto_1920{margin-top: 40px;}
    .brand .owl-carousel .item a{margin-bottom: 25px;}

    .brand .owl-dots .owl-dot{width: 10px;height: 10px;margin: 0 5px;}
    .brand{padding: 40px 0;}
    .resource .items li{width: 50%;/*height: 200px;*/ height: 50vw;}

    .resource .item_dt{height: 100%;width: 100%;}
    .resource .items .icon img{max-width: 50px;}
    .resource .items li{font-size: 14px;}

    .new .date li{padding: 30px 2%;}
    .new .pic{position: relative;top: auto;text-align: center; width: 100%;bottom: auto;}
    /*.new .pic img{display: inline-block;}*/
    /*.new .pic a{background: none!important;height: auto;}*/
    .new .pic a{height: 220px;}
    .new .cont{padding: 0;}
    .new .part_tit{padding-top: 40px;}
    .case .item{width: 100%;height: auto;background: none!important;padding-top:0;}
    .case .item .mb-bg{display: block;}
    .case .detail .title{margin-top: 35%;font-size: 20px;}

    .case_ls .pic,.case_ls .text{width: 100%;height: auto;}
    /*.case_ls .pic{background: none!important;}*/
    /*.case_ls .pic img{display: inline-block;}*/
    .case_ls .pic{padding-bottom: 58.565%;}
    .case_ls .text,.case_ls .item:nth-child(2n) .text{padding: 4% 4% 6%;}
    .case_ls .text .h3{line-height: 26px;max-height: 52px;font-size: 18px;}
    .case_ls .text .h4{margin: 10px 0;font-size: 16px;}
    .case_ls .text .intro{font-size: 16px; line-height: 30px;height: 90px;margin-top: 0;}
    .case_ls .text .more{font-size: 14px;}

    .case_dt .titles{font-size: 18px;}
    .case_dt .title{font-size: 22px;}
    .case_dt .time{margin-top: 0;}
    .case_dt img{height: auto!important;}


    .contact .left, .contact .right{width: 100%;}
    .contact .right{padding-left: 0;}
    .contact .right figure{    padding-right: 10px;    margin-right: 10px;}
    .contact .right .pic{text-align: center;}
    .contact .item,.contact .item .label{font-size: 14px;}
    .contact .item span{display: block;    padding-left: 55px;}
    .contact .item{line-height: 30px;}
    .contact .item .label{text-align: left;}
    .contact .item .addr {background-position: 14px 5px;}
    .contact .item .reception {background-position: 14px -54px;}
    .contact .item .counsel {background-position: 14px -114px;}

    .contact .item  .plan{background-position: 14px -174px;}
    .contact .item  .partner{background-position: 14px -234px;}
    .contact .item  .mail{background-position: 14px -294px;}
    .join .tit{padding-bottom: 15px;font-size: 22px;}
    .join .cont .mail{position: relative;display: inline-block;    max-width: 100%;word-break: break-all;    padding-right: 2%;}
    .job .data li{    padding: 0 5px;}
    .join .cont li,.join .cont .mail{font-size: 14px;}
    .job .data .title{font-size: 12px;line-height: 40px;padding: 0 24px;}
    .job .data .title::before{    width: 20px;height: 20px;}
    .job .data .title::after{width: 6px;}
    .job{padding-bottom:5%; }
    .contact .tips{font-size: 22px;margin-bottom: 30px;}
    .contact .po{display: none;}

    .job .data .detail{padding: 0;}
    .job .data .detail p{line-height: normal;font-size: 14px;margin-bottom: 10px;}
    .job .data .detail h4{font-size: 16px;line-height: normal;}
    .job .tit{font-size: 22px;}

    .index_part1 .mb_bg,.index_part2 .mb_bg,.index_part4 .mb_bg{display: inline-block;}
    .index_part1 .item,.index_part4 .right, .index_part4 .left,.index_part2 .left, .index_part2 .right{height: auto;background: none!important;}
    .index_part1 .info, .index_part4 .aside .info, .index_part2 .aside .info{position: absolute;width: 100%;}
    .index_part1 .info .title, .index_part4 .aside .info .title, .index_part2 .aside .info .title{font-size: 16px;}
    .index_part1 .info .desc, .index_part4 .aside .info .desc, .index_part2 .aside .info .desc {font-size: 12px;line-height: 24px;margin-top: 15px;margin-bottom: 25px;padding: 0 2%;}
    .index_part1 .info .date, .index_part4 .aside .info .date, .index_part2 .aside .info .date{font-size: 12px;}
    .index_part1 .name,.index_part2 .left .name,.index_part2 .right .info,.index_part4 .right .name{position: absolute; transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);top:35%;left: 0;right: 0;margin: auto;max-width: 170px;background-size: contain;}
    .index_part1 .name,.index_part2 .left .name,.index_part4 .right .name{padding-left: 70px;}
    .index_part1 .name::after,.index_part2 .left .name::after,.index_part4 .right .name::after{left: 80px;}
    .index_part1 .name .more,.index_part2 .left .name .more,.index_part4 .right .name .more{bottom: -70px;font-size: 12px;}
    .index_part1 .name .cn,.index_part2 .left .name .cn,.index_part4 .right .name .cn{font-size: 20px;}
    .index_part1 .name .en,.index_part2 .left .name .en,.index_part4 .right .name .en{font-size: 12px;}

    .index_part1 .detail,.index_part2 .left .detail,.index_part4 .right:hover .detail{background-size: cover;}
    .index_part1 .detail .title,.index_part2 .left .detail .title,.index_part4 .right .detail .title{margin-top: 30%;margin-bottom: 15px;font-size: 20px;}
    .index_part1 .detail .desc ,.index_part2 .left .detail .desc,.index_part4 .right .detail .desc{font-size: 12px;line-height: 22px;height: 66px;}
    .index_part1 .detail .check,.index_part2 .left .detail .check,.index_part4 .right .detail .check{    font-size: 12px;margin-top: 10%;}

    .index_part2 .left .name{    background-position: 19px center;}
    .index_part4 .right .name{    background-position: 19px center;}

   .index_part2 .right .info{max-width: 100%;}
    .index_part2 .right .desc,.index_part4 .aside .info .desc{display: none;}
    .index_part2 .aside .info .date ,.index_part4 .aside .info .date{margin-top: 5%;}


    .bottom .nav .text{    font-size: 14px;margin-top: 0px;margin-bottom: 10px;}
    .bottom .nav .label{font-size: 16px}
    .bottom .nav li{margin-right: 0;width: 100%;}
    .bottom .qrcode img{   max-width: 110px;max-height: 80px;}
    .bottom .copyright .links li{margin-right: 5px;}
    .bottom .copyright .info >span{display: block;width: 100%;position: relative;}
    .bottom .copyright .info >span::before{content: "";display: block;clear: both;height: 0;}
    .index_part .box_item .info{ display: none;}
    .index_part .box_item_on .info{ display: block;}

    .culture .left{display: none;}
    .culture .right .tab_ls{display: block;    margin-top: 5%;}
    .culture .right{padding: 5% 2%;}
    .culture .right .tab_ls li{color: #333;background: none;border-radius: 3px;}
    .culture .right .tab_ls li.on{    background-color: #1f5aaf;color: #fff;}
    .service .right .name{font-size: 20px;}
    .service .right li{font-size: 14px;}
    .service .right{background-position: left}
    .service .right li::after{top: 10px;}
    .service .right{padding-bottom: 5%;}
    .introduce .text{padding-top: 5%;}
    .case_ls .text .time{font-size: 14px;}
    .case_ls .text .intro {font-size: 14px;line-height: 24px;height: 72px;margin-top: 0;}
    .case_ls .text .more{font-size: 12px;}
    .case_dt figure div{line-height: normal;margin:10px auto;}
    .bottom .copyright .links{position: relative;z-index: 10;}
    .resource .tit_part .desc{font-size: 14px;line-height: 30px;}
    .Timeline000397 .item time .dot{display: inline;}
}
/*.index_part{ table-layout: fixed;}*/
.index_part .detail a,
.index_part .info a{ color: #fff;}
.index_part .detail{ width: 100.02%;}
.index_part .detail .cont{ position: relative;z-index: 100;}

.index_part .box_item{ position: relative; padding-top: 33.33%; height: auto; display: block; float: left;background-size: cover;}

@media (min-width: 769px) {
    .index_part .box_table{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .index_part .box_table .table{ width: 100%; height: 100%; display: table; table-layout: fixed;}
    .index_part .box_table_cell{ display: table-cell; vertical-align: middle;}
    .index_part .name .more,
    .index_part2 .left .name .more,
    .index_part4 .right .name .more{ bottom: -210%;}
    .index_part .detail .cont{ display: table; height: 100%; width: 100%;}
    .index_part .detail .cont a{ display: table-cell; vertical-align: middle;}
    .index_part2 .detail a{ display: table; height: 100%; width: 100%;}
    .index_part2 .detail a .cont{ display: table-cell; vertical-align: middle;}


    .index_part2 .left .name,.index_part1 .name,.index_part4 .right .name{margin-bottom: 20%;background-size: contain;}
}
@media (max-width: 1366px) {
    .index_part .name .more,
    .index_part2 .left .name .more,
    .index_part4 .right .name .more{ bottom: -130%;}
}

@media (max-width: 768px) {
    .index_part .box_item{ padding-top: 0;}
    .index_part .name .more,
    .index_part2 .left .name .more,
    .index_part4 .right .name .more{ bottom: -180%;}
}

.case_dt .fl{ width:73%; float:right;}
.case_dt .fr{ width:23%; float:left;}
.case_dt .fr h3{ font-size: 24px; margin:0;}
.case_dt .fr .news-list-new{ margin-top: 20px; list-style:none;}
.case_dt .fr .news-list-new li{ padding-bottom: 5px; border-bottom: 1px solid #9b9b9b;}
.case_dt .fr .news-list-new p.title{ font-size: 18px; margin-top: 5px;}
.case_dt .fr .news-list-new p.source{ font-size: 12px; color: #999; margin:0;line-height: 25px;}
.case_dt .fr .news-list-new p.desc{ font-size: 14px; line-height: 24px; color: #999;display: none}

@media (max-width: 768px) {
.case_dt .fl,.case_dt .fr{ width:100%;}
.case_dt .fr{ display:none;}
}