a,
#subNav_box,
#subNav_box .item,
.header .h_seek_btn,
.id_index1 #banner .baner_btn,
.i_news .par_hd li,
.i_join img,
.i_charity img,
.i_join img,
.i_charity img,
.about3 .vdo_wr1 .le img,
.video_list .pic img,
.about3 .vdo_wr1 .shade .btn,
.video_list .pic .shade .btn,
.video_list .txt p,
.about5 .w_left .hd li,
.news_strong .pic img,
.news_list .pic img,
.news_strong .pic .shade,
.news_list .pic .shade,
.news_strong a *,
.news_list .ul a *,
.news_list .ul a:after,
.newrelated .strong .shade,
.newrelated .strong img,
.newrelated .txt .title,
.news4_list .ul .til,
.news4 .dl_wr dd .til,
.strategy-c .part1 .item .txt,
.strategy-c .part1 .item .hid,
.strategy-c .part2 .ul img,
.strategy .w_lump2 li .txt,
.strategy4 .slide2 .bd a:after,
.st4_tab .bd li .pic:after,
.st4_tab .bd li .txt,
.social2 .w_lump1 .txt .cn,
.social2 .w_lump1 .pic,
.news_list .ul a.not .txt:after,
.c_more:before,
.c_more:after,
.strategy_d .w_lump2 .box * {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}


.i_join:hover img,
.i_charity:hover img,
.about3 .vdo_wr1 .le:hover img,
.video_list .ul a:hover .pic img,
.news_strong a:hover .pic img,
.news_list .ul a:hover .pic img,
.newrelated .strong a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -ms-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
}


body,
html {
    max-width: 1920px;
}

body {
    padding-top: 80px;
}

p {
    font-size: 14px;
    color: #808080;
    line-height: 24px;
    margin-bottom: 24px;
}

p:last-child {
    margin-bottom: 0;
}


/*header*/
#header {
    position: fixed;
    height: 80px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 188;
}

.start #header {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.header {
    position: relative;
    z-index: 30;
    height: 80px;
    background: #fff;
    max-width: 1920px;
    margin: 0 auto;
}

.header .header_logo {
    position: absolute;
    left: 0;
}

.header .h_right {
    float: right;
}

.header .h_seek_btn {
    float: left;
    width: 80px;
    height: 80px;
    background: url("../images/icon_seek.png") no-repeat center;
    background-size: 24px;
}

.header .h_seek_btn:hover {
    background-size: 18px;
}

.header .h_seek_btn.on {
    background-image: url("../images/icon_seek-on.png");
}

.header .h_right .nav {
    float: left;
    padding-right: 5px;
    border-right: 1px solid #d8dfe6;
    font-size: 0;
    letter-spacing: -4px;
}

.header .h_right .nav li {
    line-height: 80px;
    height: 80px;
    padding: 0 20px;
    float: left;
    position: relative;
    letter-spacing: normal;
}

.header .h_right .nav li a {
    color: #666;
    font-size: 15px;
}

.header .h_right .nav li.on a {
    color: #076ebe;
}

#subNav_box {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 60px;
    width: 100%;
}

#subNav_box.on {
    bottom: -60px;
}

#subNav_box .cnt {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    height: 60px;
    background: url("../images/header_navbarbg.png");
}

#subNav_box .item {
    position: absolute;
    top: -60px;
    width: 1200px;
}

#subNav_box .item.curr,
#subNav_box .item:hover {
    top: 0;
}

#subNav_box .item a {
    float: left;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    line-height: 60px;
    opacity: .7;
    filter: alpha(opacity=70);
}

#subNav_box .item a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#subNav_box .g-wrap {
    position: relative;
    height: 100%;
    margin: 0 auto;
}

.seek_popup_wr {
    display: none;
    position: fixed;
    z-index: 25;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.seek_popup_wr .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

.seek_popup_wr .ipt_box {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    margin-top: -100px;
    width: 1200px;
    height: 100px;
    border-bottom: 2px solid #fff;
}

.seek_popup_wr .ipt_box input {
    font-size: 18px;
    line-height: 98px;
    color: #fff;
    display: block;
    width: 100%;
    padding-right: 50px;
}

.seek_popup_wr .ipt_box input::-webkit-input-placeholder {
    color: #fff;
}

.seek_popup_wr .ipt_box .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 98px;
    background: url("../images/sch2.png") no-repeat center;
    background-size: 26px;
}

.seek_popup_wr .ipt_box .btn:hover {
    background-size: 20px;
}

.seek_popup_wr.on {
    display: block;
    -webkit-animation-name: bigToLittle;
    animation-name: bigToLittle;
}


/*footer*/
.footer {
    position: relative;
    z-index: 99;
    margin: 0 auto;
    background: #313640;
}

.footer>.clearfix {
    width: 1200px;
    padding: 30px 0 30px;
    margin: 0 auto;
}

.footer p {
    font-size: 14px;
    color: #d6d7d9;
    line-height: 24px;
    margin: 0;
}

.footer a {
    display: inline;
    font-size: 14px;
    color: #d6d7d9;
    line-height: 24px;
}

.footer .p1 a {
    padding: 0 9px;
}

.footer a:hover {
    color: #076ebe;
}

.footer .w_le {
    float: left;
}

.footer .w_ri {
    float: right;
}

.f_wx_box {
    float: left;
    position: relative;
    vertical-align: top;
    height: 33px;
    padding-left: 39px;
    font-size: 14px;
    color: #d6d7d9;
    line-height: 33px;
    white-space: nowrap;
    background: url("../images/f_icon_wx.png") no-repeat left center;
    cursor: pointer;
}

.f_wx_box .ma {
    display: none;
    position: absolute;
    left: -38px;
    bottom: 38px;
    width: 105px;
    height: 114px;
    background: url("../images/f_ma_bg.png") no-repeat center;
}

.f_wx_box .ma img {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 10;
    width: 95px;
}

.footer .w_ri .supervise {
    float: left;
    margin: 2px 0 0 10px;
}

#go_top {
    position: fixed;
    text-align: center;
    right: 40px;
    bottom: -100px;
    width: 60px;
    height: 60px;
    background: #ededed;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 98;
}

#go_top.on {
    bottom: 150px;
}



/*index*/
.index {
    min-width: 1200px;
    position: relative;
}

#banner {
    height: 560px;
    position: relative;
}

#banner .bd ul li,
#banner .bd ul .li_bg {
    height: 560px;
    background: center;
    overflow: hidden;
}

#banner .baner_btn a {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
}

#banner:hover .baner_btn a {
    opacity: 1;
    filter: alpha(opacity=100);
}

#banner .prev {
    left: 20px;
    background: url(../images/prev.png) no-repeat center;
    background-color: rgba(0, 0, 0, .4);
}

#banner .next {
    right: 20px;
    background: url(../images/next.png) no-repeat center;
    background-color: rgba(0, 0, 0, .4);
}

#banner .hd {
    position: absolute;
    width: 100%;
    bottom: 25px;
}

#banner .hd ul {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#banner .hd ul li {
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 2px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid #fff;
}

#banner .hd ul li.on {
    width: 28px;
    background: #fff;
    border-radius: 10px;
}

.index {
    height: 380px;
}

.i_news {
    float: left;
    width: 862px;
    height: 200px;
    position: relative;
    overflow: hidden;
    background: url("../images/index/i_news_line.png") no-repeat 92px top;
}

.i_news .par_hd {
    position: absolute;
    left: 113px;
    top: 10px;
}

.i_news .par_hd ul {
    overflow: hidden;
}

.i_news .par_hd li {
    float: left;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 34px;
    height: 34px;
    margin-right: 14px;
    cursor: pointer;
}

.i_news .par_hd li.on {
    color: #076ebe;
}

.i_news .par_bd {
    margin-top: 50px;
}

.i_news .par_bd .item {
    height: 150px;
    overflow: hidden;
}

.i_news .par_bd .bd li {
    padding: 0 30px 0 113px;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.i_news .par_bd .time {
    position: absolute;
    left: 0;
    top: 6px;
}

.i_news .par_bd .time .month {
    font-size: 30px;
    color: #076ebe;
    line-height: 38px;
    font-family: "MONTSERRAT-REGULAR";
    text-align: right;
    letter-spacing: -1px;
}

.i_news .par_bd .time .year {
    font-size: 18px;
    color: #076ebe;
    line-height: 24px;
    font-family: "MONTSERRAT-REGULAR";
    text-align: right;
    letter-spacing: -1px;
}

.i_news .par_bd .til {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 26px;
    padding: 10px 0;
}

.i_news .par_bd .hd {
    position: absolute;
    left: 113px;
    bottom: 24px;
    height: 11px;
}

.i_news .par_bd .hd ul {
    overflow: hidden;
}

.i_news .par_bd .hd li {
    float: left;
    width: 11px;
    height: 11px;
    border: 2px solid #d8dfe6;
    border-radius: 50%;
    margin-right: 11px;
    cursor: pointer;
}

.i_news .par_bd .hd li.on {
    border-color: #076ebe;
}

.i_join,
.i_charity {
    height: 200px;
    width: 338px;
    position: relative;
    overflow: hidden;
}

.i_join .txt,
.i_charity .txt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 64px 0 0 180px;
}

.i_join .txt h4,
.i_charity .txt h4 {
    font-size: 18px;
    color: #076ebe;
    line-height: 18px;
    margin-bottom: 6px;
}

.i_strategy {
    width: 862px;
    height: 180px;
    position: relative;
}

.i_strategy .box {
    position: absolute;
    top: 0;
    padding: 28px 0 0;
    width: 430px;
    height: 180px;
    background: no-repeat left center;
    overflow: hidden;
}

.i_strategy .box:after {
    content: " ";
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    opacity: 0;
    display: none\0;
}

.i_strategy .box .icon {
    width: 110px;
    height: 110px;
    background: no-repeat center -4px;
    margin-left: 53px;
}

