/* animated */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

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

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes circle_right {
    0% {
        transform: rotate(-135deg);
    } 
    50%,100% {
        transform: rotate(45deg);
    }
}
@keyframes circle_right {
    0% {
        transform: rotate(-135deg);
    } 
    50%,100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes circle_left {
    0%,50% {
        transform: rotate(-135deg);
    } 
    100% {
        transform: rotate(45deg);
    }
}
@keyframes circle_left {
    0%,50% {
        transform: rotate(-135deg);
    } 
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes slide_on1 {
    0% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes slide_on1 {
    0% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes icon_video {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }      
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }
    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.3;
    } 
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    } 
}
@keyframes icon_video {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }      
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }
    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.3;
    } 
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }   
}

@-webkit-keyframes icon_video02 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
@keyframes icon_video02 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes h_icos {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(206px);
        transform: translateX(206px);
    }
}
@keyframes h_icos {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(206px);
        transform: translateX(206px);
    }
}

@keyframes h_schedule {
    0% {
        width: 0;
    }    
    100% {
        width: 51.5px;
    }
 }
 @-webkit-keyframes h_schedule {
    0% {
        width: 0;
    }    
    100% {
        width: 51.5px;
    }
}

@keyframes h_height {
    0% {
        height: 0;
    }    
    100% {
        height: 50px;
    }
 }
 @-webkit-keyframes h_height {
    0% {
        height: 0;
    }    
    100% {
        height: 50px;
    }
}

@-webkit-keyframes a_banner_s_line {
	0%{ transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
	20%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
	30%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 0;}
	31%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 0;}
	50%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 1;}
	100%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
}
@keyframes a_banner_s_line {
	0%{ transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
	20%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
	30%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 0;}
	31%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 0;}
	50%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 1;}
	100%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
}

@-webkit-keyframes h_map {
    0%{
        -webkit-transform:scale(.6); 
        transform:scale(.6);
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes h_map {
    0%{
        -webkit-transform:scale(.6); 
        transform:scale(.6);
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@-webkit-keyframes xz {
    0% {
        transform: rotate(360deg);
        opacity: 0;
    }
    100% {
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes xz {
    0% {
        transform: rotate(360deg);
        opacity: 0;
    }
    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes scale_img {
    0%{
        -webkit-transform: scale(1) translateX(0px);
        transform: scale(1) translateX(0px);
    }
    50%{
        -webkit-transform: scale(1.1) translateX(30px);
        transform: scale(1.1) translateX(30px);
    }
    100% {
        -webkit-transform: scale(1.2) translateX(30px);
        transform: scale(1.2) translateX(30px);
    }
}
@keyframes scale_img {
    0%{
        -webkit-transform: scale(1) translateX(0px);
        transform: scale(1) translateX(0px);
    }
    50%{
        -webkit-transform: scale(1.08) translateX(-10px);
        transform: scale(1.08) translateX(-10px);
    }
    100% {
        -webkit-transform: scale(1.15) translateX(-20px);
        transform: scale(1.15) translateX(-20px);
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
.circle_right {
    -webkit-animation-name: circle_right;
    animation-name: circle_right
}
.circle_left {
    -webkit-animation-name: circle_left;
    animation-name: circle_left
}
.slide_on1 {
    -webkit-animation-name: slide_on1;
    animation-name: slide_on1
}
.myfirst {
    -webkit-animation-name: myfirst;
    animation-name: myfirst
}
.icon_video {
    -webkit-animation-name: icon_video;
    animation-name: icon_video
}
.icon_video02 {
    -webkit-animation-name: icon_video02;
    animation-name: icon_video02
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
.h_icos {
    -webkit-animation-name: h_icos;
    animation-name: h_icos
}
.h_schedule {
    -webkit-animation-name: h_schedule;
    animation-name: h_schedule
}
.h_height {
    -webkit-animation-name: h_height;
    animation-name: h_height
}
.a_banner_s_line {
    -webkit-animation-name: a_banner_s_line;
    animation-name: a_banner_s_line
}
.h_map {
    -webkit-animation-name: h_map;
    animation-name: h_map
}
.xz {
    -webkit-animation-name: xz;
    animation-name: xz;
}
.scale_img {
    -webkit-animation-name: scale_img;
    animation-name: scale_img;
}

/* header */
#header {
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    margin: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #e70415;
}
#header .logo {
    float: left;
    margin: 15px 0 0 40px;
    width: 122px;
    height: 50px;
    background: url(../image/logo.png) no-repeat center;
}
#header .nav {
    float: right;
}
#header .nav> ul {
    float: left;
}
#header .nav>ul li {
    float: left;
    text-align: center;
}
#header .nav>ul li a {
    padding: 0 10px;
    margin: 0 5px;
    line-height: 80px;
    color: #58575d;
    position: relative;
    display: inline-block;
    font-size: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#header .nav>ul li a:hover,
#header .nav>ul li a.on {
    color: #e70415;
}
#header .nav>ul .nav_er {
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background-color: #000;
    background: rgba(0,0,0,.2);
}
#header .nav > ul .nav_er .div_dl {
    overflow: hidden;
    float: right;
}
#header .nav > ul .nav_er .div_dl.div_dl02 {
    width: 788px;
}
#header .nav > ul .nav_er .div_dl.div_dl03 {
    width: 698px;
}
#header .nav > ul .nav_er .div_dl.div_dl04 {
    width: 605px;
}
#header .nav > ul .nav_er .div_dl.div_dl05 {
    width: 514px;
}
#header .nav > ul .nav_er .div_dl.div_dl06 {
    width: 427px;
}
#header .nav > ul .nav_er .div_dl.div_dl07 {
    width: 337px;
}
#header .nav > ul .nav_er .div_dl.div_dl08 {
    width: 260px;
}
#header .nav > ul .nav_er .div_dl a {
    float: left;
    color: #fff;
    line-height: 60px;
    padding: 0;
    margin: 0;
    margin-right: 30px;
}
#header .nav > ul .nav_er .div_dl a:hover,
#header .nav > ul .nav_er .div_dl a.on {
    color: #e70415;
}
#header .head_remind {
    float: right;
    width: 63px;
    height: 80px;
    background: url(../image/remind.png) no-repeat center;
    opacity: 0;
    filter: Alpha(opacity=0);
}
#header .head_search {
    float: right;
    height: 80px;
    padding: 26px 0 0 10px;
    cursor: pointer;
    position: relative;
}
#header .head_search .ico {
    width: 24px;
    height: 25px;
    background: url(../image/search.png) no-repeat center;
}
#header .head_search .posCont {
    display: none;
    width: 290px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 80px;
    padding-top: 5px;
}
#header .head_search .posCont input {
    width: 100%;
    line-height: 50px;
    padding: 0 20px;
    background-color: #FFF;
}
#header .head_search .posCont .search_btn {
    width: 60px;
    height: 50px;
    line-height: 50px;
    background-color: #e70415;
    position: absolute;
    right: 0;
    top: 5px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}