.i_strategy .box .show p {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    width: 216px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.i_strategy .b1 {
    left: 0;
    width: 430px;
    background-image: url("../images/index/i_strategy_bg2.jpg");
}

.i_strategy .b2 {
    left: 430px;
    background-image: url("../images/index/i_strategy_bg1.jpg");
}

.i_strategy .b3 {
    left: 646px;
    background-image: url("../images/index/i_strategy_bg3.jpg");
}

.i_strategy .b1 .icon {
    background-image: url("../images/index/i_strategy_icon2.png");
}

.i_strategy .b2 .icon {
    background-image: url("../images/index/i_strategy_icon1.png");
}

.i_strategy .b3 .icon {
    background-image: url("../images/index/i_strategy_icon3.png");
}

.i_strategy .box .hide {
    position: absolute;
    left: 130px;
    top: 0;
    padding: 66px 0 0;
    width: 300px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.i_strategy .box .hide .til {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 3px;
}

.i_strategy .box .hide p {
    color: #fff;
}

.i_strategy .box.on {
    width: 430px;
}

.i_strategy .box.on .icon {
    margin-left: 20px;
}

.i_strategy .box.on .hide {
    animation: fadeInRight 1s forwards;
    filter: alpha(opacity=100);
}

.i_strategy .box.on .show p {
    opacity: 0;
    filter: alpha(opacity=0);
}

.i_strategy .box.on:after {
    opacity: .3;
    filter: alpha(opacity=30);
    display: block\0;
}

.i_strategy .box,
.i_strategy .box .icon,
.i_strategy .box .show p,
.i_strategy .box:after {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.i_strategy .b2.on {
    left: 216px;
}

.i_strategy .b3.on {
    left: 432px;
}

.i_charity {
    height: 180px;
}


/*commonality*/
.sub_ban {
    height: 180px;
    background: no-repeat center;
}

.sub_ban .w1200 {
    position: relative;
    height: 100%;
}

.sub_ban .i1 {
    position: absolute;
    top: 35px;
    left: 30px;
    font-size: 30px;
    color: #fff;
    line-height: 30px;
}

.sub_ban .i1 em {
    opacity: .3;
    filter: alpha(opacity=30);
    font-family: "MONTSERRAT-REGULAR";
}

.sub_ban .i2 {
    position: absolute;
    top: 75px;
    left: 30px;
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 2px;
}

.sub_ban .xian2 {
    width: 2px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .5);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.subNav {
    height: 80px;
    border-bottom: 2px solid #e6ebf1;
}

.subNav .L {
    float: left;
    height: 80px;
    margin-right: -15px;
    line-height: 80px;
}

.subNav .L>img,
.subNav .L em {
    display: inline-block;
}

.subNav .L .ic1 {
    position: relative;
    top: 1px;
}

.subNav .L em {
    margin: 0 15px;
    color: #fff;
    vertical-align: middle;
}

.subNav .R {
    float: left;
    overflow: hidden;
    width: 820px;
    margin-left: -360px;
    padding-left: 360px;
    height: 80px;
    background: #076ebd;
}

.subNav .R a {
    float: left;
    line-height: 80px;
    margin-left: 35px;
    color: #fff;
}

.subNav .R a:first-child {
    margin-left: 0;
}

.subNav .R a.on,
.subNav .R a:hover {
    color: #ffea00;
}

.c_h1 {
    font-size: 24px;
    color: #aaaeb2;
    font-family: "MONTSERRAT-REGULAR";
    line-height: 20px;
    letter-spacing: -1px;
    margin-bottom: 6px;
}

.c_h2 {
    font-size: 24px;
    color: #4c4c4c;
    line-height: 30px;
    margin-bottom: 37px;
}

.c_more {
    font-size: 0;
    width: 180px;
    height: 60px;
    background: #f2f2f2;
    position: relative;
    margin: 40px auto 0;
    overflow: hidden;
}

.c_more:before {
    display: block;
    content: "MORE";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    font-size: 16px;
    color: #808080;
    font-family: "MONTSERRAT-REGULAR";
    line-height: 60px;
    padding-left: 40px;
    background: url("../images/icon_more.png") no-repeat 108px center;
}

.c_more:after {
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    background: #076ebe;
}

.c_more:hover:before {
    color: #fff;
    background: url("../images/icon_more-on.png") no-repeat 118px center;
}

.c_more:hover:after {
    left: 0;
}

.c_border_show:after {
    display: block;
}

.c_border_hide {
    border-left: 0 none;
}



/*about*/
.about {
    padding-top: 80px;
}

.about .c_h2 {
    margin-bottom: 32px;
}

.about .w_left {
    float: left;
    width: 470px;
    padding-right: 50px;
}

.about .w_left .til {
    font-size: 18px;
    color: #797c80;
    line-height: 30px;
    letter-spacing: 10px;
    margin-bottom: 12px;
}

.about .w_left .til em {
    font-size: 36px;
    color: #076ebe;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -2px;
}

.about .w_left .map {
    margin-bottom: 18px;
    position: relative;
}

.about .w_left .map .dot {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url("../images/about/abt_map_dot.png") no-repeat center;
}

.about .w_left .map .dot:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #f13c3c;
    border-radius: 50%;
    -webkit-animation: fadeIn .8s linear infinite alternate both;
    animation: fadeIn 1.2s linear infinite alternate both;
    box-sizing: border-box;
}

.about .w_left .map .d1:after {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.about .w_left .map .d3:after {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

.about .w_left .map .d4:after {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.about .w_left .map .d5:after {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.about .w_left .h4 {
    float: left;
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-right: 50px;
}

.about .w_left .p {
    float: left;
    font-size: 14px;
    color: #808080;
    line-height: 28px;
    margin-right: 28px;
    padding-top: 3px;
}

.about .w_left .p em {
    font-size: 36px;
    color: #076ebe;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -2px;
}

.about .w_right {
    float: right;
    width: 730px;
    border-left: 1px solid #e1e7ed;
    padding-left: 49px;
    padding-bottom: 55px;
}

.about .w_right .p_box {
    margin-bottom: 15px;
}

.about .w_right .abstract .box {
    padding: 23px 0 30px 165px;
    background: url("../images/about/about_it1.png") no-repeat;
}

.about .w_right .abstract h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 600;
}

.about .w_right .abstract .b1 {
    min-height: 130px;
}

.about .w_right .abstract .b2 {
    min-height: 126px;
    background-image: url("../images/about/about_it2.png");
}

.about .w_right .abstract .b3 {
    min-height: 130px;
    background-image: url("../images/about/about_it3.png");
}

.about2 {
    padding-top: 80px;
}

.about2 .c_h2 {
    margin-bottom: 34px;
}

.about2 .top_txt {
    padding-bottom: 37px;
}

.about2 .top_txt h5 {
    font-size: 18px;
    color: #808080;
    line-height: 24px;
}

.about2 .w1200>.clearfix {
    position: relative;
}

.about2 .w1200>.clearfix:before {
    content: " ";
    display: block;
    position: absolute;
    left: -360px;
    top: 0;
    width: 770px;
    height: 100%;
    background: #e6ecf2;
}

.about2 .w_left {
    float: left;
    position: relative;
    width: 410px;
    padding-bottom: 140px;
}

.about2 .w_left .img {
    position: relative;
    z-index: 5;
}

.about2 .w_left .img .adorn {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 430px;
    height: 498px;
    background: url("../images/about/abt2_bg.jpg") right top;
    z-index: -1;
}

.about2 .w_right {
    float: right;
    width: 770px;
    min-height: 620px;
    padding: 35px 0 180px 30px;
    position: relative;
    border-top: 1px solid #e6ecf2;
}

.about2 .w_right:before {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: -123px;
    width: 90px;
    height: 63px;
    background: url("../images/about/abt2_icon1.png") no-repeat center;
}

.about2 .w_right:after {
    content: " ";
    display: block;
    position: absolute;
    left: 30px;
    bottom: 80px;
    width: 90px;
    height: 63px;
    background: url("../images/about/abt2_icon2.png") no-repeat center;
}

.about3 .w_lump1 {
    padding: 80px 0 60px;
    background: #e6ecf2;
}

.about3 .vdo_wr1 {
    overflow: hidden;
}

.about3 .vdo_wr1 .le {
    float: left;
    width: 790px;
    height: 417px;
}

.about3 .vdo_wr1 .le,
.video_list .pic {
    position: relative;
    overflow: hidden;
}

.about3 .vdo_wr1 .le .shade,
.video_list .pic .shade {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../images/opacity_000_20.png");
}

.about3 .vdo_wr1 .shade .btn,
.video_list .pic .shade .btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    background: url("../images/icon_play.png") no-repeat center;
}

.about3 .vdo_wr1 .shade:hover .btn,
.video_list .ul a:hover .btn {
    background-image: url("../images/icon_play-on.png");
}

.about3 .vdo_wr1 .ri {
    float: right;
    width: 410px;
    height: 417px;
    padding: 36px 0 0 30px;
    border-top: 1px solid #ced3d9;
    border-bottom: 1px solid #ced3d9;
    position: relative;
}

.about3 .vdo_wr1 .h1_en {
    font-size: 18px;
    line-height: 24px;
    color: #aaaeb3;
    margin-bottom: 18px;
}

.about3 .vdo_wr1 .h1_cn {
    font-size: 24px;
    line-height: 34px;
    color: #4d4d4d;
    margin-bottom: 12px;
}

.about3 .vdo_wr1 .h1_cn em {
    font-size: 18px;
    line-height: 28px;
}

.about3 .vdo_wr1 .p {
    font-size: 14px;
    color: #808080;
    line-height: 24px;
    margin-bottom: 26px;
}

.about3 .vdo_wr1 .h5 {
    font-size: 16px;
    color: #808080;
    line-height: 28px;
    margin-bottom: 64px;
}

.about3 .vdo_wr1 .h {
    position: absolute;
    left: 30px;
    bottom: 40px;
}

.about3 .w_lump2 {
    padding: 60px 0 80px;
}

.video_list .ul {
    width: 1230px;
    overflow: hidden;
}

.video_list .ul a {
    float: left;
    width: 380px;
    margin-right: 30px;
}

.video_list .ul a:hover p {
    color: #076ebe;
}

.video_list .pic {
    height: 217px;
}

.video_list .txt {
    height: 72px;
    line-height: 72px;
    padding: 0 30px;
    background: #e6ecf2;
    font-size: 0;
}

.video_list .txt p {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    color: #4c4c4c;
    margin: 0;
}

#c_shade {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

#c_shade .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

#c_shade .cnt {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1200px;
    height: 600px;
    margin: -300px 0 0 -600px;
}

.about4 {
    padding: 80px 0 0;
    background: url("../images/about/abt4_bg.png") no-repeat bottom center;
}

.abt4_tab {
    padding-bottom: 136px;
    border-top: 2px solid #cacbcc;
}

.abt4_tab .bd .item {
    padding: 37px 0 32px;
    background: no-repeat center;
    min-height: 200px;
}

.abt4_tab .bd li {
    text-align: center;
    padding: 0 100px;
    margin-top: 20px;
}

.abt4_tab .bd li:first-child {
    margin-top: 0;
}

.abt4_tab .bd h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 28px;
}

.abt4_tab .bd h4 em {
    font-family: "MONTSERRAT-REGULAR";
}

.abt4_tab .bd p {
    margin: 0;
    text-align: center;
}

.abt4_tab .hd {
    height: 40px;
    position: relative;
    width: 1235px;
    padding-right: 35px;
    background: url("../images/about/abt4_hd_bg.png") no-repeat center;
}

.abt4_tab .hd .tempWrap {
    width: 984px !important;
    padding: 0 328px;
    margin-left: 109px;
    overflow: hidden;
}

.abt4_tab .hd ul {
    width: 984px;
    margin-left: 109px;
    overflow: hidden;
}

.abt4_tab .hd li {
    float: left;
    padding-top: 50px;
    width: 220px;
    margin: 0 54px;
    position: relative;
    text-align: center;
}

.abt4_tab .hd li:after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 16px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cacbcc;
}

.abt4_tab .hd li .h4 {
    font-size: 18px;
    color: #f22e2e;
    font-family: "MONTSERRAT-REGULAR";
    line-height: 24px;
    letter-spacing: -1px;
}

.abt4_tab .hd li .h5 {
    font-size: 18px;
    color: #808080;
    line-height: 24px;
}

.abt4_tab .hd li.on:after {
    top: 14px;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    background: #f22f2f;
}

.abt4_tab .hd li.on .h4 {
    font-size: 20px;
    line-height: 28px;
}

.abt4_tab .hd li.on .h5 {
    font-size: 20px;
    color: #4c4c4c;
}

.abt4_tab .hd .btn {
    position: absolute;
    top: 72px;
    width: 50px;
    height: 30px;
}

.abt4_tab .hd .prev {
    left: 0;
    background: url("../images/icon_prev.png") no-repeat 10px center;
}

.abt4_tab .hd .next {
    right: 30px;
    background: url("../images/icon_next.png") no-repeat 0 center;
}

.abt4_tab .hd .prev:hover {
    background: url("../images/icon_prev-on.png") no-repeat 0 center;
}

.abt4_tab .hd .next:hover {
    background: url("../images/icon_next-on.png") no-repeat 10px center;
}

.about5 {
    padding: 80px 0 0;
}

.about5 .w_left {
    float: left;
    width: 519px;
    position: relative;
    overflow: hidden;
}

.about5 .w_left .hd {
    padding-bottom: 15px;
}

.about5 .w_left .hd ul {
    overflow: hidden;
    width: 580px;
}

.about5 .w_left .hd li {
    float: left;
    font-size: 24px;
    width: 60px;
    white-space: nowrap;
    color: #cacbcc;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -1px;
    line-height: 30px;
    cursor: pointer;
    margin: 0 41px 20px 0;
}

.about5 .w_left .hd li:hover,
.about5 .w_left .hd li.on {
    color: #076ebe;
}

.about5 .w_right {
    float: right;
    width: 681px;
    min-height: 495px;
    padding-bottom: 40px;
    position: relative;
    border-left: 1px solid #e6ecf2;
}

.about5 .w_right .item {
    padding-left: 60px;
    position: relative;
    z-index: 5;
}

.about5 .w_right .li {
    padding-bottom: 24px;
}

.about5 .w_right .li p {
    margin: 0;
}

.about5 .w_right .time {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
}

.about5 .w_right:after {
    content: " ";
    display: block;
    position: absolute;
    left: 60px;
    bottom: 52px;
    width: 581px;
    height: 122px;
    background: url("../images/about/abt5_adorn.jpg") no-repeat center;
    z-index: 2;
}

.about5 .w_right:before {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 186px;
    height: 100%;
    background: url("../images/about/abt2_bg.jpg") right top;
}


/*news*/
.news .w_lump1 {
    padding: 80px 0 60px;
    background: #e6ecf2;
}

.news_strong a {
    overflow: hidden;
}

.news_strong .pic {
    float: left;
}

.news_strong .pic,
.news_list .pic,
.newrelated .strong .pic {
    position: relative;
    width: 380px;
    height: 214px;
    overflow: hidden;
}

.newrelated .strong .pic {
    width: 340px;
    height: 190px;
}

.news_strong .pic .shade,
.news_list .pic .shade,
.newrelated .strong .shade {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../images/opacity_000_20.png");
    opacity: 0;
    filter: alpha(opacity=0);
}

.news_strong a:hover .shade,
.news_list .ul a:hover .shade,
.newrelated .strong a:hover .shade {
    opacity: 1;
    filter: alpha(opacity=100);
}

.news_strong .txt {
    float: right;
    width: 820px;
    padding: 20px 0 0 30px;
}

.news_strong .txt .title,
.news_list .txt .title {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    font-weight: 600;
}

.news_strong .txt .time,
.news_list .txt .time {
    font-size: 18px;
    color: #076ebe;
    line-height: 24px;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -1px;
    margin-bottom: 20px;
}

.news_strong .hr {
    height: 0;
    border-bottom: 1px solid #ced3d9;
    margin: 0 0 25px;
    padding-top: 5px;
}

.news_strong a:hover .title {
    color: #076ebe;
}

.news_strong .not .txt {
    width: 100%;
    padding-left: 0;
}

.news .w_lump2 {
    padding: 60px 0 80px;
}

.news_list .ul {
    width: 1230px;
    overflow: hidden;
}

.news_list .ul a {
    float: left;
    width: 380px;
    height: 390px;
    margin: 0 30px 40px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.news_list .ul .txt {
    padding: 25px 30px 0 10px;
    height: 176px;
    overflow: hidden;
    position: relative;
    position: relative;
    z-index: 2;
}

.news_list .ul a:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: -176px;
    width: 100%;
    height: 176px;
    background: #e6ecf2;
}

.news_list .ul a:hover .txt {
    padding: 25px 20px 0;
}

.news_list .c_more {
    margin-top: 0;
}

.news_list .ul a.not {
    background: #e6ecf2;
}

.news_list .ul a.not .txt {
    height: 100%;
    padding: 35px 40px 0;
}

.news_list .ul a.not .txt:after {
    content: " ";
    display: block;
    position: absolute;
    left: 30px;
    bottom: 50px;
    width: 32px;
    height: 16px;
    background: url("../images/news/news_icon_enter.png") no-repeat center;
}

.news_list .ul a.not:after {
    bottom: -100%;
    height: 100%;
    background: #076ebe;
}

.news_list .ul a.not:hover .txt {
    padding: 35px 40px 0;
}

.news_list .ul a.not:hover .txt * {
    color: #fff;
}

.news_list .ul a:hover:after {
    bottom: 0;
}

.news_list .ul a.not:hover .txt:after {
    left: 42px;
    background-image: url("../images/news/news_icon_enter-on.png");
}

.news_d {
    padding: 80px 0 0;
}

.news_d .w_le {
    float: left;
    width: 800px;
    padding-right: 59px;
    border-right: 1px solid #ced3d9;
}

.news_d .cnt_wr img {
    display: inline-block;
}

.news_d .til_box {
    position: relative;
    padding: 0 190px 35px 0;
    border-bottom: 1px solid #ced3d9;
    margin-bottom: 15px;
}

.news_d .til_box .title {
    font-size: 20px;
    color: #4c4c4c;
    line-height: 28px;
    margin-bottom: 6px;
    font-weight: 600;
}

.news_d .til_box .time {
    font-size: 18px;
    color: #076ebe;
    line-height: 24px;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -1px;
}

.news_d .til_box .share_wrap {
    position: absolute;
    right: 0;
    top: 4px;
}

.news_d .til_box .share_wrap .bshare-custom {
    overflow: hidden;
}

.news_d .til_box .share_wrap a {
    float: left;
    width: 32px;
    height: 32px;
    padding: 0;
    margin-right: 10px;
    background: url("../images/news/icon_shares.jpg") no-repeat;
}

.news_d .til_box .share_wrap a.bshare-weixin {
    background-position: 0 center;
}

.news_d .til_box .share_wrap a.bshare-sinaminiblog {
    background-position: -42px center;
}

.news_d .til_box .share_wrap a.bshare-qzone {
    background-position: -84px center;
}

.news_d .til_box .share_wrap a.bshare-qqim {
    background-position: -126px center;
}

.news_d .cnt_wr {
    min-height: 500px;
    padding-bottom: 75px;
}

.news_d .cnt_wr strong {
    font-weight: bold;
}

.news_d .cnt_wr p em {
    display: block;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 24px;
    padding-top: 15px;
    text-align: center;
}

#bsWXBox,
#bsWXBox * {
    box-sizing: content-box;
}

.news_d .w_ri {
    float: right;
    width: 400px;
    padding-left: 60px;
}

.news_d .w_ri .h_til {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 26px;
    margin-bottom: 26px;
    font-weight: 600;
}

.newrelated .strong {
    margin-bottom: 30px;
}

.newrelated .strong a:hover .title {
    color: #076ebe;
}

.newrelated .txt {
    height: 100px;
    padding: 26px 0;
    border-bottom: 1px solid #ced3d9;
}

.newrelated .txt .title {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px;
    font-weight: 600;
}

.newrelated .txt .time {
    font-size: 14px;
    color: #b2b2b2;
    line-height: 24px;
    font-family: "MONTSERRAT-REGULAR";
}

.newrelated .correlation a {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.newrelated .correlation a:hover {
    color: #076ebe;
}

.news_d .showBox {
    position: relative;
    padding-top: 11px;
}

.news_d .showBox img {
    display: block;
    width: 100%;
}

.news_d .showBox .bd {
    height: 380px;
    width: 100%;
}

.news_d .showBox li {
    height: 380px;
}

.news_d .showBox a {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    width: 48px;
    height: 48px;
    background: #dae0e6 no-repeat center;
    opacity: 0;
    filter: alpha(opacity=0);
}

.news_d .showBox .prev {
    left: 0;
    background-image: url("../images/icon_prev2.png");
}

.news_d .showBox .next {
    right: 0;
    background-image: url("../images/icon_next2.png");
}

.news_d .showBox .prev:hover {
    background-image: url("../images/icon_prev2-on.png");
    background-color: #076ebe;
}

.news_d .showBox .next:hover {
    background-image: url("../images/icon_next2-on.png");
    background-color: #076ebe;
}

.news_d .showBox:hover a {
    opacity: 1;
    filter: alpha(opacity=100);
}


.news4 {
    padding: 80px 0;
}

.news4 .dl_wr {
    overflow: hidden;
    width: 1230px;
}

.news4 .dl_wr dl {
    float: left;
    width: 380px;
    margin-right: 30px;
}

.news4 .dl_wr dt {
    padding: 20px 30px;
    height: 108px;
    background: #076ebe url("../images/news/news4_icon1.png") no-repeat 284px center;
}

.news4 .dl_wr dt .month {
    font-size: 36px;
    color: #fff;
    line-height: 36px;
    font-family: "MONTSERRAT-REGULAR";
    margin-bottom: 4px;
}

.news4 .dl_wr dt .year {
    font-size: 18px;
    color: #054f87;
    line-height: 24px;
}

.news4 .dl_wr dd {
    padding: 40px 30px 0;
    height: 170px;
    background: #f2f2f2;
}

.news4 .dl_wr dd .til {
    font-size: 18px;
    color: #808080;
    line-height: 30px;
}

.news4_list .ul a {
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 2px dashed #dae0e6;
}

.news4_list .ul .time {
    float: left;
    width: 110px;
    font-size: 18px;
    color: #b2b2b2;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -1px;
    line-height: 36px;
}

.news4_list .ul a img {
    float: right;
    position: relative;
    top: -4px;
}

.news4_list .ul .til {
    float: left;
    width: 900px;
    font-size: 16px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 36px;
}

.news4_list .ul a:hover .til,
.news4 .dl_wr dl:hover .til {
    color: #076ebe;
}

.news4_list .ul a:hover {
    padding: 20px 30px;
}


/*strategy*/
.strategy-c>.w1200 {
    position: relative;
    z-index: 2;
}

.strategy-c .bg {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/strategy/strategy_c_bg.jpg") no-repeat center -60px;
}

.strategy-c .headline {
    position: relative;
    height: 183px;
}

.strategy-c .headline .i1 {
    position: absolute;
    top: 75px;
    left: 30px;
    font-size: 30px;
    color: #000;
    line-height: 30px;
}

.strategy-c .headline .i1 em {
    opacity: .2;
    filter: alpha(opacity=20);
    font-family: "MONTSERRAT-REGULAR";
}

.strategy-c .headline .i2 {
    position: absolute;
    top: 115px;
    left: 30px;
    font-size: 30px;
    color: #4c4c4c;
    line-height: 30px;
    letter-spacing: 2px;
}

.strategy-c .headline .xian2 {
    width: 2px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #bac2cc;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.strategy-c .h_til {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 28px;
    margin-bottom: 15px;
}

.strategy-c .part1 {
    margin-bottom: 57px;
}

.strategy-c .part1 .it_wr {
    width: 1230px;
    overflow: hidden;
}

.strategy-c .part1 .it_wr .item {
    float: left;
    width: 380px;
    position: relative;
    height: 282px;
    overflow: hidden;
    margin-right: 30px;
}

.strategy-c .part1 .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 70px;
    width: 100%;
    line-height: 70px;
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    background: #fff;
}