#header .head_search:hover .posCont {
    display: block;
}
#header .menu {
    float: right;
    width: 40px;
    height: 80px;
    background: url(../image/menu.png) no-repeat center;
    cursor: pointer;
    margin-right: 28px;
}
/* footer */
footer {
    width: 100%;
    height: 380px;
    background: url(../image/foot.jpg) no-repeat center;
    overflow: hidden;
    position: relative;
}
footer .content {
    padding-top: 60px;
}
footer a {
    display: inline-block;
}
footer .detailed {
    color: #959595;
    color: rgba(149,149,149,.3);
    line-height: 22px;
    float: left;
}
footer .detailed .foot_logo {
    width: 135px;
    height: 50px;
    margin-bottom: 34px;
}
footer .detailed .ico {
    display: inline-block;
    font-size: 0;
    margin: 26px 0;
}
footer .detailed .ico .li {
    float: left;
    margin-right: 5px;
    position: relative;
}
footer .detailed .ico .li .bg {
    width: 30px;
    height: 30px;
    background: url(../image/ico51.png) no-repeat center;
    display: block;
}
footer .detailed .ico .li.weChat .bg {
    background: url(../image/ico41.png) no-repeat center;
}
footer .detailed .ico .li:hover .bg {
    background: url(../image/ico5_on.png) no-repeat center;
}
footer .detailed .ico .li.weChat:hover .bg {
    background: url(../image/ico4_on.png) no-repeat center;
}
footer .detailed .ico .li.weChat .weChat_img {
    position: absolute;
    top: -150px;
    left: 0;
    width: 130px;
    height: 130px;
    z-index: 99;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    will-change: opacity;
    -webkit-transition: transform .4s,opacity .4s,-webkit-transform .4s;
    transition: transform .4s,opacity .4s,-webkit-transform .4s;
}
footer .detailed .ico .li.weChat .weChat_img:before {
    content: '';
    width: 0;
    height: 0;
    border: 10px solid #fff;
    border-top-color: #fff;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    bottom: -9px;
    left: 7px;
}
footer .detailed .ico .li.weChat:hover .weChat_img {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
footer .detailed .text p img {
    margin-right: 5px;
}
footer .foot_nav {
    float: right;
}
footer .foot_nav .dl {
    float: left;
    margin-right: 28px;
}
footer .foot_nav .dl a {
    display: block;
}
footer .foot_nav .dl .dt {
    color: #999999;
    margin: 15px 0 14px;
}
footer .foot_nav .dl .dd {
    font-size: 12px;
    color: #959595;
    color: rgba(149,149,149,.3);
    line-height: 30px;
}
footer a:hover,
footer .foot_nav .dl .dd:hover {
    color: #959595;
}
.mytop {
    width: 70px;
    height: 70px;
    background: url(../image/top.jpg) no-repeat center;
    background-size: cover;
    position: fixed;
    right: 40px;
    bottom: 50px;
    cursor: pointer;
    display: none;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
}
.mytop:hover {
    background: url(../image/top_on.jpg) no-repeat center;
    background-size: cover;
}
/* banner */
.banner {
    width: 100%;
    /* height: 700px; */
    position: relative;
    overflow: hidden;
}
.banner .bd {
    width: 100%;
    overflow: hidden;
}
.banner .bd ul {
    width: 100% !important;
}
.banner .bd li {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.banner .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-animation: slide_on1 4s linear forwards;
    animation: slide_on1 4s linear forwards;
}
.banner .content {
    width: 1200px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 9;
}
.banner .content .ban_t {
    width: 100%;
    position: absolute;
    left: 0;
    top: 35%;
}
.banner .content .ban_t .txt1 {
    font-family: 'Gilroy-Bold';
    font-size: 52px;
    color: #ffffff;
    line-height: 48px;
    text-transform: uppercase;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.banner .content .ban_t .txt2 {
    font-size: 42px;
    color: #f2d19d;
    line-height: 1;
    letter-spacing: 5px;
    margin-top: 16px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.banner .content .ban_t .sign {
    width: 555px;
    height: 475px;
    background: url(../image/sign.png) no-repeat center;
    position: absolute;
    top: -180px;
    left: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.banner .content .ban_t.ban_t02 {
    top: 33%;
}
.banner .content .ban_t.ban_t02 .txt2 {
    color: #c3ed76;
}
.banner .content .ban_t.ban_t03 {
    top: 33%;
}
.banner .content .ban_t.ban_t03 .txt2 {
    color: #ffb377;
}
.banner .content .ban_t.ban_t04 {
    top: 33%;
}
.banner .content .ban_t.ban_t04 .txt2 {
    color: #2b7cca;
}
.banner .hd{
    height: 100%;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    z-index: 99;
    right: 40px;
}
.banner .hd ul{ }
.banner .hd ul li{ width: 30px; height: 30px; margin: 0 auto;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative;cursor:pointer;}
.banner .hd ul li div{box-sizing: unset;}
.banner .hd ul li em{display:block;position:absolute;left:50%;top:50%;width:6px;height:6px;background:#fff;border-radius:50%;overflow:hidden;margin-left:-3px;margin-top:-3px;}
.banner .hd ul li .circle_process{display: none;}
.banner .hd ul li.on .circle_process{display: block;}
.banner .hd ul li.on em{
    background-color: #e70415
}
.circle_process{width: 30px; height: 30px; position: absolute; right: 1px; top: -1px; border-radius: 50%; cursor: pointer;}
.circle_process:after{content: ""; display: block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid transparent; position: absolute; left: 0px; top: 0;}
.circle_process .wrapper{width: 16px; height: 34px; position: absolute; top:0; overflow: hidden; z-index: 50;}
.circle_process .right{right: -2px;}
.circle_process .left{left:0;}
.circle_process .circle{width: 30px; height: 30px; border: 1px solid transparent; border-radius: 50%; position: absolute; top:0; -webkit-transform : rotate(-135deg); -moz-transform : rotate(-135deg); -o-transform : rotate(-135deg); transform : rotate(-135deg) ;}
.circle_process .rightcircle{border-top:1px solid transparent; border-right:1px solid transparent; right:0;}
.circle_process .leftcircle{border-bottom:1px solid transparent; border-left:1px solid transparent; left:0;}
.on .circle_process .rightcircle{border-top:1px solid #e70415; border-right:1px solid #e70415;}
.on .circle_process .leftcircle{border-bottom:1px solid #e70415; border-left:1px solid #e70415;}
.playProcess1 .rightcircle{-webkit-animation: circle_right 4s linear infinite; -moz-animation: circle_right 4s linear infinite; -o-animation: circle_right 4s linear infinite; animation: circle_right 4s linear infinite;}
.playProcess1 .leftcircle{-webkit-animation: circle_left 4s linear infinite; -moz-animation: circle_left 4s linear infinite; -o-animation: circle_left 4s linear infinite; animation: circle_left 4s linear infinite;}

#masterslider .ms-bullets{width: 100%; position: absolute; right: 50px; bottom: 30px !important; z-index: 80; cursor:pointer;}
#masterslider .ms-bullets .ms-bullets-count {position:static; margin: 0 auto; text-align: center; }
#masterslider .ms-bullets-count .ms-bullet {float:none; width: 3px;
    height: 14px; 
    background: #fff; overflow: hidden; color: transparent; background-color: #FFF;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; cursor: pointer; transition: all 0.3s ease; }
    #masterslider .ms-bullets-count .ms-bullet.ms-bullet-selected {
        height: 62px;
    }
#masterslider .ms-bullets-count .ms-bullet.ms-bullet-selected:before {
    content: '';
    width: 3px;
    height: 100%; 
    background-color: #e70415;
    /* animation: h_height 6s ease-out;
    -webkit-animation: h_height 6s ease-out; */
    position: absolute;
    top: 0;
    left: 0;
}
#masterslider #video {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
/* index */
.index .title .cn {
    font-size: 20px;
    color: #e70415;
    font-weight: lighter;
}
.index .title .en {
    font-family: 'en';
    font-size: 36px;
    color: #c6c7c9;
    font-weight: lighter;
    line-height: 1;
    margin-bottom: 16px;
}
.index .con01 {
    padding: 100px 0;
    text-align: center;
    position: relative;
    z-index: 999;
}
.index .con01 .content {
    position: relative;
    height: 100%;
    display: inline-block;
}
.index .con01 .content:before {
    content: '';
    width: 1px;
    height: 100px;
    background-color: #c9c9c9;
    position: absolute;
    left: 38px;
    top: -150px;
}
.index .con01 .content:after {
    content: '';
    width: 1px;
    height: 100px;
    background-color: #e70415;
    position: absolute;
    left: 38px;
    top: -150px;
    animation: a_banner_s_line 3s 0.3s linear both infinite;
    -webkit-animation: a_banner_s_line 3s 0.3s linear both infinite;
}
.index .con01 .introduction {
    float: left;
    width: 436px;
    text-align: left;
}
.index .con01 .introduction .text {
    margin-top: 4px;
}
.index .con01 .introduction .text p {
    color: #666666;
    line-height: 22px;
    text-align: left;
}
.index .con01 .introduction .text ul {
    overflow: hidden;
    margin-top: 29px;
}
.index .con01 .introduction .text li {
    float: left;
    margin-right: 25px;
}
.index .con01 .introduction .text li h3 {
    color: #e70415;
    font-size: 12px;
    line-height: 1;
}
.index .con01 .introduction .text li h3 em {
    font-size: 30px;
    /* font-family: 'Gilroy-Bold'; */
    font-weight: lighter;
    width: 46px;
    display: inline-block;
}
.index .con01 .introduction .text li:nth-child(2) h3 em {
    width: 68px;
}
.index .con01 .introduction .text li h4 {
    color: #666666;
    line-height: 22px;
}
.index .con01 .map {
    width: 230px;
    height: 266px;
    background: url(../image/ico.png) no-repeat center;
    position: absolute;
    left: 447px;
    top: 0;
}
.index .con01 .map .ico {
    width: 14px;
    height: 20px;
    background: url(../image/ico1.png) no-repeat center;
    position: absolute;
    top: 144px;
    left: 160px;
    animation: myfirst 2s infinite;
    -webkit-animation: myfirst 2s infinite;
}
.index .con01 .video {
    width: 470px;
    height: 200px;
    /* background: url(../images/index/ico3.jpg) no-repeat center; */
    float: right;
    padding: 40px 0 0 28px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}
.index .con01 .video .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.index .con01 .video .img img {
    transition: all .4s;
    -webkit-transition: all .4s;
}
.index .con01 .video:hover .img img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}
.index .con01 .video .en {
    margin-bottom: 8px;
}
.index .con01 .video .cn {
    font-size: 18px;
}
.index .con01 .video .btn_ani {
    width: 46px;
    height: 46px;
    display: block;
    margin-top: 20px;
    position: relative;
}
.index .con01 .video .btn_ani em {
    width: 46px;
    height: 46px;
    background: url(../image/ico42.png) no-repeat center;
    border-radius: 50%;
    display: block;
    position: relative;
    z-index: 2;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.index .con01 .video .btn_ani:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 46px;
    background: #e70415;
    opacity: .2;
    border-radius: 50%;
    -webkit-animation: icon_video02 2s infinite forwards linear 1s;
    animation: icon_video02 2s infinite forwards linear 1s;
}
.index .con01 .video .btn_ani:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 46px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: icon_video 1s infinite forwards linear 0.5s;
    animation: icon_video 1s infinite forwards linear 0.5s;
} 
.index .con01 .video:hover .btn_ani em {
    transform: rotate(120deg);
}
.index .con02 {
    height: 530px;
    background: url(../image/ico11.jpg) no-repeat center;
    padding-top: 70px;
}
.index .con02 .list {
    margin: 20px -3px 0;
}
.index .con02 .list .li {
    float: left;
    width: 16.666666667%;
    padding: 0 3px;
}
.index .con02 .list .li a {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
}
.index .con02 .list .li a .text {
    padding: 25px 20px;
}
.index .con02 .list .li a .text .cn {
    font-size: 18px;
    color: #666666;
    line-height: 20px;
}
.index .con02 .list .li a .text .en {
    font-family: 'RUBIK-REGULAR';
    font-size: 16px;
    color: #d4d4d4;
    margin: 4px 0;
}
.index .con02 .list .li a .text .ico {
    width: 19px;
    height: 13px;
    background: url(../image/ico121.png) no-repeat center;
    display: block;
}
.index .con02 .list .li a .detailed {
    width: 359px;
    height: 359px;
    background: url(../image/ico21.jpg) no-repeat center;
    padding: 50px 30px 0;
    box-shadow: 0 5px 13px rgba(0,0,0,.25);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -179.5px;
    margin-top: -179.5px;
    z-index: 2;
    display: none;
}
.index .con02 .list .li a .detailed h3 {
    font-size: 52px;
    color: #ffffff;
    line-height: 48px;
    font-weight: lighter;
}
.index .con02 .list .li a .detailed h4 {
    font-size: 24px;
    color: #ffffff;
    margin: 12px 0 28px;
    font-weight: lighter;
}
.index .con02 .list .li a .detailed .icos {
    width: 47px;
    height: 58px;
    background: url(../image/ico22.png) no-repeat left center;
    display: inline-block;
    /* opacity: 0; */
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.index .con02 .list .li a:hover {
    z-index: 2;
}
.index .con02 .list .li a:hover .detailed {
    display: block;
    animation: fadeIn .6s linear forwards;
    -webkit-animation: fadeIn .6s linear forwards;
}
.index .con02 .list .li a:hover .detailed h3,
.index .con02 .list .li a:hover .detailed h4 {
    animation: fadeInUp .8s 1 linear forwards;
    -webkit-animation: fadeInUp .8s 1 linear forwards;
}
.index .con02 .list .li a:hover .detailed .icos {
    /* animation: fadeInLeft .8s 1 linear forwards;
    -webkit-animation: fadeInLeft .8s 1 linear forwards; */
}
.index .con02 .list .li a .detailed .icos:hover {
    transform: translateX(15px);
}
.index .con03 {
    width: 100%;
    height: 750px;
    overflow: hidden;
    position: relative;
}
.index .con03 .con03_side {
    width: 100%;
    height: 750px;
    position: relative;
}
.index .con03 .con03_side .bd {
    width: 100%;
    overflow: hidden;
}
.index .con03 .con03_side .bd ul {
    width: 100% !important;
}
.index .con03 .con03_side .bd li {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.index .con03 .con03_side .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.index .con03 .content {
    width: 1200px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}
.index .con03 .detailed {
    width: 400px;
    height: 530px;
    background-color: #242b33;
    background-color: rgba(36,43,51,.9);
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 50px 45px 0;
}
.index .con03 .detailed .title .en {
    color: #c6c7c9;
    color: rgba(198,199,201,.3);
}
.index .con03 .detailed .text h3 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 8px;
}
.index .con03 .detailed .text p {
    color: #ffffff;
    line-height: 24px;
}
.more {
    font-family: 'RUBIK-REGULAR';
    font-size: 18px;
    color: #fff;
    width: 200px;
    height: 55px;
    line-height: 53px;
    text-align: center;    
    border: 1px solid #fff;
    margin-top: 20px;
    text-transform: uppercase;
    -webkit-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}
.more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.index .con03 .con03_side .hd {
    padding-top: 15px;
    margin-bottom: 22px;
    position: relative;
    height: 100px;
}
.index .con03 .con03_side .hd:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    position: absolute;
    top: 40px;
    left: 0;
}
.index .con03 .con03_side .hd span {
    font-family: 'RUBIK-REGULAR';
    font-size: 28px;
    color: #6e7275;
    margin-left: 37px;
}
.index .con03 .con03_side .hd span#all {
    margin-left: 0;
}
.index .con03 .con03_side .hd ul {
    width: 100%;
    display: inline-block;
}
.index .con03 .con03_side .hd li {
    width: 51.5px;
    height: 42px;
    padding-top: 25px;
    float: left;
    cursor: pointer;
}
.index .con03 .con03_side .hd li .lines {
    width: 51.5px;
    height: 1px;
    /* background-color: #e70012; */
    opacity: 0;
    filter:Alpha(opacity=0);
}
.index .con03 .con03_side .hd li.on .lines {
    width: 51.5px;
    height: 1px;
    background-color: #e70012;
    animation: h_schedule 4s ease-out;
    -webkit-animation: h_schedule 4s ease-out;
}
.index .con03 .con03_side .hd li.on .lines {
    opacity: 1;
    filter:Alpha(opacity=100);
}
.index .con03 .con03_side .hd li em {
    font-family: 'RUBIK-REGULAR';
    font-size: 28px;
    color: #6e7275;
    opacity: 0;
    filter:Alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 65px;
}
.index .con03 .con03_side .hd li.on em {
    opacity: 1;
    filter:Alpha(opacity=100);
    color: #e70012;
}
.index .con04 {
    padding: 60px 0 78px;
}
.index .con04 .title {
    text-align: center;
}
.index .con04 .con04_side {
    position: relative;
    margin-top: 20px;
}
.index .con04 .con04_side .bd {
    overflow: hidden;
    width: 1222px;
}
.index .con04 .con04_side .tempWrap {
    width: 1200px !important;
}
.index .con04 .con04_side .item {
    float: left; 
    width: 385px;
    height: 260px;
    margin-right: 22px;
    position: relative;
}
.index .con04 .con04_side .item .detailed {
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
    padding: 40px 40px 0 28px;
}
.index .con04 .con04_side .item .detailed .name {
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    position: relative;
    padding-bottom: 16px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.index .con04 .con04_side .item .detailed .name:before {
    content: '';
    width: 27px;
    height: 4px;
    background-color: #e70012;
    position: absolute;
    left: 0;
    bottom: 0;
}
.index .con04 .con04_side .item .detailed .introduction {
    color: #666666;
    line-height: 24px;
    margin: 12px 0 18px;
}
.index .con04 .con04_side .item .detailed .date {
    font-family: 'RUBIK-REGULAR';
    font-size: 16px;
    color: #666666;
    line-height: 24px;
}
.index .con04 .con04_side .item:hover .detailed .name {
    color: #e70415;
}
.index .con04 .con04_side .btn {
    display: none; 
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 9;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.index .con04 .con04_side .prev {
    left: -90px;
    background: url(../image/ico15.png) no-repeat center;
}
.index .con04 .con04_side .next {
    right: -90px;
    background: url(../image/ico141.png) no-repeat center;
}
.index .con04 .con04_side .prev:hover {
    background: url(../image/ico15_on.png) no-repeat center;
}
.index .con04 .con04_side .next:hover {
    background: url(../image/ico14_on.png) no-repeat center;
}
.index .con04 .more {
    color: #666666;
    border: 1px solid #666666;
    margin: 0 auto;
    margin-top: 40px;
}
.index .con04 .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.index .con05 {
    height: 350px;
    background: url(../image/ico16.jpg) no-repeat center;
}
.index .con05 .list {
    overflow: hidden;
    margin: 0 auto;
    padding-top: 75px;
    position: relative
}
.index .con05 .list li {
    width: 300px;
    background: url(../image/ico17.jpg) no-repeat center;
    float: left;
    height: 200px;
    position: relative;
    overflow: hidden;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}
.index .con05 .list li.on {
    width: 600px;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}
.index .con05 .list li + li {
    background: url(../image/ico181.jpg) no-repeat center;
}
.index .con05 .list li + li + li {
    background: url(../image/ico19.jpg) no-repeat center;
}
.index .con05 .list li .detailed {
    width: 100%;
    height: 100%;
    padding: 39px 29px 0;
}
.index .con05 .list li .detailed .title .en {
    font-size: 26px;
    color: #c5ced4;
    margin-bottom: 10px;
}
.index .con05 .list li .detailed .title .cn {
    font-size: 18px;
    color: #666666;
}
.index .con05 .list li .detailed .title h4 {
    font-size: 18px;
    color: #e70012;
    line-height: 20px;
    letter-spacing: 5px;
    margin: 16px 0 22px;
    -webkit-transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}
.index .con05 .list li .detailed .ico {
    width: 19px;
    height: 13px;
    background: url(../image/ico20.png) no-repeat center;
    display: block;
    /* -webkit-transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); */
    opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.index .con05 .list li.on .detailed h4,
.index .con05 .list li.on .detailed .ico,
.index .con05 .list li:hover .detailed h4,
.index .con05 .list li:hover .detailed .ico {
    opacity: 1;
    filter: alpha(opacity=100);
    animation: fadeInRight .6s linear forwards;
    -webkit-animation: fadeInRight .6s linear forwards;
    /* -webkit-transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); */
    /* -webkit-transition-delay: .75s;
    transition-delay: .75s; */
}
.index .con05 .list li .detailed .ico:hover {
    margin-left: 15px;
}
/* page_ban */
.page_ban {
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.page_ban .hidden {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.page_ban .bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-animation: scale_img 30s 1 ease-out forwards;
    animation: scale_img 30s 1 ease-out forwards;
}
.page_ban .content:before {
    content: '';
    width: 1px;
    height: 100px;
    background-color: #c9c9c9;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: auto;
}
.page_ban .content:after {
    content: '';
    width: 1px;
    height: 100px;
    background-color: #e70415;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: auto;
    animation: a_banner_s_line 3s 0.3s linear both infinite;
    -webkit-animation: a_banner_s_line 3s 0.3s linear both infinite;
}
.page_ban .content {
    position: relative;
    height: 100%;
}
.page_ban .content .detailed {
    padding-top: 277px;
    position: relative;
    z-index: 2;
    text-align: center;
}
.page_ban .content .detailed .en {
    font-size: 62px;
    color: #ffffff;
    font-weight: lighter;
    line-height: 1;
    margin-bottom: 10px;
}
.page_ban .content .detailed .cn {
    font-size: 24px;
    color: #ffffff;
}

.pages .title {
    text-align: center;
    padding: 77px 0 47px;
}
.pages .title .en {
    font-family: 'RUBIK-REGULAR';
    font-size: 36px;
    color: #e70415;
    font-weight: lighter;
    line-height: 1;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.pages .title .cn {
    font-size: 20px;
    color: #58575d;
    font-weight: lighter;
}
.pages .title p {
    color: #888888;
    text-align: center;
    margin-top: 28px;
}

.pages .title02 {
    padding-bottom: 29px;
    border-bottom: 1px solid rgba(174,148,141,.2);
}
.pages .title02 .en {
    font-size: 24px;
    color: #9d7d74;
    font-weight: lighter;
    line-height: 34px;
    letter-spacing: -.6px;
    margin-bottom: 3px;
}
.pages .title02 .en em {
    display: block;
    font-size: 20px;
    color: #ae948d;
}
.pages .title02 .cn {
    font-size: 20px;
    color: #e70415;
    font-weight: lighter;
}

.btn_ani {
    width: 100%;
    display: inline-block;
}
.btn_ani .ico {
    width: 50px;
    height: 50px;
    background: #cec7be;
    border-radius: 50%;
    display: block;
    position: relative;
    float: left;
    margin-right: 13px;
}
.btn_ani .ico img {
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
.btn_ani .ico:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 58px;
    height: 58px;
    background: #cec7be;
    opacity: .4;
    border-radius: 50%;
    z-index: -1;
}
.btn_ani .cn {
    font-size: 16px;
    color: #ffffff;
}
.btn_ani .en {
    font-family: 'RUBIK-REGULAR';
    font-size: 14px;
    color: #ffffff;
    color: rgba(255,255,255,.6);
}
.btn_ani:hover .ico {
    background-color: #e70415;
}
/* .btn_ani:hover .ico:before {
    background-color: #e70415;
    -webkit-animation: icon_video02 2s infinite forwards linear 1s;
    animation: icon_video02 2s infinite forwards linear 1s;
} */
.about .con02 .btn_ani:hover .ico {
    background-color: #ead2bc;
}
/* .about .con02 .btn_ani:hover .ico:before {
    background-color: #f7e9dc;
    -webkit-animation: icon_video02 2s infinite forwards linear 1s;
    animation: icon_video02 2s infinite forwards linear 1s;
} */

.tab a .cn {
    font-size: 18px;
    color: #58575d;
}
.tab a .en {
    font-size: 16px;
    color: #d4d4d4;
    font-family: 'RUBIK-REGULAR';
    text-transform: uppercase;
}
.tab a:hover,
.tab a.on {
    background-color: #f4eee8;
}
.tab a:hover .cn,
.tab a.on .cn {
    color: #e70415;
}
.tab a:hover .en,
.tab a.on .en {
    color: #e0d6cc;
}
.detailed .box {
    display: block;
}
.detailed .box + .box {
    display: none;
}

/* about */
.pages.about .title {
    padding: 77px 0 30px;
}
.about .con01 {
    padding-bottom: 65px;
}
.about .con01 .detailed p {
    color: #888888;
    line-height: 26px;
    text-align: center;
}
.about .con01 .detailed ul {
    overflow: hidden;
    text-align: center;
    margin-top: 50px;
}
.about .con01 .detailed li {
    display: inline-block;
    margin: 0 40px;
}
.about .con01 .detailed li h3 {
    color: #e70415;
    font-size: 14px;
    line-height: 1;
}
.about .con01 .detailed li h3 em {
    font-size: 52px;
    font-weight: lighter;
    width: 78px;
    display: inline-block;
}
.about .con01 .detailed li:nth-child(2) h3 em {
    width: 116px;
}
.about .con01 .detailed li h4 {
    color: #888888;
    line-height: 22px;
}
.about .con02 {
    background: url(../image/ico1.jpg) no-repeat center;
    height: 540px;
}
.about .con02 .content {
    position: relative;
    height: 100%;
    padding-top: 100px;
}
.about .con02 .content:before {
    content: '';
    width: 1044px;
    height: 489px;
    background: url(../image/ico2.png) no-repeat center;
    position: absolute;
    right: -400px;
    bottom: -90px;
    z-index: 2;
}
.about .con02 .detailed {
    width: 650px;
    height: 360px;
    background: url(../image/ico3.jpg) no-repeat center;
    position: relative;
    padding: 70px 0 0 50px;
    margin-left: -50px;
}
.about .con02 .detailed .text {
    margin-bottom: 34px;
}
.about .con02 .detailed .text h3 {
    font-size: 20px;
    color: #f7e9dc;
    line-height: 26px;
}
.about .con02 .detailed .text p {
    line-height: 25px;
    color: #f7e9dc;
    color: rgba(247,233,220,.6);
}
.about .con02 .detailed .text p img {
    margin: 20px 0 24px;
}
.about .con03 {
    background-color: #f4eee8;
    padding-bottom: 77px;
}
.about .con03_1 {
    padding: 80px 50px 72px;
    margin: 0 -50px;
    background-color: #fff;
    position: relative;
    top: -80px;
    overflow: hidden;
}
.about .con03_1::before {
    content: '';
    width: 500px;
    height: 470px;
    background: url(../image/ico65.png) no-repeat center;
    position: absolute;
    bottom: 0;
    right: 0;
}
.about .con03_1 .fl,
.about .con03_1 .fr {
    width: 50%;
}
.about .con03_1 .text {
    padding-left: 19px;
    margin-top: 27px;
}
.about .con03_1 .text h3 {
    font-size: 18px;
    color: #58575d;
    line-height: 22px;
    position: relative;
    margin: 25px 0 4px;
}
.about .con03_1 .text h3:before {
    content: '';
    width: 4px;
    height: 18px;
    background-color: #e70012;
    position: absolute;
    left: -19px;
    top: 3px;
}
.about .con03_1 .text p {
    color: #888888;
}
.about .con03_1 .fr {
    padding: 80px 0 0 163px;
}
.about .con03_1 .map {
    width: 357px;
    height: 415px;
    position: relative;
    padding-top: 10px;
    margin-top: -20px;
}
.about .con03_1 .map .line {
    position: absolute;
    width: 0;
    -webkit-transition: all 4s;
    transition: all 4s;
}
.about .con03_1 .map .l1 {
    right: 144px;
    top: 230px;
    width: 87px;
    height: 42px;
    background: url(../image/ico8.png) no-repeat right bottom;
}
.about .con03_1 .map .l2 {
    right: 114px;
    top: 166px;
    width: 69px;
    height: 78px;
    background: url(../image/ico9.png) no-repeat right bottom;
}
.about .con03_1 .map .l3 {
    left: 298px;
    top: 159px;
    width: 43px;
    height: 83px;
    background: url(../image/ico10.png) no-repeat left bottom;
}
.about .con03_1 .map.animated .l1 {
    width: 87px;
}
.about .con03_1 .map.animated .l2 {
    width: 69px;
}
.about .con03_1 .map.animated .l3 {
    width: 43px;
}
.about .con03_1 .map .ico {
    width: 14px;
    height: 20px;
    position: absolute;
    top: 240px;
    left: 254px;
}
.about .con03_1 .map .ico img {
    animation: myfirst 2s infinite;
    -webkit-animation: myfirst 2s infinite;
}
.about .con03_1 .map .ico:after {
    content: '';
    width: 142px;
    height: 142px;
    background-color: #ea2c00;
    border-radius: 50%;
    opacity: .2;
    position: absolute;
    top: 50%;
    margin-top: -71px;
    left: 50%;
    margin-left: -71px;
    animation: h_map 2s linear alternate infinite;
    -webkit-animation: h_map 2s linear alternate infinite;
}
.about .con03_1 .map .ico:before {
    content: '';
    width: 58px;
    height: 58px;
    background-color: #e72b00;
    border-radius: 50%;
    opacity: .2;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    left: 50%;
    margin-left: -29px;
}
.about .con03 .btn_ani .cn {
    color: #58575d;
}
.about .con03 .btn_ani .en {
    color: #58575d;
    color: rgba(88,87,93,.6);
}
.about .con03_1 .list {
    position: relative;
    margin-top: -94px;
}
.about .con03_1 .btn_ani {
    margin-top: 24px;
}
.about .con03_2 {
    padding: 50px;
    margin: 0 -50px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    margin-top: -50px;
}
.about .con03_2 .img {
    width: 380px;
    height: 250px;
    float: left;
}
.about .con03_2 .detailed {
    width: 767px;
    float: right;
}
.about .con03_2 .title02 {
    padding-bottom: 20px;
}
.about .con03_2 .text {
    margin: 14px 0 24px;
}
.about .con03_2 .text p {
    color: #888888;
    line-height: 22px;
}
/* about2 */
.about2 .con01 {
    background: url(../image/ico171.jpg) no-repeat center bottom;
    padding-bottom: 218px;
}
.about2 .list {
    overflow: hidden;
    position: relative;
    padding: 88px 0 33px;
    margin-top: 30px;
}
.about2 .list:after {
    content: '';
    width: 40px;
    height: 40px;
    background: url(../image/ico191.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 0;
}
.about2 .list:before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #d8d4d0;
    opacity: .2;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    margin-top: 40px;
}
.about2 .list .li {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    z-index: 2;
}
.about2 .list .li .num {
    font-family: 'RUBIK-REGULAR';
    font-size: 24px;
    color: #e70415;
    margin-bottom: 20px;
    position: relative;
}
.about2 .list .li .num:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid #ebe9e7;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 5px;
}
.about2 .list .li p {
    line-height: 22px;
    margin-top: 10px;
    position: relative;
    padding-left: 8px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.about2 .list .li p:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #e70415;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}
.about2 .list .li .fr {
    width: 50%;
    padding: 0 24px;
}
.about2 .list .li .num_r {
    float: right;
}
.about2 .list .li .num_l {
    float: left;
}
.about2 .list .li .fl {
    width: 50%;
    padding: 0 22px;
    text-align: right;
}
.about2 .list .li .fl .num:before {
    content: '';
    left: auto;
    right: -28px;
    top: 5px;
}
.about2 .list .li .fl p {
    text-align: right;
    padding-left: 0;
    padding-right: 8px;
}
.about2 .list .li .fl p:before  {
    left: auto;
    right: 0;
}
.about2 .list .li .fr p:hover {
    color: #e70415;
}
.about2 .list .li .fl p:hover {
    color: #e70415;
}
/* about3 */
.about3 .con01 {
    background: url(../image/ico171.jpg) no-repeat center bottom;
    padding-bottom: 218px;
}
.about3 .con01 .text p {
    color: #888888;
    text-align: center;
    line-height: 26px;
}
.about3 .list {
    overflow: hidden;
    position: relative;
    padding: 88px 0 33px;
    margin-top: 30px;
}
.about3 .list:after {
    content: '';
    width: 40px;
    height: 40px;
    background: url(../image/ico191.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 0;
}
.about3 .list:before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #d8d4d0;
    opacity: .2;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    margin-top: 40px;
}
.about3 .list .li {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
    z-index: 2;
}
.about3 .list .li .num {
    font-family: 'RUBIK-REGULAR';
    font-size: 24px;
    color: #e70415;
    float: left;
    line-height: 184px;
}
.about3 .list .li .img {
    float: left;
    width: 326px;
    height: 184px;
    background: url(../image/ico201.png) no-repeat center;
    padding: 12px 0 0 64px;
    margin: 0 18px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.about3 .list .li .tr {
    float: left;
    width: 260px;
    line-height: 184px;
}
.about3 .list .li .tr .piece {
    display: inline-block;
    vertical-align: middle;
}
.about3 .list .li .tr p {
    line-height: 22px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.about3 .list .li .fr {
    width: 52%;
}
.about3 .list .li .num_r {
    float: right;
}
.about3 .list .li .num_l {
    float: left;
}
.about3 .list .li .fl {
    width: 52%;
}
.about3 .list .li .fl .img {
    background: url(../image/ico211.png) no-repeat center;
    padding: 12px 0 0 12px;
    margin: 0 19px;
}
.about3 .list .li .fl .tr {
    text-align: right;
}
.about3 .list .li .fl p {
    text-align: right;
}
.about3 .list .li .fr:hover .img {
    background: url(../image/ico20_on.png) no-repeat center;
}
.about3 .list .li .fl:hover .img {
    background: url(../image/ico21_on.png) no-repeat center;
}
.about3 .list .li .fr:hover p {
    color: #e70415;
}
.about3 .list .li .fl:hover p {
    color: #e70415;
}
.about3_more {
    margin: auto;
    width: 50px;
    height: 50px;
    background-color: #cec7be;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.about3_more:hover {
    background-color: #e70415;
}
.about3_more:before {
    content: '';
    width: 50px;
    height: 50px;
    background: url(../image/ico40.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 5px;
    animation: myfirst 2s infinite;
    -webkit-animation: myfirst 2s infinite;
}
/* about4 */
.about4 .con01 .text p {
    color: #888888;
    text-align: center;
}
.about4 .con02 {
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 142px;
    margin-top: 32px;
    text-align: center;
}
.about4 .con02 p {
    text-align: center;
}
.about4 .con02 h3 {
    font-size: 20px;
    color: #f7e9dc;
    line-height: 26px;
    margin-top: 34px;
}
.about4 .tab {
    overflow: hidden;
    text-align: center;
    line-height: 26px;
}
.about4 .tab a {
    width: 33.333333%;
    float: left;
    padding: 24px 0 20px;
}
.about4 .con03 .detailed {
    background-color: #f4eee8;
    padding: 60px 0 108px;
}
.about4 .list03 {
    margin-left: -30px;
    font-size: 0;
    text-align: left;
    margin-left: -30px;
    overflow: hidden;
}
.about4 .list03 li {
    float: left;
    width: 380px;
    height: 430px;
    overflow: hidden;
    margin: 0 0 30px 30px;
}
.about4 .list03 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.about4 .list03 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.about4 .list03 li .detailed {
    height: 195px;
    padding: 25px 26px 0 26px;
    background-color: #ffffff;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.about4 .list03 .detailed .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    height: 52px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.about4 .list03 .detailed .date {
    font-size: 16px;
    color: #f44242;
    font-family: 'RUBIK-REGULAR';
    margin: 10px 0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.about4 .list03 .detailed .text {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.about4 .list03 li:hover .detailed {
    background: #e70415;
}
.about4 .list03 li:hover .detailed .name,
.about4 .list03 li:hover .detailed .date,
.about4 .list03 li:hover .detailed .text {
    color: #fff;
}
.about4 .list03 li:hover img {
    transform: scale(1.1);
}
.about4 .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 20px;
}
.about4 .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.about4 .box02 .num01 {
    text-align: center;
    padding-bottom: 180px;
    position: relative;
}
.about4 .box02 .num01 .cn {
    font-size: 20px;
    color: #f44f1d;
    margin-bottom: 20px;
}
.about4 .box02 .num01 .en {
    font-size: 85px;
    color: #e2d4c7;
    color: rgba(226,212,199,.3);
    line-height: 1;
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    text-align: center;
}
.about4 .box02 .num01 h4 {
    font-size: 16px;
    color: #9f9183;
    line-height: 24px;
}
.about4 .box02 .num02 {
    height: 488px;
    background: url(../image/ico24.jpg) no-repeat center;
}
.about4 .box02 .num02 .content {
    position: relative;
    height: 100%;
}
.about4 .box02 .num02 .box02_title {
    position: relative;
    top: -40px;
}
.about4 .box02 .box02_title .en {
    font-size: 36px;
    color: #f44f1d;
    color: rgba(244,79,29,.4);
    line-height: 36px;
    margin-bottom: 10px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: -2px;
}
.about4 .box02 .box02_title .cn {
    font-size: 20px;
    color: #58575d;
    line-height: 24px;
}
.about4 .box02 .block {
    text-align: center;
    max-width: 615px;
    margin: auto;
    margin-top: 89px;
}
.about4 .box02 .text {
    display: block;
}
.about4 .box02 .text + .text {
    display: none;
}
.about4 .box02 .text h3 {
    font-size: 18px;
    color: #f52f02;
    line-height: 36px;
}
.about4 .box02 .text p {
    color: #9f9183;
    text-align: center;
}
.about4 .box02 .list {
    position: absolute;
    top: -85px;
    right: 0;
}
.about4 .box02 .list .li {
    width: 187px;
    height: 187px;
    line-height: 187px;
    background-color: #fff;
    border-radius: 50%;
    float: left;
    text-align: center;
    margin-left: 25px;
    box-shadow: 10px 11px 16px rgba(79, 79, 79, .1);
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
}
.about4 .box02 .list .li .piece {
    display: inline-block;
    vertical-align: middle;
}
.about4 .box02 .list .li .cn {
    font-size: 20px;
    line-height: 24px;
    color: #6e6e6e;
    margin-bottom: 10px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.about4 .box02 .list .li .en {
    font-weight: lighter;
    font-size: 26px;
    line-height: 32px;
    color: #be4621;
    color: rgba(190,70,33,.4);
    text-transform: uppercase;
    letter-spacing: -1px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.about4 .box02 .list .li.on,
.about4 .box02 .list .li:hover {
    background-color: #f52f02;
    box-shadow: none;
}
.about4 .box02 .list .li.on .cn,
.about4 .box02 .list .li:hover .cn {
    color: #fff;
}
.about4 .box02 .list .li.on .en,
.about4 .box02 .list .li:hover .en {
    color: #fff;
    color: rgba(255,255,255,.4);
}
.about4 .box02 .num03 {
    padding-top: 60px;
    position: relative;
}
.about4 .box02 .num03:before {
    content: '';
    width: 100%;
    height: 413px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -113px;
}
.about4 .box02 .num03 .box02_title {
    text-align: center;
    margin-bottom: 38px;
}
.about4 .box02 .num03 .box02_title .cn {
    margin-bottom: 18px;
}
.about4 .box02 .num03 .box02_title .en {
    color: #f44f1d;
    color: rgba(244,79,29,.3);
    margin: 0;
}
.about4 .box02 .list02 {
    margin-right: -18px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.about4 .box02 .list02 .li {
    float: left;
    width: 286px;
    height: 468px;
    background-color: #f4eee8;
    margin-right: 18px;
}
.about4 .box02 .list02 .li .img {
    width: 100%;
    height: 167px;
    overflow: hidden;
}
.about4 .box02 .list02 .li .text {
    padding: 40px 28px 0;
}
.about4 .box02 .list02 .li .text h3 {
    font-size: 22px;
    color: #333333;
    line-height: 28px;
    margin-bottom: 24px;
}
.about4 .box02 .list02 .li .text p {
    color: #666666;
    text-align: justify;
}
.about4 .box01 .num01 {
    overflow: hidden;
}
.about4 .box01 .num01 .fl {
    width: 520px;
}
.about4 .box01 .num01 .fl p {
    color: #9f9183;
    line-height: 26px;
}
.about4 .box01 .num01 .fr .en {
    color: transparent;
    -webkit-text-stroke: 1px #e70415;
    -ms-text-stroke: 1px #e70415;
    text-stroke: 1px #e70415;
    -webkit-text-stroke: 1px rgba(231,4,21,.3);
    -ms-text-stroke: 1px rgba(231,4,21,.3);
    text-stroke: 1px rgba(231,4,21,.3);
    font-size: 85px;
    line-height: 68px;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-family: 'RUBIK-REGULAR';
}
.about4 .box01 .num01 .fr .cn {
    font-size: 20px;
    color: #f44f1d;
    line-height: 24px;
}
.about4 .box01 .list {
    overflow: hidden;
    margin: 0 auto;
    padding-top: 75px;
    position: relative
}
.about4 .box01 .list li {
    float: left;
    width: 257px;
    height: 228px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-right: 9px;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}
.about4 .box01 .list li:last-child {
    margin-right: 0;
}
.about4 .box01 .list li.on {
    width: 400px;
    background-color: #e70415;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}
.about4 .box01 .list li .block {
    width: 100%;
    height: 100%;
    padding: 85px 28px 0;
    position: relative;
}
.about4 .box01 .list li .block .name .en {
    font-size: 46px;
    color: #f44f1d;
    color: rgba(244,79,29,.4);
    line-height: 1;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: -3px;
}
.about4 .box01 .list li .block .name .cn {
    font-size: 20px;
    color: #58575d;
    line-height: 24px;
}
.about4 .box01 .list li .block .text {
    width: 340px;
}
.about4 .box01 .list li .block .text p {
    color: #ffe5c7;
    -webkit-transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}
.about4 .box01 .list li.on .block {
    padding: 40px 28px 0;
}
.about4 .box01 .list li.on .block .name .en {
    color: #be4621;
    color: rgba(190,70,33,.4);
    margin-top: 16px;
}
.about4 .box01 .list li.on .block .name .cn {
    color: #fff;
    position: absolute;
    top: 40px;
    left: 32px;
}
.about4 .box01 .list li.on .text p,
.about4 .box01 .list li:hover .text p {
    opacity: 1;
    filter: alpha(opacity=100);
    /* animation: fadeInRight .6s linear forwards;
    -webkit-animation: fadeInRight .6s linear forwards; */
}
/* about5 */
.about5 .con01 .detailed {
    height: 700px;
    background: url(../image/ico29.jpg) no-repeat center;
    padding-top: 85px;
}
.about5 .con01 .text {
    float: left;
    width: 415px;
}
.about5 .con01 .text h3 {
    font-weight: lighter;
}
.about5 .con01 .text .en {
    font-size: 40px;
    color: #ffecac;
    line-height: 39px;
    text-transform: uppercase;
    margin: 52px 0 20px;
}
.about5 .con01 .text .cn {
    font-size: 40px;
    color: #ffeea0;
    line-height: 50px;
    margin-bottom: 20px;
}
.about5 .con01 .text p {
    color: #ffffff;
}
.about5 .con01 .map {
    float: right;
    margin-right: 30px;
    width: 620px;
    height: 524px;
    position: relative;
}
.about5 .con01 .map .ico01 {
    position: absolute;
    width: 25px;
    height: 33px;
    background: url(../image/ico31.png) no-repeat center;
    left: 381px;
    top: 363px;
    animation: myfirst 2s infinite;
    -webkit-animation: myfirst 2s infinite;
}
.about5 .con02 {
    padding: 160px 0 130px;
    position: relative;
}
.about5 .con02:before {
    content: '';
    width: 596px;
    height: 499px;
    background: url(../image/ico32.png) no-repeat center;
    position: absolute;
    right: -186px;
    bottom: -20px;
}
.about5 .con02 .list {
    width: 100%;
    display: inline-block;
}
.about5 .con02 .list .li {
    float: left;
    width: 318px;
    height: 504px;
    position: relative;
}
.about5 .con02 .list .li:nth-child(2) {
    margin-top: -60px;
}
.about5 .con02 .list .li + .li {
    margin-left: 100px;
}
.about5 .con02 .list .li .img {
    position: relative;
    overflow: hidden;
}
.about5 .con02 .list .li .name {
    position: absolute;
    top: 185px;
    right: -64px;
}
.about5 .con02 .list .li .name .cn {
    font-size: 26px;
    color: #333333;
    line-height: 24px;
    position: relative;
    margin-bottom: 18px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.about5 .con02 .list .li .name .cn:before {
    content: '';
    width: 22px;
    height: 3px;
    background-color: #e70415;
    position: absolute;
    left: 0;
    top: -14px;
}
.about5 .con02 .list .li .name .en {
    margin-left: 52px;
}
.about5 .con02 .list .li .detailed {
    width: 100%;
    height: 100%;
    padding: 60px 37px;
    background: url(../image/ico39.png) no-repeat center;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 100%;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.about5 .con02 .list .li .detailed h2 {
    font-size: 24px;
    color: #ffeea0;
    line-height: 30px;
    margin-bottom: 38px;
}
.about5 .con02 .list .li .detailed h3 {
    font-size: 22px;
    color: #fff;
    line-height: 26px;
}
.about5 .con02 .list .li .detailed p {
    font-size: 16px;
    color: #e5dcbb;
}
.about5 .con02 .list .li .detailed dt {
    margin-bottom: 22px;
}
.about5 .con02 .list .li:hover .detailed {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
.about5 .con02 .list .li:hover .name .cn {
    color: #ea0d16;
}
.about5 .con02 .list .li:hover .detailed dt {
    animation: fadeInUp 1s;
    animation-delay: .1s;
}
/* strategic_sector */
.strategic_sector .page_ban {
    height: 700px;
}
.strategic_sector .page_ban .detailed {
    width: 545px;
    padding-top: 235px;
    text-align: left;
}
.strategic_sector .page_ban .cn {
    display: inline-block;
    border-bottom: 2px solid #ffe6b5;
    padding-bottom: 22px;
    margin-bottom: 16px;
}
.strategic_sector .page_ban p {
    color: #ffffff;
    line-height: 26px;
}
.strategic_sector .page_ban .content:after {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector .page_ban .content:before {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector .party_top {
    width: 100%;
    height: 620px;
    background: url(../image/ico2.jpg) no-repeat center;
    background-size: cover;
}
.strategic_sector .title {
    text-align: left;
    padding: 90px 0 28px;
}
.strategic_sector .party_top .title .cn {
    font-size: 20px;
    color: #e70415;
    line-height: 26px;
}
.strategic_sector .party_top .title .en {
    font-size: 20px;
    color: #d4d4d4;
    line-height: 26px;
    margin: 0;
}
.recommend_side {
    width: 600px;
    height: 370px;
    position: relative;
    float: left;
}
.recommend_side .bd {
    width: 100%;
    overflow: hidden;
}
.recommend_side .bd ul {
    width: 100% !important;
}
.recommend_side .bd li {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.recommend_side .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.recommend_side .hd {
    /* width: 100%; */
    height: 0;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}
.recommend_side .hd ul li.on {
    background-color: #FFF;
}
.recommend_side .hd ul li {
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 50%;
    margin-left: 8px;
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
}
.recommend_list {
    float: left;
    width: 600px;
    height: 370px;
    background-color: #fff;
    padding: 45px 30px 0;
}
.recommend_list a {
    padding: 0 0 24px 10px;
    margin-bottom: 24px;
    border-bottom: 2px solid #000;
    border-bottom: 2px solid rgba(0,0,0,.05);
    position: relative;
}
.recommend_list a:last-child {
    border: none;
}
.recommend_list a:before {
    content: '';
    width: 41px;
    height: 16px;
    background: url(../image/ico3.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.recommend_list .date {
    font-size: 22px;
    color: #f44242;
    line-height: 30px;
}
.recommend_list .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    max-width: 82%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recommend_list a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
}


.strategic_sector .form_box .mySelect {
    font-size: 14px;
}
.strategic_sector .mySelect .show {
    color: #58575d;
    color: rgba(88, 87, 93, .8);
}
.strategic_sector .inputBox input {
    padding: 0 30px 0;
    width: 305px;
    height: 56px;
}
.strategic_sector .newslist_top .form_box .inputBox:hover {
    border-color: #e70415;
}
.strategic_sector .newslist_top .form_box .inputBox:hover button {
    background-color: #e70415;
    background-image: url(../image/searchBtn_on.png);
}
.strategic_sector .ul_list1 {
    font-size: 0;
    text-align: left;
    margin-left: -30px;
}
.strategic_sector .ul_list1 {
    overflow: hidden;
}
.strategic_sector .ul_list1 li {
    float: left;
    width: 380px;
    height: 370px;
    overflow: hidden;
    margin: 30px 0 0 30px;
}
.strategic_sector .ul_list1 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.strategic_sector .ul_list1 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.strategic_sector .ul_list1 li .detailed {
    height: 140px;
    padding: 25px 26px 0 26px;
    background-color: #f0f0f0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector .ul_list1 .detailed .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    height: 32px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector .ul_list1 .detailed .text p {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector .ul_list1 li:hover .detailed {
    background: #e70415;
}
.strategic_sector .ul_list1 li:hover .detailed .name,
.strategic_sector .ul_list1 li:hover .detailed .text p {
    color: #fff;
}
.strategic_sector .ul_list1 li:hover img {
    transform: scale(1.1);
}
.strategic_sector .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.strategic_sector .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.strategic_sector .con01 {
    padding: 66px 0 80px;
}
/* strategic_sector_d */
.strategic_sector_d .page_ban {
    height: 700px;
}
.strategic_sector_d .page_ban .content:after {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector_d .page_ban .content:before {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector_d .con01 .detailed {
    margin: 90px 0 75px;
    overflow: hidden;
}
.strategic_sector_d .con01 .fl {
    width: 352px;
    padding-right: 50px;
}
.strategic_sector_d .con01 .fr {
    width: 848px;
    border-left: 1px solid #e1e1e1;
    padding-left: 52px;
}
.strategic_sector_d .con01 .ico {
    height: 120px;
}
.strategic_sector_d .con01 .text {
    margin: 30px 0 45px;
}
.strategic_sector_d .con01 .text h3 {
    font-size: 22px;
    color: #2a2a2a;
    margin-bottom: 35px;
}
.strategic_sector_d .con01 .text p {
    font-size: 14px;
    color: #666666;
    line-height: 32px;
}
.strategic_sector_d .con01 .text p .num {
    font-size: 34px;
    color: #e70415;
    line-height: 1;
    margin-right: 14px;
    letter-spacing: -2px;
}
.strategic_sector_d .con01 .text p .red {
    color: #e70415;
}
.strategic_sector_d .con01 .text p .gray {
    color: #c8c8c8;
}
.strategic_sector_d .con01 .link {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #e70415;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.strategic_sector_d .title {
    text-align: left;
    padding: 0;
}
.strategic_sector_d .title .cn {
    font-size: 20px;
    color: #2a2a2a;
}
.strategic_sector_d .title .en {
    font-size: 16px;
    color: #d4d4d4;
    line-height: 26px;
    margin-bottom: 0;
}
.strategic_sector_d .cont {
    margin-top: 10px;
}
.strategic_sector_d .cont p {
    color: #666666;
    line-height: 26px;
}
.strategic_sector_d .con01 .down {
    position: relative;
    margin-top: 62px;
}
.strategic_sector_d .con01 .down .cont {
    width: 300px;
}
.strategic_sector_d .con01 .down .img.show {
    position: static;
}
.strategic_sector_d .con01 .down .img {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.strategic_sector_d .con01 .down .img .name {
    width: 100px;
    height: 240px;
    float: left;
    border: 1px solid #e1e1e1;
    padding: 56px 38px 0;
    text-align: center;
}
.strategic_sector_d .con01 .down .img .name h3 {
    font-size: 20px;
    color: #333333;
    line-height: 20px;
    position: relative;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}
.strategic_sector_d .con01 .down .img .name h3:before {
    content: '';
    width: 22px;
    height: 14px;
    background: url(../image/ico81.png) no-repeat center;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: auto;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}
.strategic_sector_d .con01 .down .img .bg {
    float: left;
    width: 340px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.strategic_sector_d .con01 .down .img:hover .name h3 {
    color: #e70415;
}
.strategic_sector_d .con01 .down .img:hover .name h3:before {
    background: url(../image/ico8_on.png) no-repeat center;
}
.strategic_sector_d .con02 {
    padding: 70px 0 88px;
    background-color: #f0f0f0;
}
.strategic_sector_d .con02 .up {
    overflow: hidden;
}
.strategic_sector_d .con02 .title {
    float: left;
}
.strategic_sector_d .tab {
    float: right;
}
.strategic_sector_d .tab a {
    float: left;
    font-size: 16px;
    color: #666666;
    margin-left: 20px;
    padding-bottom: 10px;
}
.strategic_sector_d .tab a.on {
    color: #e70415;
    background-color: transparent;
    border-bottom: 2px solid #e70415;
}
.strategic_sector_d .tab a:hover {
    background-color: transparent;
}

.image_side {
    position: relative;
    margin-top: 24px;
}
.image_side .bd {
    overflow: hidden;
    width: 1230px;
}
.image_side .tempWrap {
    width: 1200px !important;
}
.image_side .item {
    float: left; 
    width: 380px;
    height: 250px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}
.image_side .item img {
    transition: all .4s;
    -webkit-transition: all .4s;
}
.image_side .item:hover img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}
.image_side .btn {
    display: none;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 9;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.image_side .prev {
    left: -90px;
    background: url(../image/ico131.png) no-repeat center;
}
.image_side .next {
    right: -90px;
    background: url(../image/ico142.png) no-repeat center;
}
.image_side .prev:hover {
    background: url(../image/ico13_on.png) no-repeat center;
}
.image_side .next:hover {
    background: url(../image/ico14_on1.png) no-repeat center;
}

.strategic_sector_d .con03 {
    padding: 60px 0 77px;
}
.strategic_sector_d .con03 .up {
    overflow: hidden;
    margin-bottom: 25px;
}
.strategic_sector_d .con03 .title {
    float: left;
}
.strategic_sector_d .con03 .btn {
    float: right;
    line-height: 40px;
}
.strategic_sector_d .con03 .btn li {
    float: left;
    padding-left: 49px;
    margin-left: 28px;
    font-size: 14px;
    color: #666666;
    color: rgba(102,102,102,.8);
    cursor: pointer;
}
.strategic_sector_d .con03 .btn li.li1 {
    background: url(../image/ico59.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li2 {
    background: url(../image/ico60.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li3 {
    background: url(../image/ico61.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li4 {
    background: url(../image/ico62.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li5 {
    background: url(../image/ico63.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li6 {
    background: url(../image/ico64.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li1.crt {
    background: url(../image/ico59_on.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li2.crt {
    background: url(../image/ico60_on.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li3.crt {
    background: url(../image/ico61_on.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li4.crt {
    background: url(../image/ico62_on.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li5.crt {
    background: url(../image/ico63_on.png) no-repeat left center;
}
.strategic_sector_d .con03 .btn li.li6.crt {
    background: url(../image/ico64_on.png) no-repeat left center;
}
.strategic_sector_d .con03 .map_around_box{position:relative; height:455px; overflow:hidden;}
.strategic_sector_d .con03 #in_d_map{height:455px; width:100%;}
.strategic_sector_d .con03 #in_d_map img{max-width: none;}
.strategic_sector_d .con03 .white {
    position: absolute;
    bottom: 0;
    right: 45px;
    width: 355px;
    padding: 30px 20px 0 28px;
    overflow: hidden;
    height: 376px;
    background-color: #fff;
}
.strategic_sector_d .con03 #r-result{
    overflow-y: auto;
    height: 324px;
    padding-right: 20px;
}
.strategic_sector_d .con03 #r-result li{padding: 0 0 20px 29px; border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid rgba(225,225,225,.3); cursor: pointer; position: relative;}
.strategic_sector_d .con03 #r-result li + li {
    padding: 20px 0 20px 29px;
}
.strategic_sector_d .con03 #r-result li h6:before {
    content: '';
    width: 14px;
    height: 18px;
    background: url(../image/ico151.png) no-repeat center;
    position: absolute;
    left: -29px;
    top: 4px;
}
.strategic_sector_d .con03 #r-result h6{font-size: 14px; color:#e5b858; line-height: 24px; position: relative;}
.strategic_sector_d .con03 #r-result p{font-size: 14px; color:#666666; line-height: 20px;}

/* strategic_sector2 */
.strategic_sector2 .page_ban {
    height: 700px;
}
.strategic_sector2 .page_ban .detailed {
    width: 545px;
    padding-top: 235px;
    text-align: left;
}
.strategic_sector2 .page_ban .cn {
    display: inline-block;
    border-bottom: 2px solid #ffe6b5;
    padding-bottom: 22px;
    margin-bottom: 16px;
}
.strategic_sector2 .page_ban p {
    color: #ffffff;
    line-height: 26px;
}
.strategic_sector2 .page_ban .content:after {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector2 .page_ban .content:before {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector2 .party_top {
    width: 100%;
    height: 620px;
    background: url(../image/ico2.jpg) no-repeat center;
    background-size: cover;
}
.strategic_sector2 .title {
    text-align: left;
    padding: 90px 0 28px;
}
.strategic_sector2 .party_top .title .cn {
    font-size: 20px;
    color: #e70415;
    line-height: 26px;
}
.strategic_sector2 .party_top .title .en {
    font-size: 20px;
    color: #d4d4d4;
    line-height: 26px;
    margin: 0;
}
.strategic_sector2 .form_box .mySelect {
    font-size: 14px;
}
.strategic_sector2 .mySelect .show {
    color: #58575d;
    color: rgba(88, 87, 93, .8);
}
.strategic_sector2 .inputBox input {
    padding: 0 30px 0;
    width: 305px;
    height: 56px;
}
.strategic_sector2 .newslist_top .form_box .inputBox:hover {
    border-color: #e70415;
}
.strategic_sector2 .newslist_top .form_box .inputBox:hover button {
    background-color: #e70415;
    background-image: url(../image/searchBtn_on.png);
}
.strategic_sector2 .ul_list1 {
    font-size: 0;
    text-align: left;
    margin-left: -30px;
}
.strategic_sector2 .ul_list1 {
    overflow: hidden;
}
.strategic_sector2 .ul_list1 li {
    float: left;
    width: 380px;
    height: 370px;
    overflow: hidden;
    margin: 30px 0 0 30px;
}
.strategic_sector2 .ul_list1 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.strategic_sector2 .ul_list1 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.strategic_sector2 .ul_list1 li .detailed {
    height: 140px;
    padding: 25px 26px 0 26px;
    background-color: #f0f0f0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector2 .ul_list1 .detailed .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    height: 32px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector2 .ul_list1 .detailed .text p {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector2 .ul_list1 li:hover .detailed {
    background: #e70415;
}
.strategic_sector2 .ul_list1 li:hover .detailed .name,
.strategic_sector2 .ul_list1 li:hover .detailed .text p {
    color: #fff;
}
.strategic_sector2 .ul_list1 li:hover img {
    transform: scale(1.1);
}
.strategic_sector2 .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.strategic_sector2 .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.strategic_sector2 .con01 {
    padding: 66px 0 80px;
}

/* strategic_sector3 */
.strategic_sector3 .page_ban {
    height: 700px;
}
.strategic_sector3 .page_ban .detailed {
    width: 545px;
    padding-top: 235px;
    text-align: left;
}
.strategic_sector3 .page_ban .cn {
    display: inline-block;
    border-bottom: 2px solid #ffe6b5;
    padding-bottom: 22px;
    margin-bottom: 16px;
}
.strategic_sector3 .page_ban p {
    color: #ffffff;
    line-height: 26px;
}
.strategic_sector3 .page_ban .content:after {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector3 .page_ban .content:before {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector3 .party_top {
    width: 100%;
    height: 620px;
    background: url(../image/ico2.jpg) no-repeat center;
    background-size: cover;
}
.strategic_sector3 .title {
    text-align: left;
    padding: 90px 0 28px;
}
.strategic_sector3 .party_top .title .cn {
    font-size: 20px;
    color: #e70415;
    line-height: 26px;
}
.strategic_sector3 .party_top .title .en {
    font-size: 20px;
    color: #d4d4d4;
    line-height: 26px;
    margin: 0;
}
.strategic_sector3 .form_box .mySelect {
    font-size: 14px;
}
.strategic_sector3 .mySelect .show {
    color: #58575d;
    color: rgba(88, 87, 93, .8);
}
.strategic_sector3 .inputBox input {
    padding: 0 30px 0;
    width: 305px;
    height: 56px;
}
.strategic_sector3 .newslist_top .form_box .inputBox:hover {
    border-color: #e70415;
}
.strategic_sector3 .newslist_top .form_box .inputBox:hover button {
    background-color: #e70415;
    background-image: url(../image/searchBtn_on.png);
}
.strategic_sector3 .ul_list1 {
    font-size: 0;
    text-align: left;
    margin-left: -30px;
}
.strategic_sector3 .ul_list1 {
    overflow: hidden;
}
.strategic_sector3 .ul_list1 li {
    float: left;
    width: 380px;
    height: 370px;
    overflow: hidden;
    margin: 30px 0 0 30px;
}
.strategic_sector3 .ul_list1 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.strategic_sector3 .ul_list1 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.strategic_sector3 .ul_list1 li .detailed {
    height: 140px;
    padding: 25px 26px 0 26px;
    background-color: #f0f0f0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector3 .ul_list1 .detailed .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    height: 32px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector3 .ul_list1 .detailed .text p {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector3 .ul_list1 li:hover .detailed {
    background: #e70415;
}
.strategic_sector3 .ul_list1 li:hover .detailed .name,
.strategic_sector3 .ul_list1 li:hover .detailed .text p {
    color: #fff;
}
.strategic_sector3 .ul_list1 li:hover img {
    transform: scale(1.1);
}
.strategic_sector3 .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.strategic_sector3 .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.strategic_sector3 .con01 {
    padding: 66px 0 80px;
}

/* strategic_sector4 */
.strategic_sector4 .page_ban {
    height: 700px;
}
.strategic_sector4 .page_ban .detailed {
    width: 545px;
    padding-top: 235px;
    text-align: left;
}
.strategic_sector4 .page_ban .cn {
    display: inline-block;
    border-bottom: 2px solid #ffe6b5;
    padding-bottom: 22px;
    margin-bottom: 16px;
}
.strategic_sector4 .page_ban p {
    color: #ffffff;
    line-height: 26px;
}
.strategic_sector4 .page_ban .content:after {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector4 .page_ban .content:before {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector4 .party_top {
    width: 100%;
    height: 620px;
    background: url(../image/ico2.jpg) no-repeat center;
    background-size: cover;
}
.strategic_sector4 .title {
    text-align: left;
    padding: 90px 0 28px;
}
.strategic_sector4 .party_top .title .cn {
    font-size: 20px;
    color: #e70415;
    line-height: 26px;
}
.strategic_sector4 .party_top .title .en {
    font-size: 20px;
    color: #d4d4d4;
    line-height: 26px;
    margin: 0;
}
.strategic_sector4 .form_box .mySelect {
    font-size: 14px;
}
.strategic_sector4 .mySelect .show {
    color: #58575d;
    color: rgba(88, 87, 93, .8);
}
.strategic_sector4 .inputBox input {
    padding: 0 30px 0;
    width: 305px;
    height: 56px;
}
.strategic_sector4 .newslist_top .form_box .inputBox:hover {
    border-color: #e70415;
}
.strategic_sector4 .newslist_top .form_box .inputBox:hover button {
    background-color: #e70415;
    background-image: url(../image/searchBtn_on.png);
}
.strategic_sector4 .ul_list1 {
    font-size: 0;
    text-align: left;
    margin-left: -30px;
}
.strategic_sector4 .ul_list1 {
    overflow: hidden;
}
.strategic_sector4 .ul_list1 li {
    float: left;
    width: 380px;
    height: 370px;
    overflow: hidden;
    margin: 30px 0 0 30px;
}
.strategic_sector4 .ul_list1 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.strategic_sector4 .ul_list1 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.strategic_sector4 .ul_list1 li .detailed {
    height: 140px;
    padding: 25px 26px 0 26px;
    background-color: #f0f0f0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector4 .ul_list1 .detailed .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    height: 32px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector4 .ul_list1 .detailed .text p {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector4 .ul_list1 li:hover .detailed {
    background: #e70415;
}
.strategic_sector4 .ul_list1 li:hover .detailed .name,
.strategic_sector4 .ul_list1 li:hover .detailed .text p {
    color: #fff;
}
.strategic_sector4 .ul_list1 li:hover img {
    transform: scale(1.1);
}
.strategic_sector4 .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.strategic_sector4 .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.strategic_sector4 .con01 {
    padding: 66px 0 80px;
}

/* strategic_sector5 */
.strategic_sector5 .page_ban {
    height: 700px;
}
.strategic_sector5 .page_ban .detailed {
    width: 545px;
    padding-top: 235px;
    text-align: left;
}
.strategic_sector5 .page_ban .cn {
    display: inline-block;
    border-bottom: 2px solid #ffe6b5;
    padding-bottom: 22px;
    margin-bottom: 16px;
}
.strategic_sector5 .page_ban p {
    color: #ffffff;
    line-height: 26px;
}
.strategic_sector5 .page_ban .content:after {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector5 .page_ban .content:before {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector5 .party_top {
    width: 100%;
    height: 620px;
    background: url(../image/ico2.jpg) no-repeat center;
    background-size: cover;
}
.strategic_sector5 .title {
    text-align: left;
    padding: 90px 0 28px;
}
.strategic_sector5 .party_top .title .cn {
    font-size: 20px;
    color: #e70415;
    line-height: 26px;
}
.strategic_sector5 .party_top .title .en {
    font-size: 20px;
    color: #d4d4d4;
    line-height: 26px;
    margin: 0;
}
.strategic_sector5 .form_box .mySelect {
    font-size: 14px;
}
.strategic_sector5 .mySelect .show {
    color: #58575d;
    color: rgba(88, 87, 93, .8);
}
.strategic_sector5 .inputBox input {
    padding: 0 30px 0;
    width: 305px;
    height: 56px;
}
.strategic_sector5 .newslist_top .form_box .inputBox:hover {
    border-color: #e70415;
}
.strategic_sector5 .newslist_top .form_box .inputBox:hover button {
    background-color: #e70415;
    background-image: url(../image/searchBtn_on.png);
}
.strategic_sector5 .ul_list1 {
    font-size: 0;
    text-align: left;
    margin-left: -30px;
}
.strategic_sector5 .ul_list1 {
    overflow: hidden;
}
.strategic_sector5 .ul_list1 li {
    float: left;
    width: 380px;
    height: 370px;
    overflow: hidden;
    margin: 30px 0 0 30px;
}
.strategic_sector5 .ul_list1 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.strategic_sector5 .ul_list1 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.strategic_sector5 .ul_list1 li .detailed {
    height: 140px;
    padding: 25px 26px 0 26px;
    background-color: #f0f0f0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector5 .ul_list1 .detailed .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    height: 32px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector5 .ul_list1 .detailed .text p {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector5 .ul_list1 li:hover .detailed {
    background: #e70415;
}
.strategic_sector5 .ul_list1 li:hover .detailed .name,
.strategic_sector5 .ul_list1 li:hover .detailed .text p {
    color: #fff;
}
.strategic_sector5 .ul_list1 li:hover img {
    transform: scale(1.1);
}
.strategic_sector5 .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.strategic_sector5 .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.strategic_sector5 .con01 {
    padding: 66px 0 80px;
}

/* strategic_sector6 */
.strategic_sector6 .page_ban {
    height: 700px;
}
.strategic_sector6 .page_ban .detailed {
    width: 545px;
    padding-top: 434px;
    text-align: left;
}
.strategic_sector6 .page_ban .cn {
    display: inline-block;
    padding-bottom: 22px;
    margin-bottom: 16px;
}
.strategic_sector6 .page_ban p {
    color: #ffffff;
    line-height: 26px;
}
.strategic_sector6 .page_ban .content:after {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector6 .page_ban .content:before {
    content: '';
    left: 33px;
    right: auto;
}
.strategic_sector6 .party_top {
    width: 100%;
    height: 620px;
}
.strategic_sector6 .title {
    text-align: left;
    padding: 90px 0 28px;
}
.strategic_sector6 .party_top .title .cn {
    font-size: 20px;
    color: #e70415;
    line-height: 26px;
}
.strategic_sector6 .party_top .title .en {
    font-size: 20px;
    color: #d4d4d4;
    line-height: 26px;
    margin: 0;
}
.strategic_sector6 .recommend_text {
    float: left;
    width: 600px;
    height: 370px;
    padding: 0px 0 0 38px;
}
.strategic_sector6 .recommend_text h3 {
    font-family: 'RUBIK-REGULAR';
    font-size: 22px;
    color: #f44242;
    line-height: 30px;
    text-transform: uppercase;
}
.strategic_sector6 .recommend_text p + p {
    margin-top: 14px;
}
.strategic_sector6 .recommend_text .scroll {
    height: 340px;
    overflow-y: auto;
    padding-right: 36px;
}
.strategic_sector6 .recommend_text .scroll::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: rgba(0,0,0,.05);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0;
}
.strategic_sector6 .recommend_text .scroll::-webkit-scrollbar-thumb{
    background-color:#e70415;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.strategic_sector6 .con01 {
    border-top: 2px solid #e7e2dc;
}
.strategic_sector6 .tab {
    overflow: hidden;
    text-align: center;
    line-height: 26px;
    position: relative;
    margin-top: -2px;
}
.strategic_sector6 .tab a {
    width: 16.66666667%;
    float: left;
    padding: 24px 0 20px;
}
.strategic_sector6 .con01 .detailed {
    background-color: #f4eee8;
    padding: 60px 0 108px;
}
/* 发展历程 */
.strategic_sector6 .box01 .list {
    overflow: hidden;
    position: relative;
    padding: 88px 0 33px;
    margin-top: 30px;
}
.strategic_sector6 .box01 .list:after {
    content: '';
    width: 40px;
    height: 40px;
    background: url(../image/ico191.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 0;
}
.strategic_sector6 .box01 .list:before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #d8d4d0;
    opacity: .5;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    margin-top: 40px;
}
.strategic_sector6 .box01 .list .li {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    z-index: 2;
}
.strategic_sector6 .box01 .list .li .num {
    font-family: 'RUBIK-REGULAR';
    font-size: 24px;
    color: #e70415;
    margin-bottom: 20px;
    position: relative;
}
.strategic_sector6 .box01 .list .li .num:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #f4eee8;
    border: 2px solid #d8d4d0;
    border: 2px solid rgba(216,212,208,.5);
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 5px;
}
.strategic_sector6 .box01 .list .li p {
    line-height: 22px;
    margin-top: 10px;
    position: relative;
    padding-left: 8px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.strategic_sector6 .box01 .list .li p:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #e70415;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}
.strategic_sector6 .box01 .list .li .fr {
    width: 50%;
    padding: 0 24px;
}
.strategic_sector6 .box01 .list .li .num_r {
    float: right;
}
.strategic_sector6 .box01 .list .li .num_l {
    float: left;
}
.strategic_sector6 .box01 .list .li .fl {
    width: 50%;
    padding: 0 22px;
    text-align: right;
}
.strategic_sector6 .box01 .list .li .fl .num:before {
    content: '';
    left: auto;
    right: -28px;
    top: 5px;
}
.strategic_sector6 .box01 .list .li .fl p {
    text-align: right;
    padding-left: 0;
    padding-right: 8px;
}
.strategic_sector6 .box01 .list .li .fl p:before  {
    left: auto;
    right: 0;
}
.strategic_sector6 .box01 .list .li .fr p:hover {
    color: #e70415;
}
.strategic_sector6 .box01 .list .li .fl p:hover {
    color: #e70415;
}
/* 企业文化 */
.strategic_sector6 .box02 .up {
    overflow: hidden;
}
.strategic_sector6 .box02 .up .fl {
    width: 257px;
    height: 400px;
    background-color: #3e2e2d;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.strategic_sector6 .box02 .up .fr {
    width: 943px;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.strategic_sector6 .box02 .list {
    overflow: hidden;
    margin: 0 auto;
    padding-top: 20px;
    position: relative
}
.strategic_sector6 .box02 .list li {
    float: left;
    width: 257px;
    height: 260px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-right: 9px;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}
.strategic_sector6 .box02 .list li:last-child {
    margin-right: 0;
}
.strategic_sector6 .box02 .list li.on {
    width: 400px;
    background-color: #e70415;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}
.strategic_sector6 .box02 .list li .block {
    width: 100%;
    height: 100%;
    padding: 85px 28px 0;
    position: relative;
}
.strategic_sector6 .box02 .list li .block .name .en {
    font-size: 46px;
    color: #f44f1d;
    color: rgba(244,79,29,.4);
    line-height: 1;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: -3px;
}
.strategic_sector6 .box02 .list li .block .name .cn {
    font-size: 20px;
    color: #58575d;
    line-height: 24px;
}
.strategic_sector6 .box02 .list li .block .text {
    width: 340px;
}
.strategic_sector6 .box02 .list li .block .text p {
    color: #ffe5c7;
    letter-spacing: -.5px;
    -webkit-transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}
.strategic_sector6 .box02 .list li.on .block {
    padding: 40px 28px 0;
}
.strategic_sector6 .box02 .list li.on .block .name .en {
    color: #be4621;
    color: rgba(190,70,33,.4);
    margin-top: 16px;
}
.strategic_sector6 .box02 .list li.on .block .name .cn {
    color: #fff;
    position: absolute;
    top: 40px;
    left: 28px;
}
.strategic_sector6 .box02 .list li.on .text p,
.strategic_sector6 .box02 .list li:hover .text p {
    opacity: 1;
    filter: alpha(opacity=100);
}
/* 公司荣誉 */
.strategic_sector6 .list03 {
    margin-left: -30px;
    font-size: 0;
    text-align: left;
    margin-left: -30px;
    overflow: hidden;
}
.strategic_sector6 .list03 li {
    float: left;
    width: 380px;
    height: 320px;
    overflow: hidden;
    margin: 0 0 30px 30px;
}
.strategic_sector6 .list03 li .img {
    width: 380px;
    height: 230px;
    background-color: #fff;
    overflow: hidden;
    padding-top: 32px;
    text-align: center;
}
.strategic_sector6 .list03 li img {
    height: 166px;
    transition: all .6s;
}
.strategic_sector6 .list03 li .detailed {
    height: 90px;
    line-height: 90px;
    padding: 0 26px;
    background-color: #cec7be;
    text-align: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .list03 li .detailed .name {
    display: inline-block;
    vertical-align: middle;
}
.strategic_sector6 .list03 li .detailed .name h3 {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .list03 li:hover .detailed {
    background: #e70415;
}
.strategic_sector6 .list03 li:hover img {
    transform: scale(1.1);
}
.strategic_sector6 .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 20px;
}
.strategic_sector6 .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
/* 物业动态 */
.strategic_sector6 .newslist_top>ul {
    float: left;
    font-size: 0;
    text-align: left;
}
.strategic_sector6 .newslist_top>ul li {
    display: inline-table;
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 33px center;
    background-color: #cec7be;
    line-height: 60px;
    padding-left: 62px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
}
.strategic_sector6 .newslist_top>ul .l1 {
    background-image: url(../image/ico66.png);
}
.strategic_sector6 .newslist_top>ul .l2 {
    background-image: url(../image/ico52.png);
    margin-right: 30px;
}
.strategic_sector6 .newslist_top>ul li.on,
.strategic_sector6 .newslist_top>ul li:hover {
    color: #fff;
    background-color: #e70415;
}
.strategic_sector6 .newslist_top>ul .l1.on, 
.strategic_sector6 .newslist_top>ul .l1:hover {
    background-image: url(../image/ico66.png);
}
.strategic_sector6 .newslist_top>ul .l2.on,
.strategic_sector6 .newslist_top>ul .l2:hover {
    background-image: url(../image/ico52.png);
}
.strategic_sector6 .newslist_top .form_box .inputBox {
    border-color: #cec7be;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.strategic_sector6 .newslist_top .form_box .inputBox button {
    background-color: #cec7be;
    background-image: url(../image/searchBtn_on.png);
}
.strategic_sector6 .mySelect .show {
    border-color: #cec7be;
}
.strategic_sector6 .mySelect .show:after {
    background-color: #cec7be;
}
.strategic_sector6 .mySelect .show:before {
    background: url(../image/arrow_down_white_on.png);
}
.strategic_sector6 .inputBox input {
    padding: 0 30px 0;
    width: 305px;
    height: 56px;
}
.strategic_sector6 .newslist_top .mySelect .show.on, 
.strategic_sector6 .newslist_top .mySelect .show:hover {
    border-color: #e70415;
}
.strategic_sector6 .newslist_top .mySelect .show.on:after,
.strategic_sector6 .newslist_top .mySelect .show:hover:after {
    background-color: #e70415;
}
.strategic_sector6 .newslist_top .form_box .inputBox:hover {
    border-color: #e70415;
}
.strategic_sector6 .newslist_top .form_box .inputBox:hover button {
    background-color: #e70415;
    background-image: url(../image/searchBtn_on.png);
}
.strategic_sector6 .ul_list1 {
    font-size: 0;
    text-align: left;
    margin-left: -30px;
}
.strategic_sector6 .ul_list1 {
    overflow: hidden;
}
.strategic_sector6 .ul_list1 li {
    float: left;
    width: 380px;
    height: 430px;
    overflow: hidden;
    margin: 30px 0 0 30px;
}
.strategic_sector6 .ul_list1 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.strategic_sector6 .ul_list1 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.strategic_sector6 .ul_list1 li .detailed {
    height: 195px;
    padding: 25px 26px 0 26px;
    background-color: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .ul_list1 .detailed .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    height: 52px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .ul_list1 .detailed .date {
    font-size: 16px;
    color: #f44242;
    font-family: 'RUBIK-REGULAR';
    margin: 10px 0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .ul_list1 .detailed .text {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .ul_list1 li:hover .detailed {
    background: #e70415;
}
.strategic_sector6 .ul_list1 li:hover .detailed .name,
.strategic_sector6 .ul_list1 li:hover .detailed .date,
.strategic_sector6 .ul_list1 li:hover .detailed .text {
    color: #fff;
}
.strategic_sector6 .ul_list1 li:hover img {
    transform: scale(1.1);
}
.strategic_sector6 .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.strategic_sector6 .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}

.strategic_sector6 .ul_list2 {
    padding-top: 10px;
    overflow: hidden;
    width: 100%;
}
.strategic_sector6 .ul_list2 li {
    height: 220px;
    margin-top: 20px;
    overflow: hidden;
    background-color: #fff;
}
.strategic_sector6 .ul_list2 li .img {
    float: left;
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.strategic_sector6 .ul_list2 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.strategic_sector6 .ul_list2 li .detailed {
    float: right;
    width: 788px;
    padding: 25px 25px 0 0;
    text-align: left;
    background-color: transparent;
}
.strategic_sector6 .ul_list2 li .detailed .date {
    font-size: 24px;
    color: #e70415;
    font-family: 'RUBIK-REGULAR';
}
.strategic_sector6 .ul_list2 li .detailed .name {
    font-size: 18px;
    color: #55535e;
    margin-bottom: 10px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .ul_list2 li .detailed .text {
    font-size: 14px;
    color: #767a87;
    margin-top: 10px;
}
.strategic_sector6 .ul_list2 li .look_data {
    font-size: 14px;
    color: #626262;
    margin-top: 15px;
    position: relative;
}
.strategic_sector6 .ul_list2 li .look_data:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 54px;
    height: 8px;
    background-image: url(../image/ico82.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
}
.strategic_sector6 .ul_list2 li:hover img {
    transform: scale(1.1);
}
.strategic_sector6 .ul_list2 li:hover .detailed .name {
    color: #e70415;
}
.strategic_sector6 .ul_list2 li .look_data:hover {
    color: #e70415;
}
.strategic_sector6 .ul_list2 li .look_data:hover:after {
    background-image: url(../image/ico91.png);
}
/* 项目简介 */
.strategic_sector6 .list05 {
    margin-left: -30px;
    font-size: 0;
    text-align: left;
    margin-left: -30px;
    overflow: hidden;
}
.strategic_sector6 .list05 li {
    float: left;
    width: 380px;
    height: 350px;
    overflow: hidden;
    margin: 0 0 30px 30px;
}
.strategic_sector6 .list05 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.strategic_sector6 .list05 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.strategic_sector6 .list05 li .detailed {
    height: 120px;
    padding: 24px 26px 0;
    background-color: #fff;
    text-align: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .list05 li .detailed .text p {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.strategic_sector6 .list05 li:hover .detailed {
    background: #e70415;
}
.strategic_sector6 .list05 li:hover .detailed .text p {
    color: #fff;
}
.strategic_sector6 .list05 li:hover img {
    transform: scale(1.1);
}

/* 企业招聘 */
.strategic_sector6 .recrui_list {
    margin-top: 35px;
}
.strategic_sector6 .recrui_list li {
    padding: 0 40px;
    margin-bottom: 10px;
    background-color: #ffffff;
    cursor: pointer;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.strategic_sector6 .recrui_list li.on .base {
    border-bottom: 1px solid #d5d0cb;
}
.strategic_sector6 .recrui_list li.on .base:after {
    background-color: #e70415;
}
.strategic_sector6 .recrui_list li.on .base:before {
    background: url(../image/ico25.png) no-repeat center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.strategic_sector6 .recrui_list li.on .base .name {
    color: #e70415;
}
.strategic_sector6 .recrui_list .base {
    position: relative;
    padding: 34px 0 22px; 
    overflow: hidden;
    color: #808080;
}
.strategic_sector6 .recrui_list .base .name {
    font-size: 18px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 10px;
}
.strategic_sector6 .recrui_list .base .text {
    line-height: 22px;
} 
.strategic_sector6 .recrui_list .base .text em {
    margin-right: 44px;
}
.strategic_sector6 .recrui_list .base .text em img {
    position: relative;
    margin-top: -3px;
}
.strategic_sector6 .recrui_list .base:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -37.5px;
    width: 40px;
    height: 75px;
    background-color: #cec7be;
}
.strategic_sector6 .recrui_list .base:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -37.5px;
    width: 40px;
    height: 75px;
    background: url(../image/ico25.png) no-repeat center;
    z-index: 2;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.strategic_sector6 .recrui_list .des {
    display: none;
    padding-bottom: 55px;
}
.strategic_sector6 .recrui_list .des h3 {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    margin-top: 20px;
}
.strategic_sector6 .recrui_list .des p {
    color: #999999;
}
.strategic_sector6 .recrui_list .des ul,
.strategic_sector6 .recrui_list .des li {
    list-style-type: decimal;
    padding: 0;
    margin: 0;
    background: transparent;
}
.strategic_sector6 .recrui_list .des ul {
    padding-left: 15px;
}
.strategic_sector6 .recrui_list .more {
    margin-top: 40px;
}

/* news */
.news .party_top {
    width: 100%;
    height: 645px;
    background: url(../image/ico25.jpg) no-repeat center;
}
.news .party_top .recommend {
    overflow: hidden;
}
.news .party_top .recommend .right {
    float: right;
    width: 565px;
    padding-top: 35px;
}
.news .party_top .recommend .right .name {
    font-size: 22px;
    color: #58575d;
    line-height: 24px;
}
.news .party_top .recommend .right .date {
    font-family: 'RUBIK-REGULAR';
    font-size: 20px;
    color: #e70415;
    line-height: 24px;
    border-bottom: 2px solid rgba(88,87,93,.1);
    padding-bottom: 30px;
    margin: 16px 0 20px;
}
.news .party_top .recommend .right .text {
    color: #58575d;
    line-height: 24px;
}
.news .party_top .recommend .left {
    position: relative;
    float: left;
    width: 600px;
    height: 363px;
    overflow: hidden;
}
.news .party_top .recommend .left img {
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.news .party_top .recommend:hover .left img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.news .party_top .more {
    color: #58575d;
    border: 1px solid #58575d;
    margin-top: 35px;
}
.news .party_top .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.news .newslist_top>ul {
    float: left;
    font-size: 0;
    text-align: left;
}
.news .newslist_top>ul li {
    display: inline-table;
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 33px center;
    background-color: #f0f0f0;
    line-height: 60px;
    padding-left: 62px;
    font-size: 16px;
    color: #58575d;
    cursor: pointer;
    margin-right: 10px;
}
.news .newslist_top>ul .l1 {
    background-image: url(../image/ico43.png);
}
.news .newslist_top>ul .l2 {
    background-image: url(../image/ico35.png);
    margin-right: 30px;
}
.news .newslist_top>ul li.on,
.news .newslist_top>ul li:hover {
    color: #fff;
    background-color: #e70415;
}
.news .newslist_top>ul .l1.on, 
.news .newslist_top>ul .l1:hover {
    background-image: url(../image/ico66.png);
}
.news .newslist_top>ul .l2.on,
.news .newslist_top>ul .l2:hover {
    background-image: url(../image/ico52.png);
}
.newslist_top {
    width: 100%;
    display: inline-block;
}
.party_con .newslist_top .form_box {
    float: right;
}
.form_box .mySelect {
    margin-right: 30px;
    width: 380px;
}
.form_box .inputBox {
    position: relative;
    float: left;
    width: 380px;
    border: 2px solid #f0f0f0;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.news .newslist_top .form_box .inputBox {
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.news .inputBox input {
    padding: 0 30px 0;
    width: 305px;
    height: 56px;
}
.form_box .inputBox button {
    position: absolute;
    top: -2px;
    right: 0;
    width: 77px;
    height: 60px;
    background: #f0f0f0 url(../image/searchBtn.png) no-repeat center;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.news .newslist_top .form_box .inputBox:hover {
    border-color: #e70415;
}
.news .newslist_top .form_box .inputBox:hover button {
    background-color: #e70415;
    background-image: url(../image/searchBtn_on.png);
}
.news .news_ul .box {
    display: none;
}
.news .ul_list1 {
    font-size: 0;
    text-align: left;
    margin-left: -30px;
}
.news .ul_list1 {
    overflow: hidden;
}
.news .ul_list1 li {
    float: left;
    width: 380px;
    height: 430px;
    overflow: hidden;
    margin: 30px 0 0 30px;
}
.news .ul_list1 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.news .ul_list1 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.news .ul_list1 li .detailed {
    height: 195px;
    padding: 25px 26px 0 26px;
    background-color: #f0f0f0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.news .ul_list1 .detailed .name {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    height: 52px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.news .ul_list1 .detailed .date {
    font-size: 16px;
    color: #f44242;
    font-family: 'RUBIK-REGULAR';
    margin: 10px 0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.news .ul_list1 .detailed .text {
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.news .ul_list1 li:hover .detailed {
    background: #e70415;
}
.news .ul_list1 li:hover .detailed .name,
.news .ul_list1 li:hover .detailed .date,
.news .ul_list1 li:hover .detailed .text {
    color: #fff;
}
.news .ul_list1 li:hover img {
    transform: scale(1.1);
}
.news .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.news .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}
.news .ul_list2 {
    padding-top: 10px;
    overflow: hidden;
    width: 100%;
}
.news .ul_list2 li {
    height: 220px;
    margin-top: 20px;
    overflow: hidden;
    background-color: #f0f0f0;
}
.news .ul_list2 li .img {
    float: left;
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.news .ul_list2 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.news .ul_list2 li .detailed {
    float: right;
    width: 788px;
    padding: 30px 0 0 0;
    text-align: left;
}
.news .ul_list2 li .detailed .date {
    font-size: 24px;
    color: #e70415;
    font-family: 'RUBIK-REGULAR';
}
.news .ul_list2 li .detailed .name {
    font-size: 18px;
    color: #55535e;
    margin-bottom: 10px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.news .ul_list2 li .detailed .text {
    font-size: 14px;
    color: #767a87;
    margin-top: 10px;
}
.news .ul_list2 li .look_data {
    font-size: 14px;
    color: #626262;
    margin-top: 15px;
    position: relative;
}
.news .ul_list2 li .look_data:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 54px;
    height: 8px;
    background-image: url(../image/ico82.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
}
.news .ul_list2 li:hover img {
    transform: scale(1.1);
}
.news .ul_list2 li:hover .detailed .name {
    color: #e70415;
}
.news .ul_list2 li .look_data:hover {
    color: #e70415;
}
.news .ul_list2 li .look_data:hover:after {
    background-image: url(../image/ico91.png);
}
.news .con01 {
    padding: 66px 0 80px;
}
/* search */
.search .title {
    text-align: left;
    padding: 90px 0 28px;
}
.search .title .cn {
    font-size: 20px;
    color: #e70415;
    line-height: 26px;
}
.search .title .en {
    font-size: 20px;
    color: #d4d4d4;
    line-height: 26px;
    margin: 0;
}

.search .ul_list2 {
    padding-top: 10px;
    overflow: hidden;
    width: 100%;
}
.search .ul_list2 li {
    height: 220px;
    margin-top: 20px;
    overflow: hidden;
}
.search .ul_list2 li .img {
    float: left;
    width: 380px;
    height: 230px;
    overflow: hidden;
}
.search .ul_list2 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.search .ul_list2 li .detailed {
    float: right;
    width: 752px;
    padding: 25px 0 0 0;
    text-align: left;
}
.search .ul_list2 li .detailed .date {
    font-size: 24px;
    color: #e70415;
    font-family: 'RUBIK-REGULAR';
}
.search .ul_list2 li .detailed .name {
    font-size: 18px;
    color: #55535e;
    margin-bottom: 10px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.search .ul_list2 li .detailed .text {
    font-size: 14px;
    color: #767a87;
    margin-top: 10px;
}
.search .ul_list2 li .look_data {
    font-size: 14px;
    color: #626262;
    margin-top: 15px;
    position: relative;
}
.search .ul_list2 li .look_data:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 54px;
    height: 8px;
    background-image: url(../image/ico82.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
}
.search .ul_list2 li:hover img {
    transform: scale(1.1);
}
.search .ul_list2 li:hover .detailed .name {
    color: #e70415;
}
.search .ul_list2 li .look_data:hover {
    color: #e70415;
}
.search .ul_list2 li .look_data:hover:after {
    background-image: url(../image/ico91.png);
}
.search .con01 {
    padding-bottom: 80px;
}
.search .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.search .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}

/* news_dcon */
.news_dcon {
    overflow: hidden;
}
.news_dcon .d_box {
    margin: 0 0 78px 0;
    overflow: hidden;
}
.news_dcon .left {
    float: left;
    width: 830px;
    padding-right: 30px;
    border-right: 2px solid rgba(213,208,204,.5);
}
.news_dcon .left h3 {
    font-size: 24px;
    color: #55535e;
}
.news_dcon .left .tit {
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(213,208,204,.5);
}
.news_dcon .left .num_share {
    overflow: hidden;
    margin-top: 20px;
}
.news_dcon .left .num_share .date {
    float: left;
    font-size: 26px;
    color: #c30d23;
    font-family: 'RUBIK-REGULAR';
    margin-top: 5px;
}
.news_dcon .left .bshare-custom {
    float: right;
    line-height: 32px!important;
}
.news_dcon .left .bshare-custom a {
    padding: 0;
    width: 33px;
    height: 32px;
    background: url(../image/shareIcon.png);
}
.news_dcon .left .bshare-custom .bshare-sinaminiblog {
    background-position: -41px center;
}
.news_dcon .left .bshare-custom .bshare-qzone {
    background-position: -84px center;
}
.news_dcon .left .bshare-custom .bshare-qqim {
    background-position: -125px center;
}
.news_dcon .left .info p {
    font-size: 14px;
    color: #58575d;
    margin-top: 20px;
}
.news_dcon .left .a_btn {
    margin-top: 70px;
    font-size: 0;
    text-align: right;
}
.news_dcon .left .a_btn a {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background-color: #cec7be;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .8s;
}
.news_dcon .left .a_btn .prev {
    background-image: url(../image/prev_on.png);
}
.news_dcon .left .a_btn .next {
    background-image: url(../image/next_on.png);
}
.news_dcon .left .a_btn a:hover {
    background-color: #e70415;
}
.news_dcon .left .a_btn .prev:hover {
    background-image: url(../image/prev_on.png);
}
.news_dcon .left .a_btn .next:hover {
    background-image: url(../image/next_on.png);
}
.news_dcon .right {
    float: right;
    width: 340px;
    background: #f0f0f0;
    padding: 30px;
}
.news_dcon .right .tit {
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(213,208,204,.5);
}
.news_dcon .right .tit h3 {
    font-size: 20px;
    color: #58575d;
    font-family: 'RUBIK-REGULAR';
    text-transform: uppercase;
}
.news_dcon .right .tit p {
    font-size: 16px;
    color: #58575d;
    margin-top: 5px;
}
.news_dcon .right li {
    margin-top: 20px;
}
.news_dcon .right li .deta {
    font-size: 20px;
    color: #e70415;
    font-family: 'RUBIK-REGULAR';
}
.news_dcon .right li h3 {
    font-size: 16px;
    color: #58575d;
    margin-top: 5px;
    max-width: 95%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_dcon .right .btn {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #cec7be;
    margin-top: 20px;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}
.news_dcon .right .btn:hover {
    background-color: #e70415;
}

/* news4 */
.news4 .party_top {
    width: 100%;
    height: 645px;
    background: url(../image/ico25.jpg) no-repeat center;
}
.news4 .party_top .recommend {
    overflow: hidden;
}
.news4 .party_top .recommend .right {
    float: right;
    width: 565px;
    padding-top: 73px;
}
.news4 .party_top .recommend .right .name {
    font-size: 22px;
    color: #58575d;
    line-height: 30px;
    margin: 10px 0 14px;
}
.news4 .party_top .recommend .right .date {
    font-family: 'RUBIK-REGULAR';
    font-size: 30px;
    color: #e70415;
    line-height: 34px;
}
.news4 .party_top .recommend .right .text {
    color: #58575d;
    line-height: 22px;
}
.news4 .party_top .recommend .left {
    position: relative;
    float: left;
    width: 600px;
    height: 363px;
    overflow: hidden;
}
.news4 .party_top .recommend .left img {
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.news4 .party_top .recommend:hover .left img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.news4 .party_top .more {
    font-family: 'Microsoft YaHei';
    width: 170px;
    height: 60px;
    font-size: 14px;
    color: #58575d;
    border: none;
    padding-left: 78px;
    margin-top: 35px;
    text-align: left;
    line-height: 60px;
    background: url(../image/ico12.jpg) no-repeat center;
    position: relative;
}
.news4 .party_top .more em {
    position: relative;
    z-index: 2;
}
.news4 .party_top .more:before {
    content: '';
    width: 60px;
    height: 60px;
    background: url(../image/ico12_on.jpg) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    transform-origin: center;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.news4 .party_top .more:after {
    content: '';
    width: 110px;
    height: 100%;
    background-color: #e70415;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.news4 .party_top .more:hover {
    color: #fff;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.news4 .party_top .more:hover:after {
    content: '';
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity .45s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.news4 .party_top .more:hover:before {
    transform: rotate(120deg);
}
.news4 .con01 {
    padding: 30px 0 80px;
}
.news4 .ul_list1 {
    font-size: 0;
    text-align: left;
    margin-left: -30px;
}
.news4 .ul_list1 {
    overflow: hidden;
}
.news4 .ul_list1 li {
    float: left;
    width: 380px;
    height: 320px;
    overflow: hidden;
    margin: 30px 0 0 30px;
}
.news4 .ul_list1 li .img {
    width: 380px;
    height: 230px;
    overflow: hidden;
    position: relative;
}
.news4 .ul_list1 li img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}
.news4 .ul_list1 li .btn_ani {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.news4 .ul_list1 li .btn_ani em {
    width: 60px;
    height: 60px;
    background: url(../image/ico132.png) no-repeat center; 
    border-radius: 50%;
    display: block;
    position: relative;
    z-index: 2;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.news4 .ul_list1 li .btn_ani:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: #e70415;
    opacity: .2;
    border-radius: 50%;
    -webkit-animation: icon_video02 2s infinite forwards linear 1s;
    animation: icon_video02 2s infinite forwards linear 1s;
}
.news4 .ul_list1 li .btn_ani:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: icon_video 1s infinite forwards linear 0.5s;
    animation: icon_video 1s infinite forwards linear 0.5s;
}  
.news4 .ul_list1 li .detailed {
    height: 90px;
    line-height: 90px;
    padding: 0 26px;
    background-color: #f0f0f0;
    text-align: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.news4 .ul_list1 .detailed .name {
    display: inline-block;
    vertical-align: middle;
}
.news4 .ul_list1 .detailed .name h3 {
    font-size: 18px;
    color: #58575d;
    line-height: 26px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.news4 .ul_list1 li:hover .btn_ani {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
}
.news4 .ul_list1 li:hover .detailed {
    background: #e70415;
}
.news4 .ul_list1 li .btn_ani em:hover {
    transform: rotate(120deg);
}
.news4 .ul_list1 li:hover .detailed .name h3 {
    color: #fff;
}
.news4 .ul_list1 li:hover img {
    transform: scale(1.1);
}
.news4 .news_ul .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    background-color: #cec7be;
    margin: auto;
    margin-top: 45px;
}
.news4 .news_ul .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}

/* responsibility */
.responsibility .title {
    padding: 77px 0 30px;
}
.responsibility .con01 .text h4 {
    color: #e70415;
    font-size: 16px;
    text-align: center;
    margin-bottom: 6px;
}
.responsibility .con01 .text p {
    color: #888888;
    text-align: center;
    line-height: 26px;
}
.responsibility .con02 {
    padding-top: 120px;
    margin-top: 40px;
    height: 580px;
    background: url(../image/ico13.jpg) no-repeat center;
    overflow: hidden;
}
.responsibility .con02 .nr {
    float: right;
    width: 532px;
}
.responsibility .con02 .nr ul {
    overflow: hidden;
}
.responsibility .con02 .nr ul li {
    float: left;
}
.responsibility .con02 .nr ul li em {
    font-size: 14px;
    height: 85px;
    line-height: 85px;
    color: #58575d;
    margin-left: 26px;
}
.responsibility .con02 .nr ul li em.red {
    color: #e70415;
    margin: 0 17px;
}
.responsibility .con02 .nr h4 {
    margin-top: 74px;
    font-size: 18px;
    color: #e70415;
    margin-bottom: 14px;
}
.responsibility .con02 .nr p {
    font-size: 14px;
    color: #888888;
}
.responsibility .con03 {
    width: 100%;
    background: #f4eee8;
}
.responsibility .con03 .content {
    margin-bottom: -90px;
}
.responsibility .con03 .detailed {
    padding: 35px 50px 70px;
    margin: 0 -50px;
    background-color: #fff;
    position: relative;
    top: -90px;
    overflow: hidden;
}
.responsibility .con03 .lf {
    float: left;
}
.responsibility .con03 .lf .tp h3 {
    font-size: 24px;
    display: block;
    color: #9d7d74;
    margin-bottom: 10px;
}
.responsibility .con03 .lf .tp h4 {
    font-size: 20px;
    color: #e70415;
    display: block;
}
.responsibility .con03 .lf ul {
    margin-top: 27px;
}
.responsibility .con03 .lf li {
    position: relative;
    padding-left: 40px;
    width: 850px;
    background-color: #f9f9f9;
    background: linear-gradient(to right, #f9f9f9, #eaeaea);
    margin-bottom: 10px;
    transition: all .7s;
    overflow: hidden;
}
.responsibility .con03 .lf li .main {
    cursor: pointer;
    position: relative;
    z-index: 5;
}
.responsibility .con03 .lf li .main h5 {
    font-size: 16px;
    color: #58575d;
    line-height: 24px;
    padding: 38px 0;
}
.responsibility .con03 .lf li.on .main h5 {
    color: #e70415;
    padding: 38px 0 14px;
}
.responsibility .con03 .lf li.on:before {
    background: #e70415;
}
.responsibility .con03 .lf li.on:after {
    transform: rotate(180deg);
}
.responsibility .con03 .lf li:before {
    content: '';
    width: 40px;
    height: 80px;
    background: #cec7be;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 0;
    cursor: pointer;
    transition: all .7s;
}
.responsibility .con03 .lf li:after {
    content: '';
    height: 80px;
    width: 40px;
    background: url(../image/ico67.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 0;
    z-index: 2;
    transition: all .7s;
}
.responsibility .con03 .lf li .des {
    display: none;
    padding: 0 80px 32px 0;
}
.responsibility .con03 .lf li .des p {
    font-size: 14px;
    color: #888888;
}
.responsibility .con03 .rt {
    float: right;
    margin-top: 85px;
}
.responsibility .con03 .rt li {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
}
.responsibility .con03 .rt li img {
    transition: all .7s;
}
.responsibility .con03 .rt li h3 {
    position: absolute;
    width: 100%;
    bottom: 16px;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    padding: 0 10px;
}
.responsibility .con03 .rt li:hover img {
    transform: scale(1.1)
}

/* .responsibility2 */
.responsibility2 .con1 {
    width: 100%;
    height: 646px;
    background: #f4eee8;
}
.responsibility2 .con1 .lf {
    float: left;
    padding-right: 40px;
    padding-top: 60px;
    width: 600px;
    height: 370px;
    background: url(../image/ico26.jpg);
}
.responsibility2 .con1 .lf h3 {
    text-align: right;
    font-size: 18px;
    color: #58575d;
    margin-bottom: 15px;
}
.responsibility2 .con1 .lf h4 {
    text-align: right;
    width: 100%;
    font-size: 22px;
    color: #e70415;
    margin-bottom: 23px;
}
.responsibility2 .con1 .lf p {
    text-align: right;
    width: 100%;
    font-size: 14px;
    line-height: 23px;
    color: #58575d;
}
.responsibility2 .con1 .lf .link {
    float: right;
    width: 200px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    display: block;
    background-color: #e70415;
    color: #ffffff;
    margin-top: 84px;
    position: relative;
    overflow: hidden;
}
.responsibility2 .con1 .lf .link .btn_ico {
    content: '';
    width: 19px;
    height: 13px;
    background: url(../image/ico20_on1.png) no-repeat center;
    /* position: absolute;
    right: 49px;
    top: 50%;
    margin-top: -6.5px; */
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
    display: inline-block;
    position: relative;
    margin-left: -19px;
}
.responsibility2 .con1 .lf .link:hover .btn_ico {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 15px;
    /* -webkit-transform: translate(15px, 0); */
    /* transform: translate(15px, 0); */
}
.responsibility2 .con1 .rt .p1 {
    float: left;
    padding-top: 30px;
    padding-left: 50px;
}
.responsibility2 .con1 .rt p {
    font-size: 14px;
    color: #58575d;
    line-height: 24px;
}
.responsibility2 .con1 .rt .p2 {
    float: right;
    padding-top: 30px;
}

/* responsibility3 */
.responsibility3 .tab {
    overflow: hidden;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 26px;
}
.responsibility3 .tab a {
    width: 50%;
    float: left;
    padding: 12px 0;
}
.responsibility3 .tab a .en {
    color: #cccccc;
}
.responsibility3 .tab a:hover,
.responsibility3 .tab a.on {
    background-color: #e70415;
}
.responsibility3 .tab a:hover .cn,
.responsibility3 .tab a.on .cn {
    color: #fff;
}
.responsibility3 .tab a:hover .en,
.responsibility3 .tab a.on .en {
    color: #fff;
    color: rgba(255,255,255,.4);
}
.responsibility3 .conA .con1 {
    position: relative;
    min-height: 660px;
    padding-top: 170px;
    width: 100%;
    background: url(../image/ico111.jpg) no-repeat center;
    margin-top: 410px;
}
.responsibility3 .conA .con1 .tp {
    position: absolute;
    top: -370px;
    left: 50%;
    padding-top: 124px;
    padding-left: 40px;
    margin-left: -600px;
    width: 1200px;
    height: 460px;
    background: url(../image/ico9.jpg) no-repeat center;
}
.responsibility3 .conA .con1 .tp h3 {
    font-size: 24px;
    color: #e70415;
    margin-top: 21px;
    margin-bottom: 26px;
}
.responsibility3 .conA .con1 .tp p {
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -1px;
    line-height: 23px;
}
.responsibility3 .conA .con1 .lf {
    float: left;
}
.responsibility3 .conA .con1 .lf h3 {
    font-size: 20px;
    color: #666666;
    margin-bottom: 8px;
}
.responsibility3 .conA .con1 .lf h4 {
    font-size: 16px;
    color: #cccccc;
    font-family: 'RUBIK-REGULAR';
    text-transform: uppercase;
    margin-bottom: 21px;
}
.responsibility3 .conA .con1 .lf p {
    font-size: 14px;
    color: #666666;
    line-height: 21px;
}
.responsibility3 .conA .con1 .lf ul {
    margin-top: 50px;
}
.responsibility3 .conA .con1 .lf li {
    margin-bottom: 33px;
}
.responsibility3 .conA .con1 .bt .lf li p {
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 66px;
    line-height: 24px;
}
.responsibility3 .conA .con1 .lf li p em {
    font-size: 14px;
    color: #e70415;
}
.responsibility3 .conA .con1 .rt {
    float: right;
}
.responsibility3 .conA .con1 .rt h3 {
    font-size: 20px;
    color: #666666;
}
.responsibility3 .conA .con1 .rt h4 {
    font-size: 16px;
    color: #cccccc;
    font-family: 'RUBIK-REGULAR';
    text-transform: uppercase;
    margin-bottom: 10px;
}
.responsibility3 .conA .con1 .slideBox {
    width: 550px;
    height: 340px;
    overflow: hidden;
    position: relative;
}
.responsibility3 .conA .con1 .slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.responsibility3 .conA .con1 .slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}
.responsibility3 .conA .con1 .slideBox .hd {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68px;
    background: rgba(0, 0, 0, .4);
    padding-left: 30px;
}
.responsibility3 .conA .con1 .slideBox .hd li {
    width: 100%;
    line-height: 68px;
    display: none;
}
.responsibility3 .conA .con1 .slideBox .hd li h3 {
    font-size: 16px;
    color: #ffffff;
    max-width: 77%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}
.responsibility3 .conA .con1 .slideBox .hd li h3 em {
    color: #e70415;
    font-size: 16px;
    font-family: 'RUBIK-REGULAR';
    margin-right: 10px;
}
.responsibility3 .conA .con1 .slideBox .hd li.on {
    display: block;
}
.responsibility3 .conA .con1 .slideBox .change {
    position: absolute;
    bottom: 28px;
    right: 30px;
    z-index: 10;
}
.responsibility3 .conA .con1 .slideBox .prev {
    margin-right: 5px;
    cursor: pointer;
}
.responsibility3 .conA .con1 .slideBox .change .next {
    margin-left: 5px;
    cursor: pointer;
}
.responsibility3 .conA .con1 .slideBox .change div {
    color: #ffffff;
    font-size: 16px;
    font-family: 'RUBIK-REGULAR';
    display: inline-block;
}
.responsibility3 .conA .con1 .slideBox .change .up {
    color: #e70415;
    margin-right: 2px;
}
.responsibility3 .conA .con2 {
    padding-top: 228px;
    width: 100%;
    height: 700px;
    background: url(../image/ico161.jpg) no-repeat center;
}
.responsibility3 .conA .con2 .boxx {
    width: 700px;
    padding-top: 50px;
    height: 260px;
    margin: 0 auto;
    background: rgba(0, 0, 0, .1);
}
.responsibility3 .conA .con2 .boxx h3 {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}
.responsibility3 .conA .con2 .boxx h4 {
    text-align: center;
    color: #ffffff;
    opacity: .5;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'RUBIK-REGULAR';
    margin-bottom: 17px;
}
.responsibility3 .conA .con2 .boxx p {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
.responsibility3 .conA .con2 a {
    font-size: 14px;
    color: #ffffff;
    display: block;
    width: 300px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #e70415;
    margin-top: 49px;
    position: relative;
}
.responsibility3 .conA .con2 a .btn_ico {
    content: '';
    width: 19px;
    height: 13px;
    background: url(../image/ico20_on1.png) no-repeat center;
    /* position: absolute;
    right: 49px;
    top: 50%;
    margin-top: -6.5px; */
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
    display: inline-block;
    position: relative;
    margin-left: -19px;
}
.responsibility3 .conA .con2 a:hover .btn_ico {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 15px;
    /* -webkit-transform: translate(15px, 0); */
    /* transform: translate(15px, 0); */
}


.responsibility3 .conB .con1 {
    position: relative;
    padding: 170px 0 72px;
    width: 100%;
    background: #f0e7df;
    margin-top: 410px;
}
.responsibility3 .conB .con1 .tp {
    position: absolute;
    top: -370px;
    left: 50%;
    padding-top: 124px;
    padding-left: 40px;
    margin-left: -600px;
    width: 1200px;
    height: 460px;
    background: url(../image/ico172.jpg) no-repeat center;
}
.responsibility3 .conB .con1 .tp h3 {
    font-size: 24px;
    color: #e70415;
    margin-top: 21px;
    margin-bottom: 26px;
}
.responsibility3 .conB .con1 .tp p {
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -1px;
    line-height: 23px;
}
.responsibility3 .conB .con2 {
    padding-top: 228px;
    width: 100%;
    height: 700px;
    background: url(../image/ico182.jpg) no-repeat center;
}
.responsibility3 .conB .con2 .boxx {
    width: 700px;
    padding-top: 50px;
    height: 260px;
    margin: 0 auto;
    background: rgba(0, 0, 0, .1);
}
.responsibility3 .conB .con2 .boxx h3 {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}
.responsibility3 .conB .con2 .boxx h4 {
    text-align: center;
    color: #ffffff;
    opacity: .5;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'RUBIK-REGULAR';
    margin-bottom: 17px;
}
.responsibility3 .conB .con2 .boxx p {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
.responsibility3 .conB .con2 a {
    font-size: 14px;
    color: #ffffff;
    display: block;
    width: 300px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #e70415;
    margin-top: 49px;
    position: relative;
}
.responsibility3 .conB .con2 a .btn_ico {
    content: '';
    width: 19px;
    height: 13px;
    background: url(../image/ico20_on1.png) no-repeat center;
    /* position: absolute;
    right: 49px;
    top: 50%;
    margin-top: -6.5px; */
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
    display: inline-block;
    position: relative;
    margin-left: -19px;
}
.responsibility3 .conB .con2 a:hover .btn_ico {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 15px;
    /* -webkit-transform: translate(15px, 0); */
    /* transform: translate(15px, 0); */
} 
.responsibility3 .conB .mySelect {
    font-size: 14px;
}
.responsibility3 .conB .mySelect .show {
    border: 2px solid #cec7be;
    color: #58575d;
    color: rgba(88, 87, 93, .8);
}
.responsibility3 .conB .mySelect .show:hover {
    border-color: #e70415;
}
.responsibility3 .conB .mySelect .show:after {
    background: #cec7be;
}
.responsibility3 .conB .form_box .inputBox:hover {
    border: 2px solid #e70415;
    cursor: pointer;
}
.responsibility3 .conB .form_box .inputBox:hover button {
    background: #e70415 url(../image/ico192.png) no-repeat center;
}
.responsibility3 .conB .mySelect .show:hover:after {
    background: #e70415;
}
.responsibility3 .conB .form_box .inputBox {
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
    font-size: 14px;
    color: #666464;
    border: 2px solid #cec7be;
}
.responsibility3 .conB .mySelect .show:before {
    background: url(../image/arrow_down_white_on.png);
}
.responsibility3 .conB .form_box .inputBox button {
    background: #cec7be url(../image/ico192.png) no-repeat center;
}
.responsibility3 .conB .bt .cw {
    margin-bottom: 35px;
}
.responsibility3 .conB .bt .cw h3 {
    font-size: 20px;
    color: #666666;
}
.responsibility3 .conB .bt .cw h4 {
    color: #cccccc;
    font-size: 16px;
    font-family: 'RUBIK-REGULAR';
    text-transform: uppercase;
}
.responsibility3 .list {
    margin-right: -30px;
    margin-top: 50px;
    overflow: hidden;
}
.responsibility3 .list li {
    float: left;
    width: 380px;
    height: 390px;
    margin-right: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.responsibility3 .list li .img {
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.responsibility3 .list li img {
    transition: all .4s;
    -webkit-transition: all .4s;
    overflow: hidden;
}
.responsibility3 .list li .name {
    height: 160px;
    width: 380px;
    padding-left: 30px;
    padding-top: 30px;
    background-color: #ffffff;
    overflow: hidden;
    transition: all .4s;
    -webkit-transition: all .4s;
    position: relative;
}
.responsibility3 .list li:hover .name:before {
    content: '';
    width: 85px;
    height: 68px;
    background: url(../image/ico27.png) no-repeat center;
    position: absolute;
    top: 64px;
    right: 30px;
}
.responsibility3 .list li:hover .name {
    background-color: #e70415;
}
.responsibility3 .list li:hover .name h3 {
    color: #ffffff;
}
.responsibility3 .list li:hover .name p {
    color: #ffffff;
}
.responsibility3 .list li:hover img {
    transform: scale(1.1)
}
.responsibility3 .list li .name h3 {
    font-size: 18px;
    color: #58575d;
    margin-bottom: 11px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.responsibility3 .list li .name p {
    font-size: 14px;
    color: #888888;
    line-height: 25px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.responsibility3 .conB .bt .more {
    width: 380px;
    height: 60px;
    line-height: 58px;
    border: 1px solid #cec7be;
    background-color: #cec7be;
    margin: auto;
    margin-top: 15px;
}
.responsibility3 .conB .bt .more:hover {
    border: 1px solid #e70415;
    background-color: #e70415;
    color: #fff;
}

/* responsibility4 */
.responsibility4 .con01 .text p {
    text-align: center;
    color: #666666;
    line-height: 26px;
}
.responsibility4 .con01 .text p strong {
    font-size: 16px;
    color: #f44242;
    font-weight: lighter;
    margin-top: 10px;
}
.responsibility4 .con01 {
    padding-bottom: 30px;
}
.responsibility4 .con02 {
    height: 580px;
    background: url(../image/ico14.jpg) no-repeat center;
}
.responsibility4 .con02 .title {
    text-align: center;
    padding: 68px 0 10px;
}
.responsibility4 .con02 .title p {
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 4px;
    margin-top: 25px;
}
.responsibility4 .con02 .list {
    overflow: hidden;
}
.responsibility4 .con02 .list li {
    float: left;
}
.responsibility4 .con02 .list li + li {
    margin-left: 86px;
}
.responsibility4 .con_t .title {
    text-align: left;
    padding: 72px 0 12px;
}
.responsibility4 .con_t .title .cn {
    font-size: 20px;
    color: #e70415;
    line-height: 26px;
}
.responsibility4 .con_t .title .en {
    font-size: 20px;
    color: #d4d4d4;
    line-height: 26px;
    margin: 0;
}
.responsibility4 .con03 .detailed {
    overflow: hidden;
    position: relative;
    padding-bottom: 77px;
}
.responsibility4 .con03 .detailed:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #ececec;
    position: absolute;
    right: 590px;
    top: 0;
}
.responsibility4 .con03 .fl {
    width: 345px;
}
.responsibility4 .con03 .fl .text img {
    margin-bottom: 18px;
}
.responsibility4 .con03 .fl .text p {
    color: #666666;
}
.responsibility4 .con03 .fl .text a {
    width: 300px;
    height: 50px;
    line-height: 50px;
    background-color: #e70415;
    text-align: center;
    color: #fff;
    margin-top: 24px;
    position: relative;
}
.responsibility4 .con03 .fl .text a .btn_ico {
    content: '';
    width: 19px;
    height: 13px;
    background: url(../image/ico20_on1.png) no-repeat center;
    /* position: absolute;
    right: 49px;
    top: 50%;
    margin-top: -6.5px; */
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
    display: inline-block;
    position: relative;
    margin-left: -19px;
}
.responsibility4 .con03 .fl .text a:hover .btn_ico {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 15px;
    /* -webkit-transform: translate(15px, 0); */
    /* transform: translate(15px, 0); */
}
.responsibility4 .con03 .qr_code {
    font-size: 14px;
    line-height: 19px;
    color: #888888;
    padding: 93px 0 0 140px;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-size: 130px 130px;
}
.responsibility4 .con03_side {
    width: 536px;
    height: 492px;
    position: relative;
    float: right;
    margin-top: 80px;
}
.responsibility4 .con03_side .bd {
    width: 100%;
    overflow: hidden;
}
.responsibility4 .con03_side .bd ul {
    width: 100% !important;
}
.responsibility4 .con03_side .bd li {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.responsibility4 .con03_side .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.responsibility4 .con03_side .hd {
    height: 0;
    position: absolute;
    left: -160px;
    top: 0;
    z-index: 99;
}
.responsibility4 .con03_side .hd li {
    width: 55px;
    height: 55px;
    background-color: #ececec;
    border-radius: 50%;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin-bottom: 18px;
    position: relative;
    cursor: pointer;
}
.responsibility4 .con03_side .hd li.on {
    background-color: #f44242;
    color: #fff;
}
.responsibility4 .con03_side .hd li.on:before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #f44242;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -1px;
}
.responsibility4 .con04 {
    background-color: #ececec;
    padding-bottom: 70px;
}
.responsibility4 .con04.con_t .title {
    text-align: center;
    padding: 60px 0 38px;
}
.responsibility4 .con04_side {
    position: relative;
}
.responsibility4 .con04_side .bd {
    overflow: hidden;
    width: 1223px;
}
.responsibility4 .con04_side .tempWrap {
    width: 1200px !important;
}
.responsibility4 .con04_side .item {
    float: left; 
    width: 221px;
    height: 474px;
    margin-right: 23px;
    position: relative;
    background-color: #ffffff;
}
.responsibility4 .con04_side .item .img {
    height: 394px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.responsibility4 .con04_side .item .text {
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding: 0 5px;
}
.responsibility4 .con04_side .item .block {
    display: inline-block;
    vertical-align: middle;
}
.responsibility4 .con04_side .item h3 {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}
.responsibility4 .con04_side .item p {
    color: #666666;
    text-align: center;
}
.responsibility4 .con04_side .btn,
.responsibility4 .con05_side .btn {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 9;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.responsibility4 .con04_side .prev,
.responsibility4 .con05_side .prev,
.responsibility4 .con06_side .prev {
    left: -90px;
    background: url(../image/ico221.png) no-repeat center;
}
.responsibility4 .con04_side .next,
.responsibility4 .con05_side .next,
.responsibility4 .con06_side .next {
    right: -90px;
    background: url(../image/ico212.png) no-repeat center;
}
.responsibility4 .con04_side .prev:hover,
.responsibility4 .con05_side .prev:hover,
.responsibility4 .con06_side .prev:hover {
    background: url(../image/ico22_on.png) no-repeat center;
}
.responsibility4 .con04_side .next:hover,
.responsibility4 .con05_side .next:hover,
.responsibility4 .con06_side .next:hover {
    background: url(../image/ico21_on1.png) no-repeat center;
}
.responsibility4 .con05 {
    padding-bottom: 70px;
}
.responsibility4 .con05 .title {
    text-align: center;
    padding: 66px 0 24px;
}
.responsibility4 .con05_side {
    position: relative;
}
.responsibility4 .con05_side .bd {
    overflow: hidden;
    width: 1225px;
}
.responsibility4 .con05_side .tempWrap {
    width: 1200px !important;
}
.responsibility4 .con05_side .item {
    float: left; 
    width: 220px;
    height: 310px;
    margin-right: 25px;
    position: relative;
    background-color: #ececec;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.responsibility4 .con05_side .item .img {
    width: 110px;
    height: 110px;
    margin: 28px auto 14px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.responsibility4 .con05_side .item .text {
    padding: 0 28px;
}
.responsibility4 .con05_side .item .text p {
    color: #666666;
    letter-spacing: -.4px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.responsibility4 .con05_side .item:hover {
    background-color: #f44242;
}
.responsibility4 .con05_side .item:hover .text p {
    color: #ffffff;
}
.responsibility4 .con06 {
    background-color: #ececec;
    padding-bottom: 70px;
}
.responsibility4 .con06 .title {
    text-align: center;
    padding: 65px 0 33px;
}
.responsibility4 .con06_side {
    position: relative;
}
.responsibility4 .con06_side .bd {
    overflow: hidden;
    width: 1225px;
}
.responsibility4 .con06_side .tempWrap {
    width: 1200px !important;
}
.responsibility4 .con06_side .item {
    float: left; 
    width: 220px;
    height: 280px;
    margin-right: 25px;
    position: relative;
    background-color: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.responsibility4 .con06_side .item .img {
    width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.responsibility4 .con06_side .item .text {
    padding: 18px 28px 0;
}
.responsibility4 .con06_side .item .text p {
    color: #666666;
    letter-spacing: -.4px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.responsibility4 .con06_side .item:hover {
    background-color: #f44242;
}
.responsibility4 .con06_side .item:hover .text p {
    color: #ffffff;
}

/* .talent_development2 */
.talent_development2 .pages .title {
    padding: 77px 0 37px;
}
.talent_development2 .con02 {
    padding: 70px 0 60px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.talent_development2 .con02:after {
    content: '';
    width: 30px;
    height: 30px;
    background: url(../image/ico14_on2.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -15px;
}
.talent_development2 .con02:before {
    content: '';
    width: 30px;
    height: 100%;
    background: url(../image/ico143.png) repeat-y center top;
    position: absolute;
    left: 50%;
    top: 30px;
    margin-left: -15px;
}
.talent_development2 .con02 .fl {
    width: 540px;
    height: 300px;
}
.talent_development2 .list .detailed {
    width: 465px;
    padding-top: 20px;
    margin-right: 82px;
    overflow: hidden;
}
.talent_development2 .list .img {
    width: 64px;
    height: 64px;
}
.talent_development2 .list .text h3 {
    font-size: 24px;
    color: #c8c6c7;
    margin-top: 30px;
    font-weight: lighter;
}
.talent_development2 .list .text h4 {
    color: #e70415;
    font-size: 20px;
    margin: 10px 0 23px;
}
.talent_development2 .list .text p {
    color: #888888;
    font-size: 14px;
}
.talent_development2 .list .li {
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
}
.talent_development2 .list .li .content {
    position: relative;
    height: 100%;
}
.talent_development2 .li.li01 .content {
    background-position: center;
    background-repeat: no-repeat;
}
.talent_development2 .li01 .detailed {
    width: auto;
    padding-top: 189px;
}
.talent_development2 .li01 .img {
    float: left;
}
.talent_development2 .li01 .text {
    float: left;
    width: 465px;
    margin-left: 22px;
}
.talent_development2 .li01 .text h3 {
    margin-top: 5px;
}

.talent_development2 .li02 .detailed {
    width: auto;
    padding-top: 172px;
    float: right;
}
.talent_development2 .li02 .img {
    float: left;
}
.talent_development2 .li02 .text {
    float: left;
    width: 460px;
    margin-left: 22px;
}
.talent_development2 .li02 .text h3 {
    margin-top: 5px;
}

.talent_development2 .li03 .detailed {
    width: auto;
    padding-top: 128px;
    text-align: center;
}
.talent_development2 .li03 .img {
    margin-left: 567px;
}
.talent_development2 .li03 .text h3 {
    margin-top: 15px;
    color: #fff;
    color: rgba(255, 255, 255, .5);
}
.talent_development2 .li03 .text p {
    color: #fff;
    text-align: center;
}

/* talent_development */
.talent_development .con02 .y3 {
    position: relative;
    width: 490px;
    height: 490px;
    background: url(../image/ico37.png) no-repeat center;
    padding-top: 108px;
    margin: 0 auto;
    margin-bottom: 173px;
}
.talent_development .con02 .y2 {
    padding-top: 31px;
    width: 310px;
    height: 320px;
    background: url(../image/ico21.png) no-repeat center;
    margin: 0 auto;
}
.talent_development .con02 .y1 {
    padding-top: 70px;
    width: 223px;
    height: 223px;
    border-radius: 50%;
    background: #f4eee8;
    margin: 0 auto;
}
.talent_development .con02 .y1 img {
    display: block;
    margin: 0 auto;
}
.talent_development .con02 .y3 .section {
    position: absolute;
}
.talent_development .con02 .y3 .section p {
    display: inline-block;
    font-size: 28px;
    color: #c3b6a3;
}
.talent_development .con02 .y3 .section1 {
    top: 141px;
    left: 7px;
}
.talent_development .con02 .y3 .section1 p {
    transform: rotate(-60deg);
}
.talent_development .con02 .y3 .section2 {
    top: 141px;
    right: 7px;
}
.talent_development .con02 .y3 .section2 p {
    transform: rotate(60deg);
}
.talent_development .con02 .y3 .section3 {
    bottom: 31px;
    left: 50%;
    margin-left: -65px;
}
.talent_development .con02 .content {
    position: relative;
    height: 100%;
}
.talent_development .con02 .li {
    font-size: 14px;
    color: #58575d;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 73px;
}
.talent_development .con02 .li01 {
    position: absolute;
    top: 88px;
    left: 0;
    width: 368px;
    letter-spacing: -.7px;
}
.talent_development .con02 .li02 {
    position: absolute;
    top: 88px;
    right: 110px;
    width: 236px;
}
.talent_development .con02 .li03 {
    position: absolute;
    top: 512px;
    left: 450px;
    width: 370px;
}

/* dingfeng_club */
.dingfeng_club .title {
    padding: 77px 0 30px;
}
.dingfeng_club .con01 .text p {
    color: #888888;
    text-align: center;
    line-height: 26px;
}
.dingfeng_club .con02 {
    padding-top: 130px;
    margin-top: 33px;
    height: 500px;
    background: url(../image/ico110.jpg) no-repeat center/cover;
}
.dingfeng_club .con02 h3 {
    position: relative;
    color: #f0f7ff;
    font-size: 18px;
    text-align: center;
    margin-bottom: 35px;
}
.dingfeng_club .con02 h3:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    height: 4px;
    width: 40px;
    background-color: #e70415;
}
.dingfeng_club .con02 p {
    text-align: center;
    color: #ffffff;
    line-height: 24px;
}
.dingfeng_club .tab {
    overflow: hidden;
    text-align: center;
}
.dingfeng_club .tab a {
    width: 33.3333%;
    float: left;
    padding: 24px 0 20px;
}
.dingfeng_club .con03 .detailed {
    background-color: #f4eee8;
    padding: 80px 0 85px;
    overflow: hidden;
}
/* 会籍说明 */
.dingfeng_club .box .nav li {
    position: relative;
    float: left;
    width: 298px;
    height: 488px;
}
.dingfeng_club .box ul li.dl .ball {
    top: 430px;
}
.dingfeng_club .box ul li .ball {
    position: relative;
    top: 88px;
    width: 16px;
    height: 16px;
    background: url(../image/ico38.png) no-repeat center;
}
.dingfeng_club .box ul li.zz .ball:after {
    position: absolute;
    top: 16px;
    left: 7px;
    content: '';
    display: block;
    width: 308px;
    height: 406px;
    background: url(../image/ico23.png) no-repeat center;
}
.dingfeng_club .box ul li.dl .ball:after {
    position: absolute;
    bottom: 16px;
    left: 7px;
    content: '';
    display: block;
    width: 308px;
    height: 413px;
    background: url(../image/ico44.png) no-repeat center;
}
.dingfeng_club .box .boxx {
    position: absolute;
    z-index: 88;
    margin-left: 40px;
    width: 280px;
    height: 60px;
    background: url(../image/ico53.png) no-repeat center;
}
.dingfeng_club .box .zz .boxx {
    top: 66px;
    right: -19px;
}
.dingfeng_club .box .dl .boxx {
    bottom: 24px;
    right: -19px;
}
.dingfeng_club .box .boxx {
    line-height: 60px;
    font-size: 18px;
    color: #f0f7ff;
    padding-left: 25px;
}
.dingfeng_club .box .boxx h3 {
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 32px;
}
.dingfeng_club .box li .text {
    width: 219px;
    margin-left: 50px;
    margin-top: 146px;
}
.dingfeng_club .box li .text p {
    font-size: 14px;
    color: #888888;
    line-height: 23px;
}
/* 服务及运作 */
.dingfeng_club .box3 li {
    position: relative;
    float: left;
    width: 393px;
    height: 488px;
}
.dingfeng_club .box li.dll .balll {
    top: 430px;
}
.dingfeng_club .box li .balll {
    position: relative;
    top: 88px;
    width: 16px;
    height: 16px;
    background: url(../image/ico38.png) no-repeat center;
}
.dingfeng_club .box li.zzz .balll:after {
    position: absolute;
    top: 16px;
    left: 7px;
    content: '';
    display: block;
    width: 403px;
    height: 406px;
    background: url(../image/ico18.png) no-repeat center;
}
.dingfeng_club .box li.dll .balll:after {
    position: absolute;
    bottom: 16px;
    left: 7px;
    content: '';
    display: block;
    width: 403px;
    height: 413px;
    background: url(../image/ico193.png) no-repeat center;
}
.dingfeng_club .box .boxx {
    position: absolute;
    z-index: 88;
    margin-left: 40px;
    width: 280px;
    height: 60px;
    background: url(../image/ico53.png) no-repeat center;
}
.dingfeng_club .box .zzz .boxx {
    top: 66px;
    right: 72px;
}
.dingfeng_club .box .dll .boxx {
    bottom: 24px;
    right: 72px;
}
.dingfeng_club .box .boxx {
    line-height: 60px;
    font-size: 18px;
    color: #f0f7ff;
    padding-left: 25px;
}
.dingfeng_club .box .boxx h3 {
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 32px;
}
.dingfeng_club .box.box3 ul li .text {
    width: 311px !important;
    margin-left: 50px;
    margin-top: 146px;
}
/* 会员卡 */
.dingfeng_club .sign h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #e70415;
}
.dingfeng_club .sign p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.dingfeng_club .card {
    position: relative;
    margin-top: 45px;
    width: 100%;
    height: 360px;
    background: url(../image/ico211.jpg) no-repeat center;
}
.dingfeng_club .card .lf {
    position: relative;
    float: left;
    height: 360px;
    width: 500px;
    padding-top: 100px;
    padding-left: 130px;
    padding-right: 130px;
}
.dingfeng_club .card .bd li img {
    width: 240px;
    height: 141px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.dingfeng_club .card .bd li h3 {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    display: block;
    margin-top: 47px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.dingfeng_club .card .hd {
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.dingfeng_club .card .hd li {
    float: left;
    margin-left: 10px;
    transition: all .7s;
}
.dingfeng_club .card .hd li.on {
    background: #e70415;
}
.dingfeng_club .card .hd li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #ffffff;
}
.dingfeng_club .card .rt {
    padding-top: 55px;
    padding-left: 39px;
    float: right;
    padding-right: 40px;
    width: 700px;
    height: 360px;
}
.dingfeng_club .card .rt h3 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 21px;
}
.dingfeng_club .card .rt p {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 25px;
    margin-bottom: 23px;
}

/* dingfeng_club2 */
.dingfeng_club2 .title {
    padding: 77px 0 30px;
}
.dingfeng_club2 .con01 .text p {
    color: #888888;
    text-align: center;
    line-height: 26px;
}
.dingfeng_club2 .con02 {
    width: 100%;
    height: 500px;
    background: url(../image/ico10.jpg) no-repeat center/cover;
    margin-top: 45px;
}
.dingfeng_club2 .con02 li {
    float: left;
    width: 33.33333%;
    height: 500px;
    transition: all .7s;
    cursor: pointer;
}
.dingfeng_club2 .con02 li .detailed {
    text-align: center;
    padding-top: 169px;
}
.dingfeng_club2 .con02 li .detailed img {
    width: 240px;
    height: 141px;
}
.dingfeng_club2 .con02 li h3 {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin-top: 38px;
}
.dingfeng_club2 .con02 li .more {
    width: auto;
    height: auto;
    opacity: 0;
    font-size: 14px;
    color: #e70415;
    line-height: 26px;
    text-align: center;
    border: none;
    margin-top: 20px;
}
.dingfeng_club2 .con02 ul li:hover {
    background-color: rgba(255, 255, 255, .1);
}
.dingfeng_club2 .con02 ul li:hover .more {
    opacity: 1;
}
.dingfeng_club2 .con02 li .more:hover {
    background-color: transparent;
}
.dingfeng_club2 .con03 {
    position: relative;
    padding-top: 50px;
}
.dingfeng_club2 .con03 .detailed {
    margin: 45px 0 50px;
    overflow: hidden;
}
.dingfeng_club2 .con03 .title {
    text-align: left;
    padding: 0;
}
.dingfeng_club2 .con03 .title .cn {
    font-size: 20px;
    color: #2a2a2a;
}
.dingfeng_club2 .con03 .title .en {
    font-size: 16px;
    color: #d4d4d4;
    line-height: 26px;
    margin-bottom: 0;
}
.dingfeng_club2 .con03 .fl {
    width: 760px;
}
.dingfeng_club2 .con03 .text {
    margin-top: 18px;
}
.dingfeng_club2 .con03 .text p {
    background: url(../image/ico144.png) no-repeat top left;
    background-position: 0 9px;
    padding-left: 10px;
    margin-bottom: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
}
.dingfeng_club2 .con03 .fr {
    width: 400px;
    height: 240px;
    background: url(../image/ico15.jpg) no-repeat center;
    padding: 40px 40px 0;
}
.dingfeng_club2 .con03 .fr h3 {
    font-size: 16px;
    color: #ffffff;
    margin-top: 14px;
    margin-bottom: 5px;
}
.dingfeng_club2 .con03 .fr p {
    font-size: 14px;
    color: #ffffff;
    opacity: .7;
    line-height: 24px;
}

/*.dingfeng_club3  */
.dingfeng_club3 .title {
    padding: 77px 0 30px;
}
.dingfeng_club3 .con01 .text p {
    color: #888888;
    text-align: center;
    line-height: 26px;
}
.dingfeng_club3 .con02 {
    width: 100%;
    height: 500px;
    background: url(../image/ico22.jpg) no-repeat center/cover;
    margin-top: 42px;
}
.dingfeng_club3 .con02 .content {
    position: relative;
    height: 100%;
    padding-top: 100px;
}
.dingfeng_club3 .con02 .en {
    font-size: 36px;
    color: #f44242;
    line-height: 1;
    font-weight: lighter;
    text-transform: uppercase;
    margin: 40px 0 0 6px;
}
.dingfeng_club3 .con02 .happy {
    margin: 8px 0 0 6px;
}
.dingfeng_club3 .con02 .people {
    position: absolute;
    right: 0;
    top: 69px;
    width: 742px;
    height: 513px;
}
.dingfeng_club3 .con03 {
    padding-top: 55px;
}
.dingfeng_club3 .con03 .title {
    text-align: left;
    padding: 0;
}
.dingfeng_club3 .con03 .title .cn {
    font-size: 20px;
    color: #2a2a2a;
}
.dingfeng_club3 .con03 .title .en {
    font-size: 16px;
    color: #d4d4d4;
    line-height: 26px;
    margin-bottom: 0;
}
.dingfeng_club3 .con03 .text {
    margin-top: 10px;
}
.dingfeng_club3 .con03 .text p {
    color: #666;
}
.dingfeng_club3 .tab {
    overflow: hidden;
    margin: 25px 0 20px;
}
.dingfeng_club3 .tab a:hover,
.dingfeng_club3 .tab a.on {
    background-color: #e70415;
}
.dingfeng_club3 .tab a {
    float: left;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    background-color: #cec7be;
    padding: 0 57px;
    margin-right: 1px;
}
.dingfeng_club3 .tab a .ico01 {
    width: 16px;
    height: 16px;
    background: url(../image/ico271.png) no-repeat center;
    display: inline-block;
    margin-right: 6px;
}
.dingfeng_club3 .tab a .ico02 {
    width: 20px;
    height: 19px;
    background: url(../image/ico28.png) no-repeat center;
    display: inline-block;
    margin-right: 6px;
}
table.name {
    width: 100%;
    color:#333333;
    border-width: 1px;
    border-color: #dddddd;
    border-collapse: collapse;
}
table.name tr {
    background-color:#f0f0f0;
}
table.name td {
    border-width: 1px;
    padding: 20px 30px;
    border-style: solid;
    border-color: #dddddd;
}
table.schedule {
    width: 100%;
    color:#848484;
    border-width: 1px;
    border-color: #dddddd;
    border-collapse: collapse;
    position: relative;
    margin-top: -1px;
}
table.schedule tr {
    background-color:#fff;
}
table.schedule td {
    border-width: 1px;
    padding: 20px 30px;
    border-style: solid;
    border-color: #dddddd;
}
table.name td.num,
table.schedule td.num {
    width: 200px;
}
table.name td.num01,
table.schedule td.num01 {
    width: 200px;
}
table.name td.num02,
table.schedule td.num02 {
    width: 800px;
}
table.schedule td p {
    color: #666666;
    line-height: 18px;
}
.dingfeng_club3 .con04 {
    margin-top: 68px;
    padding-top: 70px;
    width: 100%;
    height: 390px;
    background-color: #f0f0f0;
}
.dingfeng_club3 .con04 ul {
    margin-right: -20px;
}
.dingfeng_club3 .con04 li {
    float: left;
    width: 380px;
    height: 250px;
    margin-right: 20px;
    background-color: #ffffff;
    padding-top: 51px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.dingfeng_club3 .con04 li .circular {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.dingfeng_club3 .con04 li:nth-child(1) .circular {
    background-image: url(../image/ico30.png);
}
.dingfeng_club3 .con04 li:nth-child(2) .circular {
    background-image: url(../image/ico311.png);
}
.dingfeng_club3 .con04 li:nth-child(3) .circular {
    background-image: url(../image/ico321.png);
}
.dingfeng_club3 .con04 li h3 {
    text-align: center;
    font-size: 20px;
    color: #333333;
    margin-top: 19px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.dingfeng_club3 .con04 li h4 {
    text-align: center;
    font-size: 16px;
    color: #d4d4d4;
    font-family: 'RUBIK-REGULAR';
    text-transform: uppercase;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.dingfeng_club3 .con04 li:hover {
    background-color: #e70415;
}
.dingfeng_club3 .con04 li:hover h3 {
    color: #ffffff;
}
.dingfeng_club3 .con04 li:hover h4 {
    color: #ffffff;
}
.dingfeng_club3 .con04 li:hover .circular {
    background-color: #cf0413;
}
.dingfeng_club3 .con04 li:nth-child(1):hover .circular {
    background-image: url(../image/ico29.png);
}
.dingfeng_club3 .con04 li:nth-child(2):hover .circular {
    background-image: url(../image/ico33.png);
}
.dingfeng_club3 .con04 li:nth-child(3):hover .circular {
    background-image: url(../image/ico34.png);
}

/* service */
.pages.service .title {
    padding: 77px 0 30px;
}
.service .con01 .text h4 {
    color: #e70415;
    font-size: 16px;
    text-align: center;
    margin-bottom: 6px;
}
.service .con01 .text p {
    color: #888888;
    text-align: center;
    line-height: 26px;
}
.service .con02 {
    height: 400px;
    padding-top: 100px;
    margin-top: 72px;
    background: url(../image/ico27.jpg) no-repeat center/cover;
}
.service .con02 ul {
    text-align: center;
    font-size: 0;
}
.service .con02 li {
    padding-top: 38px;
    width: 300px;
    height: 200px;
    background-color: rgba(89, 89, 89, .02);
    border: 2px solid #c9bfb1;
    border: 2px solid rgba(201, 191, 177, .5);
    display: inline-block;
    margin: 0 50px;
    position: relative;
}
.service .con02 li:first-child:after {
    opacity: 0;
}
.service .con02 li:last-child:before {
    opacity: 0;
}
.service .con02 li:after {
    content: '';
    width: 15px;
    height: 11px;
    background: url(../image/ico83.png) no-repeat center;
    position: absolute;
    right: -14px;
    bottom: 0px;
}
.service .con02 li:before {
    content: '';
    width: 15px;
    height: 11px;
    background: url(../image/ico71.png) no-repeat center;
    position: absolute;
    left: -14px;
    bottom: 0px;
}
.service .con02 li img {
    margin: auto;
    width: 54px;
}
.service .con02 li h3 {
    text-align: center;
    font-size: 18px;
    color: #e70415;
    margin: 5px 0 12px;
}
.service .con02 li h4 {
    text-align: center;
    font-size: 16px;
    color: #a18f76;
}
.service .con02 li h4 em {
    font-family: 'RUBIK-REGULAR';
    font-size: 20px;
}

/* service2 */
.service2 .title {
    padding: 77px 0 30px;
}
.service2 .con01 .text h4 {
    color: #e70415;
    font-size: 16px;
    text-align: center;
    margin-bottom: 6px;
}
.service2 .con01 .text p {
    color: #888888;
    text-align: center;
    line-height: 26px;
}
.service2 .con02 {
    overflow: hidden;
    margin: 40px 0 80px;
}
.service2 .con02 .img {
    float: left;
    width: 600px;
    height: 360px;
}
.service2 .con02 .from {
    float: right;
    width: 580px;
}
.service2 .con02 .from input {
    border: 1px solid #cccccc;
    height: 60px;
    width: 280px;
    padding: 0 20px;
    color: #666666;
}
.service2 .con02 .from input#name {
    margin-right: 15px;
}
.service2 .con02 .from .message {
    height: 200px;
    width: 580px;
    margin-top: 20px;
    border: 1px solid #cccccc;
    padding: 20px;
}
.service2 .con02 .from .submit  {
    background: #e70415;
}
.service2 .con02 .from a {
    display: inline-block;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #cccccc;
    margin-top: 13px;
    font-size: 16px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}
.service2 .con02 .from a .btn_ico {
    content: '';
    width: 19px;
    height: 13px;
    background: url(../image/ico20_on1.png) no-repeat center;
    /* position: absolute;
    right: 49px;
    top: 50%;
    margin-top: -6.5px; */
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
    display: inline-block;
    position: relative;
    margin-left: -19px;
}
.service2 .con02 .from a:hover .btn_ico {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 15px;
    /* -webkit-transform: translate(15px, 0); */
    /* transform: translate(15px, 0); */
}

/* contact */
.contact .con01 {
    width: 100%;
    background-color: #f4eee8;
    padding-bottom: 72px;
}
.contact .con01 .detailed {
    overflow: hidden;
}
.contact .con01 .img {
    float: left;
    width: 600px;
    height: 360px;
}
.contact .con01 .text {
    padding-top: 30px;
    float: right;
    width: 540px;
}
.contact .con01 .text h3 {
    font-size: 20px;
    color: #58575d;
    display: block;
    padding-bottom: 30px;
    border-bottom: 2px solid rgba(88, 87, 93, .2);
    margin-bottom: 34px;
}
.contact .con01 .text p {
    font-size: 14px;
    line-height: 18px;
    color: #888888;
    margin-bottom: 18px;
}
.contact .con01 .text p img {
    float: left;
    margin-right: 10px;
}
.contact .con01 .text .qr_code {
    font-size: 14px;
    line-height: 19px;
    color: #888888;
    padding: 93px 0 0 140px;
    background-repeat: no-repeat;
}
.contact .con02 {
    padding-top: 60px;
    overflow: hidden;
    padding-bottom: 70px;
}
.contact .con02 ul {
    margin-right: -131px;
}
.contact .con02 li {
    width: 540px;
    float: left;
    margin-right: 125px;
}
.contact .con02 li h3 {
    font-size: 20px;
    color: #58575d;
    padding-bottom: 31px;
    border-bottom: 2px solid #d5d0cc;
    margin-bottom: 30px;
}
.contact .con02 li p {
    font-size: 14px;
    line-height: 19px;
    color: #888888;
    margin-bottom: 18px;
}
.contact .con02 li p img {
    float: left;
    margin-right: 10px;
}
.contact .con03 .content {
    position: relative;
    height: 100%;
}
.contact .con03 .position {
    position: absolute;
    z-index: 999;
}
.contact .con03 .position p {
    width: 160px;
    height: 55px;
    line-height: 55px;
    background: #e70415;
    font-size: 14px;
    color: #ffffff;
    padding: 0 40px 0 30px;
    cursor: pointer;
    position: relative;
}
.contact .con03 .position p:before {
    content: '';
    width: 14px;
    height: 55px;
    background: url(../image/ico54.png) no-repeat center;
    position: absolute;
    right: 30px;
    top: 0;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.contact .con03 .position p.on:before {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}
.contact .con03 .list {
    display: none;
}
.contact .con03 .list li {
    width: 160px;
    height: 55px;
    color: #ffffff;
    line-height: 55px;
    padding-left: 30px;
    background: #cec7be;
    margin-bottom: 1px;
    cursor: pointer;
}
.contact #allmap {
    width: 100%;
    height: 600px;
}
.contact #allmap img {
    max-width: none;
}
.anchorBL,
.BMap_cpyCtrl.BMap_noprint {
    display: none;
}

/* responsibility2_d */
.foundation_bg {
    background-color: #f0f0f0;
    padding: 80px 0;
}
.foundation_bg .content {
    background-color: #fff;
    padding: 50px 60px;
}
.form-title {
    font-size: 18px;
    color: #58575d;
    line-height: 22px;
    position: relative;
    margin-bottom: 25px;
}
.form-title:before {
    content: '';
    width: 4px;
    height: 18px;
    background-color: #e70012;
    position: absolute;
    left: -19px;
    top: 3px;
}
.form-title .req{font-size: 14px; color: #e70415;}
.foundation-form .row{ overflow:hidden;margin-right: -15px;}
.foundation-form input { 
    width:100%;
    padding: 0 10px;
    border: 1px solid #cccccc;
    height: 50px;
}
.foundation-form input#address {
    width: 1010px;
}
.foundation-form textarea{width:100%;padding:5px 10px; line-height: 22px;border: 1px solid #cccccc;}
.foundation-form span{font-size: 14px; color: #888888;}
.foundation-form .col-md-4{float:left; width:355px; margin-right: 10px;}
.foundation-form .col-sm-12{padding-top: 8px;}
.foundation-form label{display: inline-block;}
.foundation-form .ab-title {position: absolute; left: 0; top: 13px; font-size: 14px; color: #888888;}
.foundation-form .ab-label{position: relative; padding-left: 70px; margin-bottom: 10px;}
.foundation-form .col-md-4 input{width:280px;}
.foundation-form .check-title{float:left; font-size: 14px; color: #888888; height:34px; line-height: 34px; width:70px;}
.foundation-form .checker,.foundation-form .checker-plural{padding-left: 30px; height: 34px; line-height: 34px; padding-right:20px; background:url("../image/ico28.jpg") no-repeat left center; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}  
.foundation-form .checker.on,.foundation-form .checker-plural.on{background-image:url("../image/ico28_on.jpg");}  
.foundation-form .col-xs-12 label{display:block;}
.foundation-form .ab-label.blk{display:block;}
.foundation-form textarea.skill{width:1010px;}
.foundation-form hr{ height: 1px; margin-top: 20px; margin-bottom: 20px; border: none; background-color: rgba(174,148,141,.2);}
.foundation-form .bl {display: block; margin: 15px 0;}
.foundation-form .col-sm-6{float:left; width:537px; margin-right: 10px;}
.foundation-form .col-sm-6 input{width:462px;}
.foundation-form .mb10{margin-bottom: 10px;}
.foundation-form .i-b{display: inline-block; height:25px; line-height: 25px; margin-bottom: 5px;}
.foundation-form .full{width:100%;}
.foundation-form .submit{display: block; height:60px; line-height: 60px; margin:30px auto 0; width:264px; background: #e70415; color: #fff; font-size: 14px; color:#fff; outline: none; border: none; cursor:pointer;}
.foundation-form .adopt-notice{font-size: 16px; line-height: 24px; padding-left: 20px; color: #888888; line-height: 2;}



@media screen and (max-width: 1400px) { 
    .index .con02 .list .li:first-child a:hover .detailed {
        margin-left: -98px;
    }
    .index .con02 .list .li:last-child a:hover .detailed {
        margin-left: -261px;
    }
    .responsibility4 .con04_side .btn,
    .responsibility4 .con05_side .btn {
        top: auto;
        bottom: -60px;
    }
    .image_side .btn {
        top: auto;
        bottom: -74px;
    }
    .index .con04 .con04_side .btn {
        top: auto;
        bottom: -82px;
    }
    .responsibility4 .con04_side .prev,
    .responsibility4 .con05_side .prev,
    .image_side .prev,
    .index .con04 .con04_side .prev {
        left: auto;
        right: 100px;
    }
    .responsibility4 .con04_side .next,
    .responsibility4 .con05_side .next,
    .image_side .next,
    .index .con04 .con04_side .next {
        right: 0;
    }
}