.strategy-c .part1 .item .hid {
    position: absolute;
    left: 0;
    top: 100%;
    height: 100%;
    width: 100%;
    padding: 47px 30px 0;
    text-align: center;
    background: url("../images/strategy/strategy_c_it_bg.png");
}

.strategy-c .part1 .item .til {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 15px;
}

.strategy-c .part1 .item p {
    color: #fff;
    text-align: center;
}

.strategy-c .part1 .item:hover .txt {
    bottom: -70px;
}

.strategy-c .part1 .item:hover .hid {
    top: 0;
}

.strategy-c .part2 {
    padding-bottom: 80px;
}

.strategy-c .part2 .ul {
    background: url("../images/strategy/strategy_c_icon_bg.png") no-repeat top center;
}

.strategy-c .part2 .ul a {
    float: left;
    width: 180px;
    height: 269px;
    margin-left: 160px;
    position: relative;
}

.strategy-c .part2 .ul a:first-child {
    margin-left: 0;
}

.strategy-c .part2 .txt {
    position: absolute;
    width: 280px;
    left: 50%;
    top: 227px;
    margin-left: -140px;
}

.strategy-c .part2 .txt .cn {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    text-align: center;
}

.strategy-c .part2 .txt .en {
    font-size: 14px;
    color: #808080;
    line-height: 24px;
    text-align: center;
    font-family: "MONTSERRAT-REGULAR";
}

.strategy-c .part2 .ul img {
    position: relative;
    top: 0;
}

.strategy-c .part2 .ul a:hover img {
    top: -10px;
}

.strategy {
    position: relative;
    padding: 80px 0;
}

.strategy:after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 240px;
    top: 0;
    width: 720px;
    height: 840px;
    background: url("../images/strategy/strategy_bg.jpg") no-repeat center;
}

.strategy>.w1200 {
    position: relative;
    z-index: 2;
}

.strategy .top_txt {
    padding: 0 380px 55px 0;
    background: url("../images/logo-web.png") no-repeat right 100px;
}

.strategy .top_txt h4 {
    font-size: 16px;
    color: #076ebe;
    line-height: 24px;
    margin-bottom: 15px;
}

.strategy .w_lump1 {
    position: relative;
    margin-bottom: 60px;
}

.strategy .w_lump1 .le {
    margin-left: -360px;
}

.strategy .w_lump1 .ri {
    position: absolute;
    right: -360px;
    top: 80px;
    padding: 55px 360px 0 60px;
    width: 1102px;
    height: 430px;
    background: url("../images/strategy/strategy_figure.jpg") no-repeat center;
}

.strategy .w_lump1 .p_box {
    height: 250px;
}

.strategy .w_lump1 .data_wr .li {
    float: left;
}

.strategy .w_lump1 .data_wr .li1 {
    margin-right: 108px;
}

.strategy .w_lump1 .data_wr .strong {
    font-size: 30px;
    color: #f22e2e;
    line-height: 40px;
}

.strategy .w_lump1 .data_wr .strong em {
    display: inline-block;
    vertical-align: top;
    font-size: 36px;
    color: #f22e2e;
    line-height: 40px;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -2px;
}

.strategy .w_lump1 .data_wr .li2,
.strategy .w_lump1 .data_wr .li3 {
    font-size: 36px;
    font-family: "MONTSERRAT-REGULAR";
}

.strategy .w_lump1 .data_wr .li3 {
    float: none;
    float: right;
}

.strategy .w_lump1 .data_wr p {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px;
}

.st_picScroll-left {
    position: relative;
}

.st_picScroll-left .bd ul {
    overflow: hidden;
    width: 1230px;
}

.st_picScroll-left .bd li {
    float: left;
    width: 380px;
    height: 290px;
    margin-right: 30px;
    background: #e6ecf2;
    position: relative;
    margin-bottom: 8px;
}

.st_picScroll-left .bd li a {
    padding: 15px 15px 0;
}

.st_picScroll-left .bd li .txt {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 74px;
    text-align: center;
}

.st_picScroll-left .bd li:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    height: 8px;
    bottom: -8px;
    width: 0;
    background: #076ebe;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.st_picScroll-left .bd li:hover:after {
    width: 100%;
}

.st_picScroll-left .tempWrap {
    width: 1200px !important;
}

.st_picScroll-left .hd a {
    display: none;
    position: absolute;
    top: 90px;
    width: 48px;
    height: 48px;
    background: #dae0e6 no-repeat center;
}

.st_picScroll-left .hd .prev {
    left: -88px;
    background-image: url("../images/icon_prev2.png");
}

.st_picScroll-left .hd .next {
    right: -88px;
    background-image: url("../images/icon_next2.png");
}

.st_picScroll-left .hd .prev:hover {
    background-image: url("../images/icon_prev2-on.png");
    background-color: #076ebe;
}

.st_picScroll-left .hd .next:hover {
    background-image: url("../images/icon_next2-on.png");
    background-color: #076ebe;
}

.strategy_d {
    padding: 80px 0 70px;
}

.strategy_d .w1320 {
    width: 1320px;
    margin: 0 auto;
}

.strategy_d {
    background: #e6ecf2 url("../images/strategy/strategy_d_bg.jpg") no-repeat top center;
}

.strategy_d .w_lump1 {
    padding: 60px;
    background: #fff;
}

.strategy_d .w_lump1 .part1 {
    overflow: hidden;
}

.strategy_d .w_lump1 .part1 .le {
    float: left;
    width: 740px;
}

.strategy_d .w_lump1 .part1 .ri {
    float: right;
    width: 460px;
}

.strategy_d .w_lump1 .part1 .txt {
    height: 226px;
    padding: 35px 30px 25px;
    overflow: hidden;
    overflow-y: auto;
}

.strategy_d .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 12px;
}

.strategy_d .w_lump1 .part1 p {
    font-size: 14px;
    color: #808080;
    line-height: 24px;
}

.strategy_d .w_lump1 .part2 {
    padding: 37px 0 25px;
    border-bottom: 1px solid #dae0e6;
}

.strategy_d .w_lump1 .part2 p {
    margin-bottom: 10px;
}

.strategy_d .w_lump1 .part3 {
    padding: 37px 0 25px;
    border-bottom: 1px solid #dae0e6;
    overflow: hidden;
}

.strategy_d .w_lump1 .part3 .le {
    float: left;
    width: 740px;
    position: relative;
}

.strategy_d .w_lump1 .part3 .le:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    bottom: 5px;
    width: 0;
    border-right: 1px solid #dae0e6;
}

.strategy_d .w_lump1 .part3 .ri {
    width: 460px;
    float: right;
}

.strategy_d .w_lump1 .part3 .ri img {
    margin: 0 auto;
}

.strategy_d .w_lump2 {
    position: relative;
    padding: 60px 0 60px 60px;
    overflow: hidden;
    background: url("../images/strategy/strategy_figure.jpg_k2_bg.jpg");
}

.strategy_d .w_lump2 .ul {
    width: 1230px;
}

.strategy_d .w_lump2 .tempWrap {
    width: 1200px !important;
}

.strategy_d .w_lump2 .box {
    float: left;
    width: 380px;
    height: 258x;
    margin: 0 30px 0 0;
}

.strategy_d .w_lump2 .box .pic {
    height: 198px;
    overflow: hidden;
}

.strategy_d .w_lump2 .box .pic img {
    width: 100%;
}

.strategy_d .w_lump2 .box .txt {
    height: 60px;
    background: #fff;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

.strategy_d .w_lump2 .box p {
    font-size: 16px;
    color: #808080;
    line-height: 60px;
}

.strategy_d .w_lump2 .box:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s;
}

.strategy_d .w_lump2 .box:hover .txt {
    background: #076ebe;
}

.strategy_d .w_lump2 .box:hover p {
    color: #fff;
}

.strategy_d .w_lump2 .hd a {
    display: none;
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    background: #dae0e6 no-repeat center;
    opacity: 0;
    filter: alpha(opacity=0);
}

.strategy_d .w_lump2 .hd .prev {
    left: 0;
    background-image: url("../images/icon_prev2.png");
}

.strategy_d .w_lump2 .hd .next {
    right: 0;
    background-image: url("../images/icon_next2.png");
}

.strategy_d .w_lump2 .hd .prev:hover {
    background-image: url("../images/icon_prev2-on.png");
    background-color: #076ebe;
}

.strategy_d .w_lump2 .hd .next:hover {
    background-image: url("../images/icon_next2-on.png");
    background-color: #076ebe;
}

.strategy_d .w_lump2:hover .hd a {
    opacity: 1;
    filter: alpha(opacity=100);
}


.strategy2 {
    position: relative;
    padding: 80px 0 0;
}

.strategy2 .top_txt {
    padding-right: 380px;
    padding-bottom: 50px;
    background: url("../images/strategy/strategy2_icon.png") no-repeat right bottom;
}

.strategy2 .w_lump1 {
    padding-bottom: 80px;
}

.strategy2 .w_lump1 .w1200 {
    position: relative;
    padding-top: 40px;
}

.strategy2 .w_lump1 .w1200:before {
    content: " ";
    display: block;
    position: absolute;
    right: -360px;
    top: 0;
    width: 310px;
    height: 525px;
    background: url("../images/about/abt2_bg.jpg");
}

.strategy2 .w_lump1 .w1200:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1560px;
    height: 100%;
    background: url("../images/about/abt2_bg.jpg");
}

.strategy2 .tab {
    position: relative;
    z-index: 5;
    height: 405px;
}

.strategy2 .tab .bd li {
    height: 406px;
}

.strategy2 .tab .txt_wr {
    position: absolute;
    right: 0;
    top: -40px;
    width: 410px;
    height: 370px;
    background: #fff;
}

.strategy2 .tab .txt_wr .txt {
    display: none;
    padding: 37px 0 0 30px;
}

.strategy2 .tab .txt_wr .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 12px;
}

.strategy2 .tab .prev,
.strategy2 .tab .next {
    position: absolute;
    top: 228px;
    width: 48px;
    height: 48px;
    background: #dae0e6 no-repeat center;
}

.strategy2 .tab .prev {
    right: 330px;
    background-image: url("../images/icon_prev2.png");
}

.strategy2 .tab .next {
    right: 263px;
    background-image: url("../images/icon_next2.png");
}

.strategy2 .tab .prev:hover {
    background-image: url("../images/icon_prev2-on.png");
    background-color: #076ebe;
}

.strategy2 .tab .next:hover {
    background-image: url("../images/icon_next2-on.png");
    background-color: #076ebe;
}

.strategy2 .w_lump2 {
    height: 450px;
    padding-top: 80px;
    background: url("../images/strategy/strategy2_k2_bg.jpg") no-repeat center;
}

.strategy2 .st_picScroll-left .bd li {
    background: #fff;
}

.strategy2 .st_picScroll-left .bd li:after {
    background: #ffd400;
}

.strategy2_d {
    padding: 80px 0;
}

.strategy2_d .t_l {
    float: left;
    width: 740px;
    height: 450px;
    position: relative;
    overflow: hidden;
}

.strategy2_d .t_l .btn {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
}

.strategy2_d .t_l:hover .btn {
    opacity: 1;
    filter: alpha(opacity=100);
}

.strategy2_d .t_l .prev {
    left: 20px;
    background: url(../images/prev.png) no-repeat center;
    background-color: rgba(0, 0, 0, .4);
}

.strategy2_d .t_l .next {
    right: 20px;
    background: url(../images/next.png) no-repeat center;
    background-color: rgba(0, 0, 0, .4);
}

.strategy2_d .t_l img {
    max-width: none;
}

.strategy2_d .t_r {
    float: right;
    padding: 60px 30px 0;
    width: 460px;
    height: 450px;
    background: #f2f2f2;
}

.strategy2_d .t_r .til {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    margin-bottom: 37px;
}

.strategy2_d .t_r .info_wr {
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.strategy2_d .t_r .info_wr .box {
    float: left;
    width: 50%;
    height: 120px;
    font-size: 0;
    text-align: center;
    line-height: 118px;
}

.strategy2_d .t_r .info_wr .b1 {
    border-right: 1px solid #d9d9d9;
}

.strategy2_d .t_r .info_wr p {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}

.strategy2_d .t_r .info_wr em {
    font-size: 24px;
    color: #f22e2e;
}

.strategy2_d .t_r .txt {
    height: 195px;
    padding: 30px 0 0;
}

.strategy2_d .t_r .hid {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.strategy2_d .t_r .c_row {
    overflow: hidden;
    margin-top: 26px;
}

.strategy2_d .t_r .c_row:first-child {
    margin-top: 0;
}

.strategy2_d .t_r .c_row .t,
.strategy2_d .t_r .c_row .d_box {
    float: left;
    font-size: 16px;
    color: #808080;
    line-height: 30px;
}

.strategy2_d .bom {
    position: relative;
    padding: 35px 30px 55px;
    background: #fff;
}

.strategy2_d .return_btn {
    position: absolute;
    right: 40px;
    bottom: 35px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.strategy2_d .return_btn:hover {
    color: #076ebe;
}

.strategy3_ban {
    height: 600px;
    background: url("../images/strategy/strategy3_ban.jpg") no-repeat center 100px fixed;
}

.strategy3 {
    padding-top: 80px;
}

.strategy3 .top_txt {
    padding-right: 380px;
    padding-bottom: 55px;
    background: url("../images/strategy/strategy3_txt_bg.png") no-repeat 904px 0;
}

.strategy3 .w_lump1 .img {
    position: relative;
    margin-bottom: 60px;
}

.strategy3 .w_lump1 .txt {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 0 0 30px;
    height: 248px;
    width: 410px;
    background: #fff;
}

.strategy3 .w_lump1 .txt .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 18px;
    margin-bottom: 15px;
}

.strategy3 .w_lump1 .info_wr {
    overflow: hidden;
}

.strategy3 .w_lump1 .box {
    float: left;
    width: 380px;
    height: 187px;
    padding-top: 38px;
    border-top: 3px solid #e6ecf2;
    margin-right: 30px;
}

.strategy3 .w_lump1 .box .num {
    font-size: 48px;
    color: #f22e2e;
    line-height: 50px;
    margin-right: 5px;
}

.strategy3 .w_lump1 .box .p {
    font-size: 14px;
    color: #808080;
    line-height: 24px;
}

.strategy3 .w_lump1 .b1 .num,
.strategy3 .w_lump1 .box em {
    display: inline-block;
    vertical-align: top;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -2px;
}

.strategy3 .w_lump1 .b3 {
    margin-right: 0;
}

.strategy3 .w_lump2 {
    height: 500px;
    background: url("../images/strategy/strategy3_k2_bg.jpg") no-repeat center;
}

.strategy3 .w_lump2 .txt {
    float: left;
    width: 690px;
    padding-top: 78px;
}

.strategy3 .w_lump2 .txt .til {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    height: 80px;
}

.strategy3 .w_lump2 .txt .hr {
    height: 0;
    border-bottom: 1px solid #7e98af;
    width: 1050px;
    margin-left: -360px;
    margin-bottom: 55px;
}

.strategy3 .w_lump2 .txt p {
    color: #fff;
}

.strategy3 .w_lump2 .ri {
    float: right;
    padding-top: 82px;
    position: relative;
}

.strategy3 .w_lump2 .ri .dot {
    position: absolute;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 18px;
}

.strategy3 .w_lump2 .ri .dot em {
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    width: 18px;
    height: 18px;
    background: url("../images/about/abt_map_dot.png") no-repeat center;
}

.strategy3 .w_lump2 .ri .dot em:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #f13c3c;
    border-radius: 50%;
    -webkit-animation: fadeIn .8s linear infinite alternate both;
    animation: fadeIn 1.2s linear infinite alternate both;
    box-sizing: border-box;
}

.about .w_left .map .d1 em:after {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.about .w_left .map .d3 em:after {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

.about .w_left .map .d4 em:after {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.about .w_left .map .d5 em:after {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.strategy3 .w_lump3 {
    padding: 80px 0;
}

.strategy3 .w_lump3 .filtrate_wr {
    overflow: hidden;
    padding-bottom: 10px;
}

.strategy3 .filtrate_wr>a {
    float: left;
    padding-left: 19px;
    width: 190px;
    height: 60px;
    line-height: 58px;
    font-size: 14px;
    color: #808080;
    border: 1px solid #ced3d9;
    background: url("../images/strategy/strategy3_icon.png") no-repeat 149px center;
    margin-right: 30px;
}

.strategy3 .filtrate_wr>a:hover,
.strategy3 .filtrate_wr>a.on {
    color: #fff;
    border-color: #076ebe;
    background: #076ebe url("../images/strategy/strategy3_icon-on.png") no-repeat 166px center;
}

.strategy3 .filtrate_wr .seek_box {
    float: right;
    width: 540px;
    height: 60px;
    color: #808080;
    border: 1px solid #ced3d9;
    position: relative;
}

.strategy3 .filtrate_wr .seek_box input {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 58px;
    padding: 0 79px 0 19px;
    font-size: 14px;
    color: #808080;
}

.strategy3 .filtrate_wr .seek_box .btn {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 60px;
    height: 60px;
    background: url("../images/strategy/strategy3_icon_seek.png") no-repeat center;
}

.strategy3 .list .ul {
    overflow: hidden;
    width: 1230px;
    padding-bottom: 10px;
}

.strategy3 .list .ul a {
    float: left;
    width: 380px;
    height: 290px;
    padding: 15px 15px 0;
    margin: 30px 30px 0 0;
    background: #e6ecf2;
    position: relative;
}

.strategy3 .list .ul a .txt {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 74px;
    text-align: center;
}

.strategy3 .list .ul a:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    height: 8px;
    bottom: -8px;
    width: 0;
    background: #076ebe;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.strategy3 .list .ul a:hover:after {
    width: 100%;
}

.strategy3 .list .c_more {
    margin-top: 30px;
}

.strategy3 .w_lump4 {
    height: 538px;
    padding: 77px 0 0;
    background: url("../images/strategy/strategy3_k4.jpg");
}

.strategy3 .w_lump4 .h_til {
    font-size: 18px;
    color: #076ebe;
    line-height: 24px;
    margin-bottom: 37px;
}

.strategy3 .w_lump4 ul {
    width: 750px;
}

.strategy3 .w_lump4 li {
    float: left;
    margin: 0 30px 30px 0;
    height: 80px;
    line-height: 80px;
    font-size: 0;
    padding: 0 32px;
    position: relative;
}

.strategy3 .w_lump4 li:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 28px;
    background: url("../images/strategy/strategy3_icon_le.png") no-repeat center;
}

.strategy3 .w_lump4 li:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 28px;
    background: url("../images/strategy/strategy3_icon_ri.png") no-repeat center;
}

.strategy3 .w_lump4 .i_b {
    display: inline-block;
    vertical-align: middle;
}

.strategy3 .w_lump4 .i_b p {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 22px;
    margin: 0;
    text-align: center;
}

.strategy3 .w_lump4 .i_b .strong {
    font-size: 14px;
    color: #f22e2e;
    line-height: 22px;
    padding-top: 6px;
}

.strategy3 .w_lump4 .strong em {
    font-size: 24px;
    color: #f22e2e;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -1px;
}

.strategy4 {
    padding-top: 80px;
}

.strategy4 .top_txt {
    padding: 0 380px 35px 0;
    background: url("../images/strategy/strategy4_top_bg.png") no-repeat right 0;
    border-bottom: 1px solid #dae0e6;
}

.strategy4 .top_txt h4 {
    font-size: 16px;
    color: #076ebe;
    line-height: 24px;
    margin-bottom: 15px;
}

.strategy4 .txt_box {
    padding: 37px 0 55px;
}

.strategy4 .txt_box .le {
    float: left;
    width: 990px;
    padding-right: 150px;
}

.strategy4 .txt_box .le .til {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 12px;
}

.strategy4 .txt_box .ri {
    float: right;
    position: relative;
    width: 210px;
    height: 80px;
    top: 3px;
    border-left: 1px solid #dae0e6;
}

.strategy4 .txt_box .ri img {
    position: absolute;
    right: -17px;
    top: -15px;
}

.strategy4 .w_lump1 {
    padding-bottom: 80px;
}

.strategy4 .w_lump2 {
    height: 610px;
    padding-top: 42px;
    background: url("../images/strategy/strategy4_k2_bg.jpg") no-repeat top center;
}

.strategy4 .w_lump2 .txt_box .ti {
    color: #ffea00;
}

.strategy4 .w_lump2 .txt_box p {
    color: #fff;
}

.strategy4 .w_lump2 .txt_box .ri img {
    position: absolute;
    right: -17px;
    top: -15px;
}

.strategy4 .slide2 .bd li {
    padding: 0;
    background: no-repeat;
}

.strategy4 .slide2 .bd a {
    padding: 15px 15px 0;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
}

.strategy4 .slide2 .bd a:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    height: 8px;
    bottom: -8px;
    width: 0;
    background: #076ebe;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.strategy4 .slide2 .bd li:after {
    display: none;
}

.strategy4 .slide2 .bd a:hover:after {
    width: 100%;
}

.strategy4 .w_lump3 {
    padding: 80px 0;
}

.st4_tab {
    border-top: 1px solid #dae0e6;
    padding: 60px 0;
    border-bottom: 1px solid #dae0e6;
}

.st4_tab .le {
    float: left;
    height: 242px;
    position: relative;
    width: 570px;
}

.st4_tab .le .til {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 10px;
}

.st4_tab .bd {
    float: right;
    width: 600px;
    padding-left: 15px;
    height: 232px;
    margin: -15px -15px 0 0;
}

.st4_tab .bd .tempWrap {
    padding-left: 15px !important;
    margin-left: -15px !important;
}

.st4_tab .bd ul {
    padding: 15px 0 !important;
}

.st4_tab .bd li {
    float: left;
    width: 270px;
    margin-right: 30px;
    background: #fff;
    cursor: pointer;
}

.st4_tab .bd li .pic {
    height: 141px;
    position: relative;
}

.st4_tab .bd li .pic:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    border: 1px solid #e1e7ed;
    border-bottom: 0 none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.st4_tab .bd li .txt {
    height: 61px;
    border: 1px solid #e1e7ed;
    line-height: 59px;
    text-align: center;
    font-size: 14px;
    color: #4c4c4c;
}

.st4_tab .bd li:hover {
    box-shadow: 0 0 20px #edf5fa;
}

.st4_tab .bd li:hover .pic:after {
    opacity: 0;
    filter: alpha(opacity=0);
}

.st4_tab .bd li:hover .txt {
    border-color: transparent;
    border-top-color: #e1e7ed;
}

.st4_tab .le a {
    display: none;
    position: absolute;
    bottom: -40px;
    width: 48px;
    height: 48px;
    background: #dae0e6 no-repeat center;
}

.st4_tab .le .prev {
    left: 0;
    background-image: url("../images/icon_prev2.png");
}

.st4_tab .le .next {
    left: 68px;
    background-image: url("../images/icon_next2.png");
}

.st4_tab .le .prev:hover {
    background-image: url("../images/icon_prev2-on.png");
    background-color: #076ebe;
}

.st4_tab .le .next:hover {
    background-image: url("../images/icon_next2-on.png");
    background-color: #076ebe;
}

.strategy4 .w_lump4 {
    padding: 40px 0;
    height: 591px;
    background: url("../images/strategy/strategy4_k4_bg.jpg");
}

.strategy4 .w_lump4 .txt_box .ri img {
    right: 1px;
    top: 1px;
}

.strategy4 .w_lump4 ul {
    overflow: hidden;
    width: 1230px;
}

.strategy4 .w_lump4 li {
    float: left;
    width: 380px;
    height: 290px;
    margin-right: 30px;
    background: #fff;
    position: relative;
    margin-bottom: 8px;
}

.strategy4 .w_lump4 li a {
    padding: 15px 15px 0;
}

.strategy4 .w_lump4 li .txt {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 74px;
    text-align: center;
}

.strategy4 .w_lump4 li:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    height: 8px;
    bottom: -8px;
    width: 0;
    background: #076ebe;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.strategy4 .w_lump4 li:hover:after {
    width: 100%;
}

.strategy4 .w_lump5 {
    padding: 80px 0;
}

.st4_popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.st4_popup .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

.st4_popup .cnt {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    width: 1200px;
    background: #fff;
    padding: 35px 40px;
    margin-left: -600px;
}

.st4_popup .til {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 28px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dae0e6;
}

.st4_popup .btn {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 20px;
    right: 30px;
    background: url("../images/strategy/strategy4_btn.png") no-repeat center;
}

.st4_popup .box {
    overflow: hidden;
    padding: 30px 0 35px;
}

.st4_popup .le {
    float: left;
    width: 212px;
    border-right: 1px solid #dae0e6;
}

.st4_popup .ri {
    float: right;
    width: 908px;
    padding-left: 65px;
}


/*culture*/
.culture {
    padding: 80px 0 66px;
}

.culture .box {
    float: left;
    position: relative;
    margin-bottom: 14px;
}

.culture .box .pon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 90px 60px 0;
}

.culture .b1,
.culture .b2 {
    width: 593px;
}

.culture .b1 {
    margin-right: 14px;
}

.culture .box .en {
    font-size: 18px;
    color: #b2b2b2;
    line-height: 18px;
    font-family: "MONTSERRAT-REGULAR";
    letter-spacing: -1px;
    margin-bottom: 7px;
}

.culture .box .cn {
    font-size: 18px;
    color: #076ebe;
    line-height: 24px;
    margin-bottom: 22px;
}

.culture .box .h2 {
    font-size: 24px;
    color: #4c4c4c;
    line-height: 30px;
}

.culture .box .h4 {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px;
}

.culture .b3 .pon {
    padding-top: 60px;
    padding-right: 570px;
}

.culture .b3 p {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px 0 0;
}

.culture .b3 .fl {
    margin-bottom: 27px;
}

.culture .b3 .p_box {
    width: 320px;
}

.culture .b3 .p_box p {
    margin: 0;
    margin-right: 30px;
}

.culture .b4 .pon {
    padding-left: 670px;
}

.culture .b4 .pon {
    padding-top: 60px;
}

.culture2 .top_txt .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 12px;
}

.culture2 .top_txt .b1 {
    float: left;
    padding: 80px 60px 75px 0;
    height: 356px;
    width: 600px;
    background: url("../images/culture/culture2_txt1.png") no-repeat left bottom;
    border-right: 1px solid #e1e7ed;
}

.culture2 .top_txt .b2 {
    float: left;
    padding: 175px 0 75px 60px;
    height: 356px;
    width: 600px;
    background: url("../images/culture/culture2_txt2.png") no-repeat 60px bottom;
}

.culture2 .w_lump1 {
    background: #e6ecf2;
    padding: 80px 0;
}

.culture2 .news_list .ul a {
    background: transparent;
}

.culture2 .news_list .ul a:after {
    background: #fff;
}


/*social*/
.social {
    padding: 80px 0;
}

.social .w_lump1 {
    overflow: hidden;
    padding-bottom: 36px;
}

.social .w_lump1 a {
    float: left;
    width: 285px;
    margin: 0 20px 0 0;
}

.social .w_lump1 .it4 {
    margin-right: 0;
}

.social .w_lump1 .txt {
    height: 106px;
    padding: 28px 0 0 75px;
    background: #e6ecf2 no-repeat 18px 0;
}

.social .w_lump1 .txt .cn {
    font-size: 16px;
    line-height: 24px;
    color: #4c4c4c;
}

.social .w_lump1 .txt .en {
    font-size: 14px;
    line-height: 15px;
    color: #aaaeb2;
    font-family: "MONTSERRAT-REGULAR";
}

.social .w_lump1 .it1 .txt {
    background-image: url("../images/social/social_icon1.png");
}

.social .w_lump1 .it2 .txt {
    background-image: url("../images/social/social_icon2.png");
}

.social .w_lump1 .it3 .txt {
    background-image: url("../images/social/social_icon4.png");
}

.social .w_lump1 .it4 .txt {
    background-image: url("../images/social/social_icon3.png");
}

.social .w_lump2 {
    height: 449px;
    padding: 57px 30px 0;
    background: url("../images/social/social_pic4.jpg") no-repeat center;
}

.social .w_lump2 .joint {
    margin-bottom: 52px;
}

.social .w_lump2 .interval1 {
    height: 52px;
}

.social .w_lump2 .interval2 {
    height: 40px;
}

.social .w_lump2 p {
    margin: 0;
}

.social .w_lump2 .h4 {
    font-size: 18px;
    color: #808080;
    line-height: 24px;
    margin-bottom: 7px;
}

.social .w_lump2 .h2 {
    font-size: 36px;
    color: #076ebe;
    line-height: 50px;
    margin-top: 10px;
}

.social2 .top_txt {
    position: relative;
    height: 0;
}

.social2 .top_txt .w1200 {
    position: absolute;
    padding-top: 80px;
    left: 50%;
    top: 0;
    margin-left: -600px;
}

.social2 .w_lump1 {
    overflow: hidden;
}

.social2 .w_lump1 .box {
    float: left;
    height: 554px;
    padding-top: 164px;
}

.social2 .w_lump1 a {
    width: 256px;
    height: 350px;
    position: relative;
}

.social2 .w_lump1 .pic {
    width: 256px;
    height: 256px;
    background: url("../images/social/social2_circle.png") no-repeat center;
}

.social2 .w_lump1 .txt {
    position: absolute;
    top: 284px;
    width: 340px;
    left: 50%;
    margin-left: -170px;
}

.social2 .w_lump1 .txt .cn {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    text-align: center;
    margin-bottom: 5px;
}

.social2 .w_lump1 .txt .en {
    font-size: 18px;
    color: #b2b2b2;
    line-height: 24px;
    font-family: "MONTSERRAT-REGULAR";
    text-align: center;
}

.social2 .w_lump1 .b1 {
    width: 286px;
    margin-right: 29px;
    border-right: 1px solid #dae0e6;
}

.social2 .w_lump1 .b2 {
    width: 286px;
    margin-right: 29px;
    border-right: 1px solid #dae0e6;
}

.social2 .w_lump1 .b3 {
    width: 286px;
    margin-right: 29px;
    border-right: 1px solid #dae0e6;
}

.social2 .w_lump1 .b4 {
    width: 255px;
}

.social2 .w_lump1 .b4 a {
    float: right;
}

/*.social2 .w_lump1 .b3{width:360px;}*/
.social2 .w_lump1 a:hover .pic {
    background-image: url("../images/social/social2_circle-on.png");
}

.social2 .w_lump1 a:hover .cn {
    color: #076ebe;
}

.social2 .w_lump2 {
    padding-bottom: 40px;
}

.social2 .w_lump2 .item {
    display: none;
}

.social2 .w_lump2 .txt_box {
    background: #e6ecf2;
    padding-bottom: 214px;
}

.social2 .w_lump2 .txt_box .w1200 {
    padding: 55px 0;
    border-bottom: 1px solid #ced3d9;
    margin-bottom: 60px;
}

.social2 .w_lump2 .txt_box em {
    color: #f22e2e;
}

.social2 .w_lump2 .news_list {
    margin-top: -214px;
}

.social3 {
    height: 894px;
    padding-top: 80px;
    background: url("../images/social/social3_bg.jpg") no-repeat center;
}

.social3 .w_lump1 .item {
    float: left;
    width: 580px;
    margin-left: 40px;
}

.social3 .w_lump1 .item:first-child {
    margin-left: 0;
}

.social3 .w_lump1 .item .til {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px;
}

.social3 .w_lump1 .box {
    background: #fff;
    padding: 20px 30px;
    height: 440px;
    position: relative;
    margin-top: 22px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.social3 .w_lump1 .box:after {
    content: " ";
    display: block;
    position: absolute;
    left: 42px;
    height: 14px;
    width: 36px;
    top: -14px;
    background: url("../images/social/social3_icon.png") no-repeat center;
}

.social3 .w_lump1 .time {
    overflow: hidden;
    padding-bottom: 26px;
    border-bottom: 1px solid #dae0e6;
    margin-bottom: 26px;
}

.social3 .w_lump1 .time .fl {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px;
}

.social3 .w_lump1 .time .fr {
    font-size: 18px;
    color: #076ebe;
    font-family: "MONTSERRAT-REGULAR";
    line-height: 24px;
}

.social3 .w_lump1 .item .h4 {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px;
    margin-top: 31px;
}

.social3 .w_lump1 .item .h4:first-child {
    margin-top: 0;
}

.social3 .w_lump1 .item p {
    margin: 0;
}


/*join*/
.join {
    padding: 80px 0;
}

.join .top_txt {
    padding-bottom: 28px;
}

.join .top_txt .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 12px;
}

.join .part1 {
    text-align: center;
    height: 200px;
    font-size: 0;
    background: url("../images/join/join_txt_bg.jpg") no-repeat bottom center;
}

.join .part1 .li {
    display: inline-block;
    vertical-align: top;
    margin: 0 56px;
}

.join .part2 {
    overflow: hidden;
    width: 1230px;
}

.join .part2 .item {
    float: left;
    width: 380px;
    height: 260px;
    padding: 61px 30px 0;
    border: 1px solid #ced3d9;
    margin: 0 30px 0 0;
    background: url("../images/join/join_bg.jpg") no-repeat top center;
}

.join .part2 .icon {
    width: 96px;
    height: 96px;
    border: 1px solid #ced3d9;
    border-radius: 50%;
    margin: 0 auto 14px;
}

.join .part2 .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 4px;
    text-align: center;
}

.join .part2 p {
    margin: 0;
    text-align: center;
}

.join2 {
    padding-top: 80px;
    background: #e6ecf2;
}

.join2 .top_txt {
    padding-bottom: 35px;
    background: url("../images/join/join2_icon.png") no-repeat right bottom;
}

.join2 .cnt {
    padding: 40px 30px 0;
    background: #fff;
    overflow: hidden;
}

.join2 .cnt .le {
    float: left;
    width: 770px;
    height: 360px;
    padding-right: 60px;
    border-right: 1px solid #e1e7ed;
}

.join2 .cnt .ri {
    float: right;
    width: 310px;
    height: 360px;
}

.join2 .cnt .ri .ma {
    float: left;
    width: 180px;
    height: 180px;
    border: 1px solid #e1e7ed;
    padding: 18px;
}

.join2 .cnt .ri .txt {
    float: right;
    width: 100px;
    height: 180px;
}

.join2 .cnt .ri .txt p {
    float: left;
    width: 18px;
    font-size: 16px;
    line-height: 16px;
    color: #808080;
    margin-right: 10px;
}

.join2 .cnt .ri .btn {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    padding: 0 30px;
    color: #fff;
    margin-top: 40px;
    background: #076ebe url("../images/icon_next2-on.png") no-repeat 270px center;
}

.join2 .cnt .ri .btn:hover {
    background-position: 280px center;
}

.join3 {
    padding-top: 80px;
    background: #e6ecf2;
}

.join3 .top_txt {
    padding-bottom: 35px;
}

.join3 .top_txt .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 12px;
}

.join3 .w_lump1 {
    padding-bottom: 128px;
    background: url("../images/join/join3_k1_bg.png") no-repeat top center;
}

.join3 .w_lump1 .box {
    float: left;
    padding-top: 50px;
    position: relative;
}

.join3 .w_lump1 .icon {
    width: 173px;
    margin: 0 auto;
}

.join3 .w_lump1 .icon img {
    max-width: none;
}

.join3 .w_lump1 .txt {
    position: absolute;
    left: 50%;
    top: 277px;
    margin-left: -150px;
    width: 300px;
}

.join3 .w_lump1 .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: center;
}

.join3 .w_lump1 p {
    text-align: center;
}

.join3 .w_lump1 .b1 {
    margin-left: 57px;
}

.join3 .w_lump1 .b2 {
    margin-left: 280px;
    padding-top: 0;
}

.join3 .w_lump1 .b2 .txt {
    top: 227px;
}

.join3 .w_lump1 .b3 {
    margin-left: 280px;
}

.join3 .w_lump2 {
    height: 610px;
    padding-top: 80px;
    background: url("../images/join/join3_k2_bg.jpg") no-repeat center;
}

.join3 .w_lump2 .first {
    float: left;
    width: 800px;
    height: 150px;
}

.join3 .w_lump2 .h_til {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 40px;
}

.join3 .w_lump2 .box {
    float: right;
    padding: 30px 30px 0;
    width: 400px;
    height: 150px;
    background: #f2f2f2;
}

.join3 .w_lump2 .b2 {
    background: #fff;
}

.join3 .w_lump2 .box .h4 {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 26px;
    margin-bottom: 14px;
}

.join3 .w_lump3 {
    height: 560px;
    background: url("../images/join/join3_k3_bg.jpg") no-repeat center;
}

.join3 .w_lump3 .cnt {
    margin: 0 auto;
    width: 660px;
    position: relative;
    top: -50px;
}


/*contact*/
.contact .top_txt {
    background: #e6ecf2;
}

.contact .top_txt .w1200 {
    position: relative;
    padding: 80px 0 0;
}

.contact .top_txt .le {
    float: left;
    width: 480px;
    height: 354px;
    border-right: 1px solid #d5dbe0;
}

.contact .top_txt .le .til {
    font-size: 18px;
    color: #808080;
    line-height: 24px;
    margin-bottom: 5px;
}

.contact .top_txt .le .row {
    margin-bottom: 38px;
    padding-left: 56px;
    background: no-repeat left 3px;
}

.contact .top_txt .le .p {
    font-size: 24px;
    color: #076ebe;
    line-height: 24px;
    font-family: "MONTSERRAT-REGULAR";
}

.contact .top_txt .le2 {
    float: left;
    width: 480px;
    height: 354px;
}

.contact .top_txt .le2 .row {
    height: 131px;
    padding: 35px 0 0 107px;
    border-top: 1px solid #d5dbe0;
    background: no-repeat 60px 40px;
}

.contact .top_txt .le2 .til {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 5px;
}

.contact .top_txt .le2 .row:first-child {
    height: 92px;
    border-top: 0 none;
    padding-top: 0;
    background-position: 60px 3px;
}

.contact .top_txt .ma_box {
    position: absolute;
    top: 0;
    right: -360px;
    width: 600px;
    height: 434px;
    padding: 80px 0 0 46px;
    background: #fff url("../images/about/abt2_bg.jpg");
}

.contact .top_txt .ma_box .ma {
    width: 140px;
    padding: 20px;
    height: 140px;
    background: #fff;
    margin-bottom: 24px;
}

.contact .top_txt .ma_box .p {
    margin-left: 12px;
    display: inline-block;
    padding: 0 2px;
    font-size: 16px;
    color: #808080;
    line-height: 20px;
    background: #fff;
    margin-bottom: 8px;
}

#contact_map {
    height: 514px;
}

#contact_map img {
    max-width: none;
}

.contact2 .top_txt {
    padding: 80px 0 0;
    background: #e6ecf2;
}

.contact2 .top_txt .h_til {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 27px;
}

.contact2 .top_txt .part1 {
    margin-bottom: 57px;
}

.contact2 .top_txt .wr {
    position: relative;
}

.contact2 .top_txt .wr:before {
    content: " ";
    display: block;
    position: absolute;
    left: 20px;
    height: 14px;
    width: 36px;
    top: -14px;
    background: url("../images/social/social3_icon.png") no-repeat center;
}

.contact2 .top_txt .part1 .box {
    float: left;
    width: 300px;
    height: 136px;
    padding-left: 20px;
    text-align: center;
    padding-top: 36px;
    background: #fff;
    border-left: 1px solid #e1e7ed;
}

.contact2 .top_txt .part1 .i_b {
    display: inline-block;
    vertical-align: top;
}

.contact2 .top_txt .part1 .i_b>img {
    float: left;
    margin-top: 5px;
}

.contact2 .top_txt .part1 .txt {
    /* float:left; */
    text-align: left;
    display: table;
    padding-right: 30px;
}

.contact2 .top_txt .part1 .h4 {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 3px;
}

.contact2 .top_txt .part1 p {
    line-height: 22px;
}

.contact2 .top_txt .part2 .cnt {
    padding: 35px 0 75px;
    overflow: hidden;
}

.contact2 .top_txt .part2 .h_til {
    margin-bottom: 12px;
}

.contact2 .top_txt .part2 .til_wr {
    padding-bottom: 35px;
    border-bottom: 1px solid #ced3d9;
}

.contact2 .top_txt .part2 .fl {
    padding-left: 70px;
    position: relative;
    margin-right: 100px;
}

.contact2 .top_txt .part2 .num {
    position: absolute;
    left: 0;
    top: 6px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #aaaeb2;
    background: #fff;
    border-radius: 50%;
}

.contact2 .top_txt .part2 .h4 {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 6px;
}

.contact2 .top_txt .part2 .p {
    font-size: 24px;
    color: #076ebd;
    line-height: 24px;
    font-family: "MONTSERRAT-REGULAR";
}

.contact2 .w_lump2 {
    background: #fff;
}

.contact2 .w_lump2 .w1200 {
    position: relative;
}

.contact2 .w_lump2 .le {
    position: absolute;
    left: -360px;
    top: 0;
    width: 745px;
    height: 100%;
    border-right: 1px solid #ced3d9;
    background: url("../images/about/abt2_bg.jpg");
}

.contact2 .w_lump2 .le .box {
    padding: 77px 0 35px 360px;
    background: #fff;
    margin-right: 60px;
}

.contact2 .w_lump2 .h4 {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 14px;
}

.contact2 .w_lump2 .ri {
    float: right;
    padding: 77px 360px 75px 60px;
    margin-right: -360px;
    width: 1175px;
}

.contact2 .w_lump2 .ri p {
    margin: 0;
}

.contact2 .w_lump2 .ri .h5 {
    font-size: 14px;
    color: #f22f2f;
    line-height: 24px;
    margin-top: 30px;
}

.contact2 .w_lump3 .le {
    float: left;
    width: 745px;
    height: 600px;
    margin-left: -360px;
    padding: 37px 60px 0 360px;
    background: url("../images/contact/contact2_pic1.jpg") no-repeat right top;
}

.contact2 .w_lump3 .til {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 12px;
}

.contact2 .w_lump3 p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.contact2 .w_lump3 .hr {
    margin: 25px 0;
    width: 685px;
    margin-left: -360px;
    border-bottom: 1px solid #008fd8;
}

.contact2 .w_lump3 .ri {
    float: right;
    width: 1175px;
    margin-right: -360px;
}

.contact3 {
    height: 631px;
    padding: 80px 0 0;
    background: #e6ecf2 url("../images/contact/contact3_bg.png") no-repeat center;
}

.contact3 .top_txt p {
    margin: 0;
}

.contact3 .clearfix {
    padding-top: 50px;
}

.contact3 input {
    float: left;
    font-size: 14px;
    color: #808080;
    width: 380px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    padding: 0 30px;
    margin-right: 30px;
}

.contact3 .btn {
    float: left;
    width: 380px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #076ebe;
}

.contact3 .btn:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}


/*Ã¦Â³â€¢Ã¥Â¾â€¹Ã¥Â£Â°Ã¦ËœÅ½*/
#law_wr {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

#law_wr .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

#law_wr .cnt {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    width: 1200px;
    height: 490px;
    background: #fff;
    padding: 35px 40px;
    margin: -245px 0 0 -600px;
}

#law_wr .til {
    font-size: 18px;
    color: #076ebe;
    line-height: 28px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dae0e6;
}

#law_wr .btn {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 20px;
    right: 30px;
    background: url("../images/strategy/strategy4_btn.png") no-repeat center;
}

#law_wr .box {
    overflow: hidden;
    padding: 36px 0 35px;
}

#law_wr .h4 {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px;
    margin: 31px 0 10px;
}

#law_wr .h4:first-child {
    margin-top: 0;
}

#law_wr p {
    margin: 0;
}


/*Ã¦ÂÅ“Ã§Â´Â¢Ã§Â»â€œÃ¦Å¾Å“Ã©Â¡Âµ*/
.news_seek {
    padding: 80px 0;
}

.news_seek .top_txt {
    padding-bottom: 35px;
}

.news_seek .top_txt em {
    color: #076ebe;
}


#con3_result {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

#con3_result .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

#con3_result .cnt {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    width: 1200px;
    margin-left: -600px;
}

#con3_result table {
    width: 100%;
    border-top: 1px solid #e6ecf2;
    border-left: 1px solid #e6ecf2;
}

#con3_result .td {
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    color: #808080;
    vertical-align: middle;
    padding: 20px;
    border-right: 1px solid #e6ecf2;
    border-bottom: 1px solid #e6ecf2;
    background: #fff;
}

#con3_result .td.til {
    text-align: center;
}


.strategy-c .it_wr * {
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.strategy-c {
    position: relative;
    overflow: hidden;
}

.strategy-c .bg {
    position: static;
    background: no-repeat;
}

.strategy-c .bg_img {
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}

.strategy-c .w1200 {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    margin-left: -600px;
}

.strategy-c .item .bg,
.strategy-c .item .bg img {
    width: 100%;
    height: 100%;
}

.strategy-c .it_wr {
    float: right;
    height: 100%;
}

.strategy-c .item {
    float: left;
    margin-left: 10px;
    position: relative;
    width: 140px;
    height: 100%;
    overflow: hidden;
}

.strategy-c .item .bg {
    opacity: 1;
    filter: alpha(opacity=100);
}

.strategy-c .item .bg2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    background: no-repeat top center;
    opacity: 0;
    filter: alpha(opacity=0);
}

.strategy-c .item .cnt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}

.strategy-c .item .icon {
    position: relative;
    left: -20px;
    margin-top: -20px;
    height: 227px;
    background: no-repeat top center;
    opacity: 0;
    filter: alpha(opacity=0);
}

.strategy-c .item h4 {
    margin-top: -27px;
    width: 82px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    color: #076ebe;
    line-height: 68px;
    border-top: 2px solid #adc5e0;
    border-bottom: 2px solid #adc5e0;
}

.strategy-c .item.on {
    width: 252px;
}

.strategy-c .item.on .bg {
    opacity: 0;
    filter: alpha(opacity=0);
}

.strategy-c .item.on .icon {
    left: 0;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.strategy-c .item.on .icon,
.strategy-c .item.on .bg2 {
    opacity: 1;
    filter: alpha(opacity=100);
}

.strategy-c .item.on h4 {
    color: #fff;
    border-color: transparent;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}